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

@font-face{ font-family: FZLTCXH; src: url(../fonts/FZLTCXH.TTF); }
*/
body{font-family: "微软雅黑"}
h1, h2, h3, h4, h5, h6, p {

margin-bottom: .75em;
}
body{
	margin: 0 auto;
	background: #fff;
	font-size: 14px;
	
}
/** 新按钮**/
.btn-nobook-down-green{
  background: #1dbe72;
border-radius:2px;
border:0px;
}
.btn-nobook-down-green:hover{
  background: #1ca162;
}
.blue2 {
background-color: #38be35;
}
.btn-nobook-sec{background-color: #595b61;border: none;}
.btn-nobook-sec:hover{
  background-color:#4e5055;
}
/* a:{text-decoration: underline;} */
body {font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" !important;}
.colororange{color: #f65625}
img{border: 0px;}


.my_header {
position: relative;
height: 49px;
}
ul li{margin: 0 ;padding: 0;}
.n_nav{
	
	
	margin-bottom: 0;
	background-color:#fff;
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #ddd;
	/**
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
	_position: absolute;
	**/
	_position: absolute;
}
.n_nav .n_nav-content{position:relative; margin:0 auto; width:1000px;}
.n_nav h1{
	width: 128px;
	height: 35px;
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -9999em;
	margin-top:5px;
	_filter: progid:dximagetransform.microsoft.AlphaImageLoader(enabled=true,src='../images/logo.png');
	_background: 0;
	_position: absolute;
	_top: 10px;
	_left: 0;
	_margin-top: 0;
}
h1.n_left{float:left;display: block;}
.n_nav-item{float:left;height: 49px;width: 700px;margin-left: 170px;}
.n_nav  h1 a{display:block; width:128px;height:35px;}

.n_nav .line-li li{float:left;display: block;width: 55px; font-size:14px;height: 49px;line-height: 49px;margin-left: 28px;}
.n_nav .line-li li a:hover{color:#ccc;}

.n_nav .line-li li a{width:78px;}
.n_nav .line-li li a{
	display: inline-block;
	color: #999;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	font-size: 14px;
	font-weight: bold;
	position: relative;

	
	
}
.n_nav .line-li li a:hover{
color:#ff6633;
}
.n_nav_menu_li_1 i {
	background-image: url(../images/arrow_down.png);
	width: 10px;
	height: 14px;
	background-repeat: no-repeat;
	position: absolute;
	right: 14px;
	top: 15px;
	background-position: 3px 8px;
	margin-left: 0px;
}

/*****************************************************************************************header++++++++++++++++++++++++++++++++++++***/


 /* *{list-style:none;padding:0; margin: 0;}
  *body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;list-style: none;}
  .clear{
  	clear: both;
  } */
.Nav{position:relative;height:70px;z-index:1;min-height:70px;border-bottom:1px solid #e5e5e5;background-color:#fff;background-color: #f5f5f5;width: 100%;}
.oldie .Nav{background-color:#f4f4f4}
.Nav header .Nav-anchor{color:#0289d7}
.Nav .Btn{margin-bottom:0}
.Nav-container{display:table;table-layout:auto;width:100%;height:70px;}
.Nav-container > header,.Nav-container > div{display:table-cell;vertical-align:middle;text-align:right;white-space:nowrap}
.Nav-container > header{vertical-align:middle;text-align:left}
.Nav-anchor{display:block;font:400 13px Arial,Helvetica,sans-serif;color:#3d3d3d}
.Nav-sections{padding-right:10px;padding-left:10px;width:100%;font-size:0;}
.Nav-sections > a{display:inline-block;padding:0 2.1%;font-size:13px;line-height:70px;text-decoration:none;transition:background-color .2s ease;}
.ie9 .Nav-sections > a{padding:0 10px}
.Nav-sections > a:focus{outline:0}
.Nav-sections > a:hover,.Nav-sections > a:focus,.Nav-sections > a.is-active{background-color:#eaecef;background-color:rgba(225,229,234,0.6);color:initial}@media only screen and (max-width: 1230px){.Nav-cta > a{width:auto;min-width:0;padding-left:.6em;padding-right:.6em}}@media only screen and (max-width: 1010px){.Nav-container .Nav-sections,.fixed-dummy{display:none}
.Nav.is-fixed{position:relative;margin-top:-70px}
.Nav .Btn + .Btn{margin-left:.1em}}@media only screen and (max-width: 590px){.Nav-title{font-size:14px;white-space:normal}}
.Bar + .fixed-dummy,.Bar + .NavAlt{margin-top:40px}
.NavAlt{position:relative;height:60px;z-index:1;min-height:60px;margin-top:-60px;font-size:0;text-align:center;background-color:#25272c;background-color:rgba(37,39,44,0.94);}.NavAlt .container{position:relative}@media only screen and (max-width: 770px){.NavAlt{display:none}}
.NavAlt-anchor{font-size:20px;color:#fff;display:inline-block;line-height:60px;padding-left:2em;padding-right:2em;border-left:1px solid #393f47;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid #393f47;border-right:1px solid rgba(255,255,255,0.1);transition:background .2s;}
.NavAlt-anchor:hover,.NavAlt-anchor:active,.NavAlt-anchor:focus,.NavAlt-anchor.is-active{color:#fff;text-decoration:none;border-color:transparent;outline:none;background-color:#393f47;background-color:rgba(255,255,255,0.1)}
.NavAlt-anchor + .NavAlt-anchor{border-left:0}@media only screen and (max-width: 1230px){.NavAlt-anchor{padding-left:.8em;padding-right:.8em}}@media only screen and (max-width: 960px){.NavAlt-anchor{font-size:16px}}
.NavAlt-Logo,.NavAlt-Btn{position:absolute;top:0;line-height:60px;transition:opacity .8s;}
.NavAlt-Logo{left:30px;}
.ie8 .NavAlt-Logo{min-width:100px}
.NavAlt-Btn{right:30px;font-size:15px}
.sfContentBlock h2, .Section-title {
margin-top: -84px;
padding-top: 84px;
}

.Btn--prim{background-color: #ee5315;}

/*****
非相应式框架

***/

/*****
自定义

***/
.nb_contenter{padding: 30px 0;padding-top: 50px;}
.sfContentBlock{padding: 20px 0;}
.grey1{background-color: #f3f5f7;}
.blue2{background-color: #48bfe8;}
.nobook_pdten{padding: 10px 0;}
.btn-nobook-down{background-color: #ee5315;border: none;border-radius:2px;}
.btn-nobook-down:hover{background-color: #d3470f}

.btn-nobook-down-lage{height: 60px;line-height: 40px;font-size: 22px;}
.btn-nobook-down-blue{background-color: #1c81b3;border-radius:2px;border: none;}
.btn-nobook-down-blue:hover{background-color: #015083}
.p15em{line-height: 2em;}

/**stepbanner**/
.stepbanner {
	position: relative;
	width: 100%;
	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.stepbanner ul {
		list-style: none;
		width: 300%;
	}
	.stepbanner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height: 800px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.stepbanner .inner {
		padding: 20px 0 314px;
	}

	.stepbanner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;

		color: #fff;
	}

	.stepbanner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.stepbanner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.stepbanner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.stepbanner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.stepbanner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		width: 100%;
	}
		.stepbanner .dots li {
			display: inline-block;
			*display: inline;
			zoom: 1;

			width: 10px;
			height: 10px;
			line-height: 10px;
			margin: 0 4px;

			text-indent: -999em;
			*text-indent: 0;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.stepbanner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.stepbanner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.stepbanner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}


		/**
dh_menu


		**/
.Dash-aside-list span {
font-size: 12px;
}
separator {
margin: -5px 0 15px;
border-bottom: 1px solid #dddddc;
}
.Dash-separator {
margin: -5px 0 15px;
border-bottom: 1px solid #dddddc;
}


.fancybox-content div{
	-webkit-box-sizing:none;
}

/*******************************************************自定义nav ********************/
.flexslider{
	min-width: 1100px;
}

/***********************************************************************header end +++++++++++++++++++++++++++++++++++++++++++++++++++++************/

/***娑撳鏆掗懣婊冨礋***/
.product{position: relative;}
.app-list {
display: none;
position: absolute;
background: #404249;
top: 49px;
width: 335px;

left: -20px;

padding: 10px 0px;
padding: 0.625rem 0rem;
z-index: 24;
font-family: 'Gotham_SSm_4r',Helvetica,Arial,sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #404249;
-webkit-box-shadow: 0px 3px 5px 0px #404249;
-moz-box-shadow: 0px 3px 5px 0px #404249;
box-shadow: 0px 3px 5px 0px #404249;
}
.app-list li, .app-list-blogs li {
margin: 0 !important;
padding: 0 !important;
clear: both;
}
.n_nav .line-li li .app-list li a{
display: block;
width: 275px;
color: #696969 !important;
position: relative;
text-transform: none;
font-family: 'Gotham_SSm_4r',Helvetica,Arial,sans-serif;
font-size: 13px;
font-size: 0.8125rem;
padding: 10px 20px;
padding: 0.625rem 1.25rem;
}
.icon_jt{ display:block;background: url(../images/ico/ico_jt.png) no-repeat;position: absolute;top: 44px;width: 13px;height: 5px;right: 15px;display: none;}
a .icon {
display: block;
float: left;

width: 40px;
height: 40px;
}
.icon-wl{background: url(../images/ico/ico_wl.png) no-repeat;}
.icon-hx{background: url(../images/ico/ico_hx.png) no-repeat;}
.icon-jh{background: url(../images/ico/ico_jihe.png) no-repeat;}
.text{
float: left;
font-size: 13px;
font-size: 0.8125rem;
margin: 3px 0px 0px 10px;
margin: 0.1875rem 0rem 0rem 0.625rem;
color: #fff;
width: 80%;
text-align: left;
height: 40px;
line-height: normal;

}

.text span{display: block;color: #808080}
.download{
font-family: 'Gotham_SSm_4r',Helvetica,Arial,sans-serif;
position: absolute;
text-transform: uppercase;
border: 1px solid #323232;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 10px;
font-size: 0.625rem;

background: #818287;
right: 10px;
right: 0.625rem;
top: 15px;
top: 0.9375rem;
z-index: 25;
color: #f1f1f1;
cursor: pointer;
width: 75px;
height: 24px;
line-height: 24px;
font-weight: bold;
}
/* 娑撳顣介柈銊ュ瀻css */
.content{position: relative;width: 100%;padding-top: 20px;}
.hd-c{
	
	position: relative;
	overflow: hidden;
	width: 100%;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
}
.hd-c .banner{width:1000px;position:relative;margin:0 auto;}
.feature-content {margin: 0 auto;width: 1000px;padding-top: 30px;}
.feature-content  .vborder{width:240px;height:275px;position: relative;}
.feature-content  .vborder p{padding-top:10px;}
.feature-content dd {float: left;padding: ;width: 33%;height: 300px;display: block;}
.feature-content dd h3{padding-top: 5px;}
.feature-content dd  p{font-weight: 200;color: #808080;}
.feature-content dd .fimg{background: url(../images/edu_show.png) no-repeat;display:block;width:240px;height:156px;}
.feature-content dd .fimg .play{width:50px;height:50px;margin:0 auto;padding-top:53px;}
/* 娴犮儰绗呮稉鍝勭俺闁暉ss */
.footer .footer-content{ margin: 0 auto; width: 1000px;height: 98px;}


.foot-contact{height:25px;width:100%;}
.foot-contact .followus{background: url(../images/btm/followus.png) no-repeat;display:block; margin-top:15px;height:14px;width:57px;padding-bottom: 22px;}
.footer-right .aboutus{background: url(../images/btm/qqserver.png) no-repeat;display:block;float: right; margin-top:15px;height:29px;width:96px;}
.foot-contact .share{width:100%;height:42px;}
.share .share-list{width:300px;height:42px;padding-left:0px;padding-top:0px;}
.share ul{-webkit-padding-start: 0px;-webkit-margin-before: 0em;}
.share li{float:left;margin-right:10px;}
.share li a{text-decoration: none;display:block;height:42px;width:42px;}
.share .weibo{background-image: url(../images/btm/weibo.png);}
.share .wechat{background-image: url(../images/btm/wechat.png);}
.share .txweibo{background-image: url(../images/btm/txweibo.png);}
.share .qzone{background-image: url(../images/btm/qzone.png);}
.share .weibo:hover{background-image: url(../images/btm/weibo_hover.png);}
.share .wechat:hover{background-image: url(../images/btm/wechat_hover.png);}
.share .txweibo:hover{background-image: url(../images/btm/txweibo_hover.png);}
.share .qzone:hover{background-image: url(../images/btm/qzone_hover.png);}
.contactus{float:right;width:162px;height:32px;margin-top:5px;background: url(../images/btm/contact.png) no-repeat;}
.copyrignt{font-size:12px;text-align:center;color:#888;}
.contact{float: right;}
.foot-menu{float: left;width: 210px;}
.footer-right{float: right;width: 200px;}
/* focus */
.nobookSlide {
	background-color: #022c5e;
}
.nobookSlide_01 {
	height: 344px;
	background: url(../images/banner/wuli.png) no-repeat center center;
}
.nobookSlide_02 {
	height: 344px;
	background: url(../images/banner/hx.png) no-repeat center center;
}
.nobookSlide_03 {
	height: 344px;
	background: url(../images/slider1.png) no-repeat center center;
}
.nobookSlide-pagination {
	background-color: #fff;
	padding-top: 10px;
	text-align: center;
	height: 20px;
}
.nobookSlide-pagination li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
}
.nobookSlide-pagination li a {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background-color: #d3d3d3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: hidden;
}
.nobookSlide-pagination li a.active {
	background-color: #f65625;
}
.nobookSlide-control {
	overflow: hidden;
}

.qqonline{
	position: fixed;
	top: 424px;
	right: 10px;
	width: 78px;
	height: 112px;
	display: block;
}
.qqonline .qq{background: url(../images/online_server_qq.png) no-repeat;width:78px;height:78px;}
.qqonline .online{background: url(../images/online_server.png) no-repeat;width:78px;height:24px;margin-top:10px;}

.clear{clear: both;}

.pl138{padding-left: 138px;}

/* Overlay */

.entry-image > a .overlay, 
.entry-slider  a .overlay {
	opacity: 0;
	filter: alpha(opacity=0);
    z-index: 0; /* for Opera */
    height: 156px;
}

.entry-image > a:hover .overlay, 
.entry-slider  a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1; /* for Opera */
}
.entry-image > a img{opacity: 0.55;
filter: alpha(opacity=55);
}
.entry-image > a:hover img{opacity: 1;
filter: alpha(opacity=100);}

.overlay {
	display: block;
	background-color: rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay.zoom {
	background-image: url(../images/play.png);
}

.overlay.link {
	background-image: url(../images/play.png);
}



/**鐟欏棝顣堕幘顓熸枬**/
.videopeak-dialog{ background:#FFF; width:875px; height:500px; position:fixed;z-index:1000;left:50%;top:55%;margin:-250px -440px;}
.videopeak-dialog-content{ padding:6px;}
.cover_video{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;background:rgba(0,0,0,0.5);display:none;}
.share-wrap {line-height: 30px;margin: 17px 0 11px;padding-left: 10px;font-size: 14px;}
.share-wrap .share {display: inline-block;color: #fff;width: 84px;margin: 0 8px;text-align: center;border-radius: 15px;text-decoration:none;}
.share-wrap .sina-share{background-color:#ff6262}
.share-wrap .sina-share:hover{background-color:#f33b3b}
.share-wrap .weibo-share{background-color:#20b8e5}
.share-wrap .weibo-share:hover{background-color:#26cafb}
.share-wrap .qzone-share{background-color:#fdac13}
.share-wrap .qzone-share:hover{background-color:#ff9e03}

.videopeak-dialog-title-close {width: 30px;height: 30px;top: -15px;right: -15px;background:url(../images/close.png) no-repeat 0px 0px;position:absolute; cursor:pointer;}
/**********news _list ******/
.f_l{float: left;width: 480px;height: 286px;}
.f_r{float: left;width: 500px;height: 286px;background: ;margin-left: 20px;}
.news_list ul li {
height: 35px;
line-height: 35px;
margin-right: 15px;
}
.news_list ul li {
  height:35px;
  line-height:35px;
 
  margin-right:15px;
}
.news_list ul li a {
  
  color: #333;
}
.news_list ul li:hover a {
  display:inline;
}
.news_list ul li:hover{
    background-color:#f1f4f7;
}

.p_l{width: 315px;float: left;}
.p_r{width: 90px;height: 35px;float: left;margin-left: 95px;}
.f_r_heacher{width: 190px;height: 37px;overflow: hidden;text-indent: -9999px;}
.p_r_bg1{background: url(../images/p_r_bg1.png) no-repeat;}
.p_r_bg2{background: url(../images/p_r_bg2.png) no-repeat;}

/**闁氨鏁ら幐澶濇尦****/
.f_r_body{padding-bottom: 100px;}
.btn_new{padding: 0 10px;
height: 36px;
display: inline-block;

line-height: 36px;
font-size: 14px;
color: #fff;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #f1924d;
}


.wx_img{
	display: none;
	position: absolute;	
	bottom: 25px; left: -63px;
}

.img_weixin{position: relative;}

/*****help************************************/
.help_content{padding-top: 0px;width: 1000px;margin: 0 auto;}
.h_left{width: 185px;height: 255px;background: #f2f2f2;float: left;}
.h_right{width: 815px;float: left;}
.h_left_content{padding: 21px 0 0 21px;}
.h_left_content ul li{line-height:24px;}
.h_left_content .hover{background: url(../images/i_h_ico.png) no-repeat 0 6px;}
.h_left_content  a{padding-left: 20px;color:#999;font-weight: bold;}
.s_leve a{font-weight: normal;}
/*******proxy******/
.proxy_content{padding: 18px 35px;}
.proxy_content h1{font-size: 18px;color: #666;line-height: 30px;}
.proxy_content p{font-size: 14px;color: #666;line-height: 28px;}

/*******news******/
.news_content{padding: 18px 0px;}
span.news_ico_time{padding-left: 25px;color: #999}
.news_content ul li{line-height: 28px;}
.news_content ul li a{color: #666;}
.news_content ul li a:hover{color: #f65625}
.news_content h1{}
.n_time{text-align: right;line-height: 24px;color: #999;}
.news_body p{text-indent: 2em;}

.n_nav .line-li li.header_login{width:80px;}
.n_nav .line-li li.header_login a {display:block;float:left;width:40px;}
.nav>li.header_login>a{
	color: #e0e1e2;
}
.nav>li.header_login>a:hover, .nav>li.header_login>a:focus{
color: #e0e1e2;
background: #000;
}

.navbar-nav>li.>a.dropdown-toggle:hover{
background: #000;
}
.login_menu .media .media-body div{
	line-height: 24px;
}



/***寮瑰嚭锛屽潩棣?***/
.loginbox_title{height: 68px;line-height: 68px;border-bottom: #545454 solid 3px;font-size: 24px;color: #f86e43;text-indent: 1em;margin-bottom: 20px;}
.loginbox_fromgroup{margin-bottom: 15px;padding-left: 70px;}
.login-text{
	width: 271px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #ccc;
	padding: 15px 12px;
	color: #555;
}
#login_submit{
	padding-left: 70px;
}
.loginbox-button{
width: 297px;
height: 46px;
background: url(../../../../static.nobook.com.cn/resources/submit_bg.png) repeat-x;
border: 0;
font-size: 18px;
color: #fff;
font-family: "寰蒋闆呴粦";
cursor: pointer;
}
.loginbox-button:hover{
	background: url(../../../../static.nobook.com.cn/resources/submit_bg.png) 0 -46px repeat-x;
}
.loginbox-button[disabled], fieldset[disabled] .loginbox-button {
pointer-events: none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.form-error {
	width: 271px;
border: 1px solid #f6c8b5;
background: #fceee8;
padding: 4px 12px;
line-height: 18px;
margin-left: 70px;
margin-bottom: 5px;
display: none;
}

.icon-error {
	display: inline-block;
width: 14px;
height: 14px;
background-image: url("../../../../static.nobook.com.cn/resources/notice.png");

background-position: -30px -34px;
vertical-align: -2px;
_vertical-align: -1px;
}
.notice-descript{display: inline-block;color: #4d4d4d}
.login-other{
	padding-left: 71px;
	;padding-top:5px;
}

	#fd{position: fixed;right: 10px;bottom: 10px;}
			#fd a#fd_img{display: block;width: 61px;height: 69px;background: url(../../../../static.nobook.com.cn/resources/fd.png) no-repeat;}
			#fd a#fd_img:hover{display: block;width: 61px;height: 69px;background: url(../../../../static.nobook.com.cn/resources/fd_hover.png) no-repeat;}
			.fd_title{height: 48px;line-height: 48px;border-bottom: #545454 solid 3px;font-size: 18px;color: #f86e43;text-indent: 1em;margin-bottom: 10px;}
			.fd_textarea{margin: 8px 0;}
			
			.fdbox-button{
width: 130px;
height: 35px;
background: url(../../../../static.nobook.com.cn/resources/submit_bg.png) repeat-x;
border: 0;
font-size: 18px;
color: #fff;
font-family: "微软雅黑";
cursor: pointer;
}
.fdbox-button:hover{
	background: url(../../../../static.nobook.com.cn/resources/submit_bg.png) 0 -46px repeat-x;
}





/**************************************************************************************wuli *****************************************/



.nobook_banner{width: 100%;
background:url(../images/wuli/banner_1.jpg) center -75px no-repeat;
/**
height:539px;
**/
height: 398px;
}
.banner_bg{}
.nobook_banner_inner{padding-top: 40px;}
.nobook_banner_inner h1{color: #fff;}
.nobook_banner_inner p{color: #fff;padding:40px 0; }
/** 新按钮**/
.btn-nobook-down-green{
  background: #1dbe72;
border-radius:2px;
border:0px;
}
.btn-nobook-down-green:hover{
  background: #1ca162;
}

.wuli-2f-img{
  width: 100%;
  height: 752px;
  background: url(../images/wuli/apps_hero_y.jpg) center top no-repeat;
}
.wuli-3f-img{
	 width: 1000px;
  height: 744px;
  background: url(../images/wuli/wulinew/diypic.jpg) left top no-repeat;
  margin: 0 auto;
}
.inner h1{
	font-family: "FZLTCXH","microsoft yahei";
	color: #000;

}
.inner p{
	color: #666;
	font-size: 14px;
}

/* 
.flexslider {
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
height: 398px;} */
.ys_title{
  background-color: #c0e1ff;
  height: 106px;
  line-height: 106px;
  text-align: center;
  font-size: 30px;
  color: #333;
}
.color-green{
  color: green;
}

/******************************************************************************************解决方案**********************/
.sidetabs-nav {
  width: 95%;
  padding: 1em 2em 10em .5em;
  border-right: 1px solid #DDD;
  -webkit-box-shadow: inset -8px 0px 15px -10px rgba(0, 0, 0, 0.2); 
  box-shadow: inset -8px 0px 15px -10px rgba(0, 0, 0, 0.2);
}
.sidetabs-nav-tab {
  display: block;
  padding: 14px 16px 12px 12px;
  margin-right: -2em;
  color: #888;
  font-size: 14px;
  border-bottom: 1px solid #DDD;
}
.sidetabs-nav-tab i {
  position: relative;
  top: 1px;
  margin-right: .65em;
  font-size: 15px;
}
.sidetabs-nav-tab:hover {
  color: #222;
  text-decoration: none;
  background: #f9f9f9;
}
.sidetabs-nav-tab:first-child {
  border-top: 1px solid #DDD;
}
.sidetabs-nav-tab.active {
  position: relative;
  right: -1px;
  /* color: #e5412d; */
  font-weight: bold;
  background: white;
  cursor: default;
}
.sidetabs-right .sidetabs-nav {
  border-right: none;
  border-left: 1px solid #DDD;
  -webkit-box-shadow: inset 8px 0px 20px -10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 8px 0px 20px -10px rgba(0, 0, 0, 0.2);
}
.sidetabs-right .sidetabs-nav-tab {
  padding: 14px 0 12px 16px;
}
.sidetabs-right .sidetabs-nav-tab.active {
  right: auto;
  left: -1px;
}
/* 
.nobook_fangan h4{

color: #17a689; 

} */
.nobook_fangan p{
	line-height: 1.8em; 
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #1abc9c;
}

/*****************************************************************************经典案例***************************************/
.bs3 {
  position: absolute;
  bottom: 25px;
  left: 4px;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  background-color: #563d7c;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.browser {
  overflow: hidden;
  padding: 0 0 0 0;
  border-color: #ccc;
}
.browser .bs3 {
  left: 0;
}
.theme-index-item-screenshot-hover, .theme-index-item-screenshot-hover:hover, .theme-index-item-screenshot-hover:active, .theme-index-item-screenshot-hover:focus {
position: absolute;
top: 50%;
left: 50%;
width: 260px;
padding: 26px 0 26px 0;
margin-top: -20px;
margin-left: -130px;
color: #fff;
font-size: 18px;
text-decoration: none;
text-align: center;
background-color: rgba(229, 65, 45, 0.85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.theme-index-item-screenshot:hover .theme-index-item-screenshot-hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.theme-index-item {
margin-bottom: 5em;
text-align: center;
}
.theme-index-item-screenshot {
margin-bottom: 1.5em;
}
.thumbnail {
position: relative;
}
.thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
display: block;
}
.thumbnail img {
max-width: 100%;
}
.theme-index-item-title a {
color: #e5412d;
}
.pull-left {
float: left !important;
margin-top: 0;
}
.section.customers .customer-text {
font-size: 37px;
font-weight: 400;
text-align: center;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
line-height: 1.65em;
padding: 0 35px;
}
.section.customers span.count {
background-color: #F63C38;
color: #FFF;
display: inline-block;
font: 35px/40px "Lato", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
height: 42px;
margin-right: 2px;
text-align: center;
width: 32px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



/**************************order***********************************************/
/****Z在线购买************/

.content-header .tab-btns {
border: 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
text-transform: uppercase;
}
.tab-btns-2>li {
width: 50%;
}
.tab-btns>li {
float: left;
}
.tab-btns>li+li {
border-left: 1px #dedede solid;
}
.content-header .tab-btns a {
background: #f9f9fb;
border: 0;
border-bottom: 1px #d1d1d1 solid;
font-size: 18px;
padding: 22px 10px 18px;
}
.content-header .tab-btns>.active>a {
background: #fff;
color: #555;
}
.tab-btns a {
min-width: 72px;
color: #6d757b;
display: block;
padding: 11px 5px 9px;
position: relative;
text-decoration: none;
}
.content-header h1{
	color: green;
}
.p15em{
	color: #555;
	font-size: 18px;
}

.tab-nobook-tab{
	width: 1100px;
	margin: 0 auto;
}
.content-header .tab-btns .active a{
	border-bottom:  solid #fff 1px;
}




.offset1 {

}
.span10 {
width: 1100px;
}
@media (min-width: 1200px)
[class*=span] {
float: left;
min-height: 1px;

}
.span5 {
width: 535px;
float: left;
position: relative;

}
.pricing-module {
padding-top: 8px;
position: relative;
text-align: center;
}
.module-dk {
background: #fafafb;
border: 1px #d3d7dd solid;
border-radius: 5px;
padding: 30px;
}
.pricing-module .module-label {
top: -28px;
}
.module-label {
min-width: 204px;
background: #bad168;
border-radius: 2px;
color: #fff;
display: inline-block;
margin: 0 0 -5px;
position: absolute;
top: -46px;
text-align: center;
padding: 0 8px;
line-height: 38px;
left: 150px
}
.cols {
margin-right: -30px;
margin-left: -30px;
}
/*.cols-divided .col-divided:first-child {
border-right: 1px #dfdfdf solid;
}*/
.cols-divided .col-divided, .cols-divided [class*=col-]+[class*=col-] {
border-left: 1px #dfdfdf solid;
}
.pricing-module .col-divided{
	border-left: 0;
}
.cols>.col-1-2 {
width: 50%;
float: left;
padding: 0 30px;
}
.pricing-module h4 {
font-size: 20px;
margin: 0 0 18px;
}

.price-label {
color: #8e979e;
display: block;
font-size: 14px;
margin: 0 auto 12px;
}
.price-num {
color: #525868;
display: block;
font-size: 48px;
line-height: 1;
margin: 0 auto -1px;
}
.price-num>small {
font-size: 30px;
}
.price-measure {
min-width: 120px;
background: #aeb4be;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 12px;
margin: 10px 0 0;
padding: 3px;
text-align: center;
text-transform: uppercase;
}
.price-order{
	display: inline-block;
	margin:10px;
}
.btn-secondary-alt {
background: #e1a228;
box-shadow: 0 3px #ab7610;
padding: 15px auto;
text-transform: uppercase;
-webkit-transition: opacity 100ms ease-in-out;
-o-transition: opacity 100ms ease-in-out;
transition: opacity 100ms ease-in-out;
color: #fff;
}
a.btn-secondary-alt:hover{
	color: #fff;
}
._usecase .btn-use-case-learn, .btn-, .btn-primary-, .btn-primary-alt, .btn-secondary-, .btn-secondary-alt, .btn-tertiary-alt, .btn-use-case-learn, .btn-use-case-learn-small, .nav-sidebar .btn-use-case-learn, .tiny-btn {
border: 0;
border-radius: 4px;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 17px;
padding: 10px 20px;
text-align: center;
text-decoration: none!important;
}
.order-order{
	text-align: center;
	padding: 15px 0!important;
}



.i-module-sm {
color: #6d777e;
margin: 0 0 60px;
padding-left: 110px;
}


 .nobook_span4{
    position: relative;
     }
.nobook_glyphicon{
    position: absolute;
    left:20px;
    top: 20px;  
    font-size: 56px;

}
 .circle {
margin: 0 auto;
border-radius: 50%;
background-color: #f7f7f7;
width: 155px;
height: 155px;
}
.circle span {
position: absolute;
left: 50%;
top: 50%;
margin-left: -60px;
margin-top: -55px;
width: 120px;
height: 110px;
display: block;
background: url(../images/order/sprite-services-icons.png) no-repeat -5px -3px;
}



.left { margin:0; padding:0; text-align: center;}
	.left h2.us{ font-size: 20px; line-height: 35px; background:url(../images/about/v2/left-line.jpg) bottom center no-repeat; padding-bottom: 10px; color:#333;}
	.left ul li.nb_bg a{ border:none;display: block;text-decoration: none;color: #666; font-size: 16px; line-height: 49px; height:49px; background:url(../images/about/v2/left-li-bg.jpg) bottom center no-repeat;  width:236px; margin-left:10px;}
	.left ul li a:hover{ background:url(../images/about/v2/hover.jpg) bottom center no-repeat; color:#fff; cursor: pointer;}
	
	.left ul li#hover a{ background:url(../images/about/v2/hover.jpg) bottom center no-repeat; color:#fff; cursor: pointer;}

	.right{ padding-left:30px;}
	.right h2{ width:200px; font-size: 20px; font-family: "微软雅黑"; text-align: center; line-height: 30px; background:url(../images/about/v2/h2_line.jpg) bottom center no-repeat; padding-bottom: 10px;}
	.right p{ padding-left:20px;line-height: 24px; color: #666; text-indent: 2em;}