/*处理浏览器缩小横向滚动条拉动右边空白，跟着版心的值变动*/
body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; }
.main-center{ width:1200px; height:auto; margin:0 auto; }


/*右侧菜单*/
.side-menu{width:80px; height:auto; position:fixed; right:25px; top:50%; margin-top:-156px; z-index:100; border:1px solid #dedede; border-radius:10px; box-sizing:border-box; text-align:center; background:#fff; }
.side-menu li{ height:75px; text-align:center; cursor:pointer; position:relative; border-bottom: 1px solid #ebebeb; padding-top: 15px;}
.side-menu li:hover h5{ color: #1594ff }
.side-menu li .side-block{ height: 90px;}
.side-menu li.back-top{ display:none; }
.side-menu li .cart-num {position: absolute;top: 5px;right: 55px;font-size: 16px;width: 20px;height: 20px;line-height: 20px;background: #ff0000;border-radius: 50%;color: #fff;}
.side-menu-show{ width:130px; height:150px; border:1px solid #dedede; border-radius:5px; text-align:center; display:inline-block; position:absolute; left:-150px; top:-45px; background:#fff; padding-top:15px; box-sizing:border-box; z-index:101; display:none; }
.side-menu-show.on{ display:block; }
.side-menu-show img{ width:100px; height:100px; }
.side-menu-show p{ text-align:center; color:#333; }
.side-menu-show:before{ content:""; position:absolute; right:-6px; top:65px; width:10px; height:10px; border:1px solid #dedede; border-left-color:transparent; border-bottom-color:transparent; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

/* 建议框开始 */
#suggest{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 400px;
	transform: translate(-50%, -50%);
	box-shadow: -2px 5px 30px rgba(0, 0, 0, 0.5);
	background: #fff;
	z-index: 10000;
}
#suggest-header{
	height: 60px;
	border-bottom: 1px solid rgba(153, 153, 153, 1);
}
#suggest-title{
	float: left;
	width: 130px;
	height: 100%;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	color: rgba(12, 70, 152, 1);
}
#suggest-sub-title{
	float: left;
	width: 199px;
	height: 100%;
	font-size: 16px;
	line-height: 60px;
	color: rgba(12, 70, 152, 1);
}
#suggest-close{
	float: right;
	width: 30px;
	height: 30px;
	padding: 15px 25px;
	cursor: pointer;
}
#suggest-close img{
	width: 100%;
	height: 100%;
}
#suggest-wrap{
	width: 100%;
	padding: 15px 45px;
	box-sizing: border-box;
}
#suggest-wrap .suggest-selectd{
	width: 260px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	box-sizing: border-box;
	margin: 0 25px 0 0;
}
#suggest-wrap .suggest-text{margin: 0 0 25px 0;}
#suggest-wrap .suggest-textarea{
	display: block;
	width: 100%;
	height: 120px;
	resize: none;
}
#suggest-wrap .suggest-img{
	position: relative;
	height: 39px;
	border: 1px solid rgba(229, 229, 229, 1);
	border-top: 0;
}
#suggest-wrap .suggest-img-btn{
	width: 30px;
	height: 30px;
	margin: 0 0 5px 15px;
	padding-top: 5px;
	float: left;
	cursor: pointer;
}
#suggest-wrap .suggest-img-btn img{
	width: 100%;
	height: 100%;
}
#suggest-wrap .suggest-img-tips{
	float: right;
	color: rgba(166, 166, 166, 1);
	font-size: 14px;
	margin-right: 15px;
	height: 100%;
	line-height: 40px;
}
#suggest .suggest-submit, #suggest .suggest-quxiao{
	width: 146px;
	height: 40px;
	border-radius: 4px;
	background: rgba(12, 70, 152, 1);
	font-size: 16px;
}
#suggest .suggest-quxiao{
	border: 1px solid rgba(229, 229, 229, 1);
	color: rgba(128, 128, 128, 1);
	background: #fff;
}
#suggest-wrap .suggest-upload-img{
	position: absolute;
	top: -85px;
	left: 14px;
	width: 73px;
	height: 73px;
	border: 1px solid rgba(229, 229, 229, 1);
	z-index: 1000;
	background: #fff;
}
#suggest-wrap .suggest-upload-img:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	border: 0;
	width: 100px;
	background: transparent;
	bottom: -11px;
	height: 10px;
	width: 100%;
}
#suggest-wrap .suggest-upload-img img{
	width: 73px;
	height: 49px;
	margin: 13px 1px;
}
#suggest-wrap .suggest-upload-img-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	height: 18px;
	z-index: 10000;
}
/* 建议框结束 */

/*头部*/
.pass{ width:100%; height:30px; background:#f7f7f7; }
.pass-main{ width:1200px; margin:0 auto; }
.pass-wel{ max-width:580px; overflow:hidden;  line-height:30px; color:#999; font-size:12px; }
.pass-wel a{ color:#0c4596; line-height:30px; margin-right:20px; font-size:12px; }
.pass-cont{ max-width:620px; }
.pass-cont a{ height:30px; display:inline-block;   line-height:30px; margin-left:28px; color:#666;  font-size:12px;}
.pass-cont span{ text-align:right; font-size:12px;  line-height:30px; color:#000; }


.head-top{ width:100%; height:100px; background:#fff; border-bottom:1px solid #e5e5e5;}
.head-cont{ width:1200px; margin:0 auto; height:100px; background:#fff;  }
.logo{ width:400px; height:90px; margin-top:5px; float:left;  }
.logo a{ display:block;}
.logo img{ width:400px; height:90px; }
.search{  height:45px; border:1px solid #dadada; float:left; margin:27.5px 0 0 30px; box-sizing:border-box;position:relative;    }
.search span{ width:65px; height:43px; border-right:1px solid #dadada; float:left; line-height:43px; font-size:15px; color:#888; text-align:center; cursor:pointer;   }
.search span i{transition:all ease 0.3s;width:12px; height:12px;background:url(../images/icon-up-sj.png) no-repeat; background-size:12px 12px; display:inline-block; margin-left:3px;    }
.search span i.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transition:all ease 0.3s;  }
.search-type{ position:absolute; left:-1px; top:44px; background:#fff; z-index:99999999;  width:65px; height:auto; border:1px solid #dadada; border-top:none; text-align:initial; display:none;    }
.search-type a{ line-height:40px;width:100%; display:block; color:#888; padding-left:10px; box-sizing:border-box;  }


.search input{  height:43px;  box-sizing:border-box;  color:#333;line-height:43px;  }
.search-btn{ width:60px; border: none; cursor: pointer; background: #fff;   border-left:1px solid #dadada; text-align:center; font-size:20px; line-height:40px; color:#888; display:inline-block;  }
.head-nav{ float:right; height:45px; margin-top:27.5px;  }
.head-nav li{ float:left; padding:0 12px; position:relative;   }
.head-nav li:last-child{ padding-right:0px !important; }
.head-nav li>a{ line-height:45px; display:inline-block;  font-size:15px; color:#333; padding:0 8px; border-bottom:3px solid #fff; cursor:pointer;     }
.head-nav li.on>a{ border-bottom-color:#1594ff; color:#1594ff }
.head-nav li:hover>a{ color:#1594ff}
.head-nav li i{ position:absolute; right:0px; top:12.5px; height:20px; width:1px; background:#ccc;  }
.head-nav li>img{  vertical-align:middle;  width:20px; height:20px; margin:-2px 0 0 5px; border-radius:20px;  display:inline-table; cursor:pointer;    }
.hot{ position:absolute; right:8px; top:-2px;width:22px; height:20px; background:url(../images/hot.png) no-repeat;  }

/*我的下拉*/
.my-show{ width:320px; height:auto; border:1px solid #f6f6f6; box-sizing:border-box; position:absolute; right:0px; top:40px; background:#fff; padding:20px; z-index:999999; border-radius:5px; overflow:hidden; display:none; }
.my-show-info{ width:100%; min-height:80px; position:relative; padding-left:90px; box-sizing:border-box;    }
.my-show-info img{ width:80px; height:80px; border-radius:80px; position:absolute; left:0px; top:0px; }
.my-info{ width:100%; height:40px; position:relative; padding-top:5px;   }
.my-info h5{ width:90px; overflow:hidden; text-overflow:ellipsis; line-height:40px; white-space:nowrap; font-size:15px; color:#333;  }
.my-info a{ position:absolute; right:0px; height:25px;top:12px;  line-height:25px; color:#fff; background:#ccc; border-radius:25px; overflow:hidden; padding:0 15px; font-size:12px;       }
.my-info a:hover{  background:red;  }
.my-sy{ width:100%; }
.my-sy span{ color:#999; display:inline-block;font-size:12px; line-height:20px;   }

.my-menu{ width:100%; margin-top:10px; }
.my-menu dd{ float:left; width:50%; box-sizing:border-box; border:1px solid #fff; text-align:center; background:#f7f7f7; }
.my-menu dd a{ display:block; color:#333; height:35px; line-height:35px;   }
.my-menu dd:hover{ background:#ebebeb; }
.my-study{ width:100%; height:65px; margin-top:15px; padding-right:100px; box-sizing:border-box; position:relative;   }
.my-course{ padding-left:25px; position:relative; box-sizing:border-box; width:100%;   }
.my-course em{ font-size:16px; color:#818181; position:absolute; left:0px; top:0px;   }
.my-course h5{  color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.my-course p{ padding-left:20px; box-sizing:border-box; color:#999; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.my-study{border-bottom:1px solid #edf1f4;}
.my-study a{ padding:0 18px; height:22px; line-height:22px; background:#ececec; color:#333; border-radius:15px; position:absolute; right:0px; top:10px; font-size:12px;    }
.my-study a:hover{background:#167cfc; color:#fff;   }
.back-login{ padding-top:10px; text-align:center; }
.back-login a{ padding-top:20px; color:#999;}




/*脚部*/
.footer{ width:100%; height:300px; background-color:#0c4698;  }
.footer-t{ width:1200px; height:300px; margin: 0 auto;box-sizing:border-box; background: url("../images/footer_bg.png")}
.footer-t-cont{ width:1200px; margin:0 auto;}
.footer-kf{ width:200px; float:left;  box-sizing:border-box; margin-top: 30px; }
.footer-kf h5{ width:100%; font-size:16px; color:#fff; position:relative; line-height:30px; margin-bottom:10px; }
.footer-kf h5 i , .footer-nav dt i{ width:50px; height:2px; background:#1594ff; position:absolute; left:0px; bottom:-6px;  }
.footer-kf h4{ font-weight:bold; color:#fff; font-size:24px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 15px; }
.footer-kf p{ color:#f7f7f7; }
.footer-kf a{ width:150px; height:40px; text-align:center; color:#fff; line-height:40px; border-radius:20px; font-size:16px; display:block; background:#1594ff; border-radius:30px; margin-top:5px;  }

.footer-nav{ float:left; margin-left:80px; }
.footer-nav dl{ float:left; width:140px; padding-right:10px; box-sizing:border-box;margin-top: 55px; }
.footer-nav dt{ width:100%; height:30px; position:relative; line-height:30px; font-size:16px; color:#f7f7f7; margin-bottom:25px; font-weight: bold;}
.footer-nav dd{ height: auto; padding: 4px 0;}
.footer-nav dd a{ display:block; font-size:14px; color:#fff; }
.footer-nav dl:last-child{ width:140px; padding-right:0px; margin-top: 40px; text-align: center; margin-left: 20px;}
.footer-nav dd img{ width:140px; height:140px; float:left; }
.footer-nav dd span{ line-height:80px; color:#fff; float:left; margin-left:15px;  }
.footer-b{ width:100%; height:80px; background:#FFF; }
.footer-b .comr{ width: 555px; height: 60px; float: left; padding-top: 20px;font-size: 12px;}
.footer-b .comr a{ font-size: 12px; width: auto; margin: 0 3px;}
.footer-b .chengxin{ width: 645px; height: 40px; float: left; padding: 20px 0;}
.footer-b .chengxin span{ width:auto; margin-right: 20px;}
.footer-b .chengxin span:last-child{ margin-right: 0px;}
.footer-b .chengxin img{ width: 105px; height: 40px; border: 1px solid #ebebeb;}




/*焦点图*/
.banner{ width:100%; height:440px; background:#167dfe; }
.banner-cont{ width:1200px; height:440px; margin:0 auto; position:relative;  }
.side-nav{ width:185px; height:440px; background:#fff; float:left; position:relative; /*overflow-y:auto;*/ overflow:hidden;    }
/*目录弹窗滚动条样式*/
.side-nav::-webkit-scrollbar {/*滚动条整体样式*/
	width:5px;     /*高宽分别对应横竖滚动条的尺寸*/
	height:10px;
}
.side-nav::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
	border-radius:10px;
	background:#fff;
}
.side-nav::-webkit-scrollbar-track{/*滚动条里面轨道*/
	border-radius: 0;
	background:#fff;
}


/*目录滚动条样式*/
.side-nav-cont::-webkit-scrollbar {/*滚动条整体样式*/
	width:5px;     /*高宽分别对应横竖滚动条的尺寸*/
	height:10px;
}
.side-nav-cont::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius:10px;
	background:#999;
}
.side-nav-cont::-webkit-scrollbar-track {/*滚动条里面轨道*/
	border-radius: 0;
	background:#fff;
}







.focus{ position:relative; float:left; width:690px !important; height:405px; margin:16px 15px 0 15px; background:inherit; border-radius:0px!important;     }

.ad{ float:left; width:295px; height:405px; margin-top:16px;  }
.ad dd{ width:295px; height:125px; margin-bottom:15px; }
.ad dd:last-child{ margin-bottom:0px; }
.ad dd a{ display:block; }
.ad dd a img{ width:295px; height:115px; border: 5px solid #fff; }

.index_ad img{ width: 260px!important; height: 110px !important; border-top: 15px solid #fff; border-left: 5px solid #fff; }




/*课程导航*/
.course-nav{ width:1200px; margin:30px auto; }
.course-nav ul{ display:flex; width:100%; height:100px; }
.course-nav li{ flex:1; text-align:center; height:100px; box-sizing:border-box; border:1px solid #ebebeb; margin-right:30px; border-radius:10px; padding:30px 8px 0;     }
.course-nav li:last-child{ margin-right:0px; }
.course-nav li a{ display:block; }
.course-nav li h3{ font-size:18px; font-weight:bold; color:#575757;   }
.course-nav li span{ font-size:12px; color:#ddd; display:block; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    }
.course-nav li:hover{ box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd;-moz-box-shadow:0px 0px 8px #ddd; -ms-box-shadow:0px 0px 8px #ddd; -o-box-shadow:0px 0px 8px #ddd;  }


.other-show{ width:1200px; margin:0 auto;height:170px;}
.other-show dl{ display:flex; }
.other-show dd{ flex:1;text-align:center;border:1px solid #ebebeb; border-radius:10px; margin-right:25px;height:170px; box-sizing:border-box;    }
.other-show dd:hover{ box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd;-moz-box-shadow:0px 0px 8px #ddd; -ms-box-shadow:0px 0px 8px #ddd; -o-box-shadow:0px 0px 8px #ddd;  }

.other-show dd:last-child{ margin-right:0px; }
.other-show a{ display:block; }
.other-show dd img{ width:160px; height:120px; display:block; margin:10px auto 5px;  }
.other-show dd span{ font-size:13px; font-weight:bold; color:#0f1010;  }

/*首页广告列表样式*/
.course-navs{ width:1200px; margin:30px auto;  }
.course-navs li{ float:left; width:175px; text-align:center; height:100px; box-sizing:border-box; border:1px solid #ebebeb; margin-right:30px; border-radius:10px; padding:5px; margin-bottom:10px;     }
.course-navs li:nth-of-type(6n){ margin-right:0px; }
.course-navs li:last-child{ margin-right:0px; }
.course-navs li a{ display:block; }
.course-navs li img{ width:100%; height:88px;}
.course-navs li:hover{ box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd;-moz-box-shadow:0px 0px 8px #ddd; -ms-box-shadow:0px 0px 8px #ddd; -o-box-shadow:0px 0px 8px #ddd;  }

.other-shows{ width:1200px; margin:0 auto; }
.other-shows dd{ float:left; width:282px; text-align:center;border:1px solid #ebebeb; border-radius:10px; margin-right:24px; margin-bottom:10px; height:170px; box-sizing:border-box; padding:10px;    }
.other-shows dd:hover{ box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd;-moz-box-shadow:0px 0px 8px #ddd; -ms-box-shadow:0px 0px 8px #ddd; -o-box-shadow:0px 0px 8px #ddd;  }
.other-shows dd:nth-of-type(4n){ margin-right:0px; }
.other-shows dd:last-child{ margin-right:0px; }
.other-shows a{ display:block; }
.other-shows dd img{ width:260px; height:148px; display:block;   }





/*课程栏目列表*/
.course-item{ width:1200px; margin:0 auto; }
.course-item-title{ width:100%; text-align:center; height:30px; margin:30px auto; position:relative;  }
.course-item-title img{ width:40px; height:30px; display:inline-block; vertical-align:middle; margin:-15px 10px 0 0;   }
.course-item-title span{ display:inline-block; font-size:30px; line-height:30px; color:#3c4046; }
.course-more{ position:absolute; right:20px; top:10px; color: #3c4046;  }
.course-more:hover{ color:#1594ff;  }

.course-list{ width:1200px; height:auto; background: #fff;}
.course-list li{ width:280px; float:left; margin-right:25px; margin-bottom:20px;}
.course-list li:hover{ box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd;-moz-box-shadow:0px 0px 8px #ddd; -ms-box-shadow:0px 0px 8px #ddd; -o-box-shadow:0px 0px 8px #ddd;  }
.course-list li:nth-of-type(4n){ margin-right:0px !important; }
.course-img,.course-img img{ width:280px; height:156px; }
.course-img a{ display:block; }
.course-info{ width:100%; padding:0 5px; box-sizing:border-box; }

.course-title a{ color:#5c5c5c; font-size:16px; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis; height:50px; margin-top:10px;   }
.course-xx{ width:100%; position:relative; padding:5px 0 10px 0;   }
.course-xx span,.course-xx em{float:left;  color:#999; font-size:13px; line-height:20px; }
.course-xx em{ margin-left:20px;}
.course-xx a{ float:right; padding:0 10px; height:20px; line-height:20px;  background:#1594ff; color:#fff; text-align:center;display:inline-block; font-size:12px;    }


/*广告展位*/
.ad-show{ width:1200px; margin:0 auto;}
.ad-show-max{ width:875px; height:140px; float:left; border: 5px solid #fff;}
.ad-show-max img{width:875px; height:140px; }
.ad-show-min{ width:295px; height:140px; float:right; border: 5px solid #fff;}
.ad-show-min img{width:295px; height:140px; }


/*课程页面*/
.kc-cont{ width:100%; height:auto; padding:50px 0 20px; background:#fafafa; }
.kc-type{ width:1200px; margin:0 auto; height:65px; border:1px solid #e4e4e4; box-sizing:border-box; padding-right:200px; padding-top:18px;  position:relative;      }
.kc-type-nav{ max-width:1000px; overflow:hidden; }
.kc-type-nav li{ float:left; padding:0 30px; box-sizing:border-box;  }
.kc-type-nav li a{ display:block; }
.kc-type-nav li span{ color:#888; display:inline-block; font-size:18px; }
.kc-type-nav li.on span{ color:#343434; border-bottom:3px solid #24b8ff;  }
.kc-type-nav li i{ width:20px; height:20px; display:inline-block; background:url(../images/s-sj.png) no-repeat; vertical-align:middle; margin:-7px 0 0 0; }

.kc-type-other{ width:150px; position:absolute; right:0px; top:0px; height:63px; border-left:1px solid #e4e4e4; text-align:center; padding-top:18px; box-sizing:border-box;  }
.kc-type-other span{ color:#888; display:inline-block; font-size:18px; }
.kc-type-other i{ width:20px; height:20px; display:inline-block; background:url(../images/s-sj.png) no-repeat; vertical-align:middle; margin:-7px 0 0 0; }

.kc-item{ width:1200px; margin:0 auto; padding:0 30px; box-sizing:border-box;  }
.kc-item li{ width:100%; height:200px; position:relative; box-sizing:border-box; padding:0px 290px 0px 360px; margin:30px 0;  }
.kc-img{ width:330px; height:200px; position:absolute; left:0px; top:0px; border-radius:5px;  }
.kc-img a{ display:block; }
.kc-img img{ width:330px; height:200px;border-radius:5px; }
.kc-btn { width:270px; height:90px; position:absolute; right:0px; top:0px; }
.kc-btn a{ width:270px; height:90px; display:block; background:url(../images/icon.png) no-repeat; background-position:-116px -8px;  }
.kc-info{ width:100%; height:auto; padding-top:20px;   }
.kc-title a{ display:block;font-size:25px; color:#343434; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px;}
.kc-info h5{ font-size:15px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kc-info-bz{ margin:25px 0; width:100%; height:35px;   }
.kc-info-bz span{ padding:0 25px; border:1px solid #b2b2b2; font-size:16px; color:#999;  box-sizing:border-box; line-height:33px; border-radius:5px; margin-right:10px;float:left; }
.kc-info-bz a{ padding:0 25px;font-size:16px; box-sizing:border-box; line-height:35px; border-radius:5px; color:#fff; margin-right:20px; background:#e60000; float:left;  }
.kc-info-bz a i{ width:15px; height:20px; background:url(../images/icon.png) no-repeat; background-position:-14px -8px; display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;   }
.kc-info-bz em{ float:left; color:#888; line-height:35px; }
.kc-info p{ font-size:16px; font-weight:bold; color:#2d2d2d;   }
.kc-info p img{ display:inline-block; width:25px; height:25px; vertical-align:middle; margin:-3px 5px 0 0;  }


/*课程详情*/
.page-nav{ width:1200px; margin:25px auto;  }
.page-nav a{ font-size:15px; color:#666; float:left;   }
.page-nav span{ font-size:14px; color:#666; float:left; margin:0 15px; }

.kc-show{ width:1200px; margin:0 auto 35px; min-height:340px;    }
.kc-show-img{ width:600px; float:left; position:relative; }
.kc-show-img img{ width:600px; height:340px; border-radius:5px; position:absolute; left:0px; top:0px; z-index:98;   }
.kc-show-img video{ width:600px; height:340px; border-radius:5px; position:absolute; left:0px; top:0px; z-index:97;display:none; }
.kc-show-img .video-bg.on { display:none; }

.kc-show-img-cont{ width:600px; height:340px; position:relative; border-radius:5px;}
.video-bg{ width:600px;  position:relative; }
.video-bg-zz{ width:600px; height:340px; background:rgba(21,21,27,.7); position:absolute; left:0px; top:0px; z-index:99 !important; padding-top:110px; box-sizing:border-box;   }
.video-bg-zz a{ display:block; color:#fff; width:70px; height:70px; border:6px solid #fff; border-radius:70px; text-align:center; margin:0 auto 15px;   }
.video-bg-zz a i{ display:inline-block; width:25px; height:35px; margin-top:17.5px; margin-left:8px; background:url(../images/icon-detail.png) no-repeat -30px 0px; }
.video-bg-zz p{ font-size:20px; color:#fff; text-align:center;  }

.kc-show-info{ width:560px; height:auto; float:right;  }
.kc-show-title{ width:100%; font-size:25px; color:#010101; overflow:hidden;  line-height:30px; margin-bottom:10px; }
.kc-show-xx{ width:100%; color:#999;}
.kc-show-xx span{ display:inline-block; margin-right:15px;  }
.kc-show-xx span.kc-sc{ cursor:pointer; }
.kc-show-xx span.kc-sc.on em{ color:#e80808;  }
.kc-show-xx i{ display:inline-block;  width:1px; background:#999; height:15px; vertical-align:middle; margin:-2px 15px 0 0;  }
.kc-show-xx span em{ cursor:pointer; font-size:12px; color:#999; margin-right:2px;    }
.kc-show-xx span b{ font-size:12px; color:#999; font-weight:500;  color:#999; margin-right:2px;  }

.kc-share{position:absolute; left:-36px; top:31px; width:116px; border-radius:3px; padding:2px 10px; color:#999; background:#fff; box-sizing:border-box; display:none; border:1px solid #e5e5e5;  }
.kc-share.on{ display:block; }
.kc-share:before{ content:""; position:absolute; top:-6px; left:49px; width:10px; height:10px; border:1px solid #e5e5e5;  border-bottom-color:transparent;border-right-color:transparent; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.kc-share li{ display:inline-block; width:27px; height:24px; margin:4px 2px; float:left;   }
.kc-share li a{ width:27px; height:24px;background:url(../images/icon.png) no-repeat; display:inline-block; }
.shares-qq{ background-position:-153px -109px !important;  }
.shares-zoom{ background-position:-252px -109px !important;  }
.shares-wx{ background-position:-358px -109px !important;  }

.share-wx-tips{ width:500px; height:360px; overflow:hidden; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-180px; z-index:100000; background:rgba(0,0,0,.9); display:none;}
.share-wx-close{ position:absolute; right:20px; top:20px; font-size:18px; color:#fff;  }
.share-wx-ewm img{ width:190px; height:190px; padding-top:50px;  display:block; margin:0 auto 30px;  }
.share-wx-ewm p{ width:100%; padding:0 40px; font-size:16px; box-sizing:border-box; text-align:center;   color:#fff;}



.kc-show-fb{ width:100%; padding:10px 20px; box-sizing:border-box;  border:1px solid #b2b2b2; color:#666;display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis; margin:10px 0 20px;   }
.kc-show-service{ width:100%; }
.kc-show-service label{ float:left; color:#999;margin-right:15px; }
.kc-show-service span{float:left; color:#999; margin-right:20px; }
.kc-show-service span i{ width:19px; height:19px; display:inline-block; vertical-align:middle; margin:-3px 5px 0 0 ; background:url(../images/icon.png) no-repeat; background-position:0 -195px;  }
.kc-show-service span i.icon-tui{  background-position:0 -235px;  }
.kc-price{ width:100%; background:#f4f4f4; padding:10px 10px 10px 15px;  font-size:20px; color:#e85308; margin:20px 0; box-sizing:border-box;    }
.kc-show-btn a{ float:left; width:150px; height:50px; background:#1594ff; text-align:center; font-size:18px; color:#fff;  line-height:50px; border-radius:6px; margin-right:20px;  }
.kc-show-btn a.kc-btn-zx{ width:160px; background:#fff; color:#1594ff; border:1px solid #1594ff; box-sizing:border-box;  }
.kc-show-btn a.kc-btn-zx em{ width:30px; height:20px; display:inline-block; width:22px; height:17px; background:url(../images/icon.png) no-repeat; background-position:-69px -16px; vertical-align:middle; margin:-3px 5px 0 0;    }

.kc-detail{ width:100%; height:auto; padding:30px 0; background:#fafafa; }
.kc-detail-box{ width:790px; height:auto; background:#fff; float:left;  }
.kc-detail-tab{ width:100%; height:76px; border-bottom:1px solid #e5e5e5; padding:0 10px; box-sizing:border-box;  }
.kc-detail-tab li{ margin:0 35px; line-height:70px; font-size:18px; color:#333; float:left; border-bottom:5px solid #fff; cursor:pointer;   }
.kc-detail-tab li.on{ border-bottom-color:#1594ff;  }

.detail-cont{ width:100%; height:auto; margin-top:2px; }
.detail-js{ padding-top:10px; width:100%; font-size:14px; color:25px; color:#666;  }
.detail-js img{ width:100% !important; display:block;  }

.detail-list{ width:100%; padding:0 30px 50px; box-sizing:border-box; }
.detail-list li{ width:100%; height:auto; padding:30px 0 25px; }
.ml-title{ padding-left:40px; width:100%; position:relative; cursor:pointer;    }
.ml-title b{ width:30px; height:30px; background:url(../images/icon.png) no-repeat; background-position:0 -269px; position:absolute; left:0px; top:0px;  }
.ml-title h5{ width:100%; height:30px; line-height:30px; font-size:16px; color:#08121c; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

.ml-show{ width:100%; height:auto; padding-left:40px; overflow:hidden; box-sizing:border-box; padding-top:20px;   }
.ml-show dd{ padding:15px 90px 15px 30px; box-sizing:border-box;  border-top:1px solid #e7e7e7 !important; position:relative; border:1px solid #fff; cursor:pointer;    }
.ml-show dd:last-child{ padding-bottom:15px; border-bottom:1px solid #e7e7e7;  }
.ml-show dd b { width:20px; height:20px; color:#a3d2f8; font-size:20px;  position:absolute; left:8px; top:15px; display:block; }
.ml-show dd b.ml-icon-zb{ color:#ddd; font-size:22px; top:17px;   }
.ml-show dd b:hover .ml-icon-zb{ color:#ddd; }
.ml-show dd:hover b{ color:#23b8ff; }
.ml-show dd:hover{ border:1px solid #1594ff;border-top:1px solid #1594ff !important;  border-radius:5px; background:#f5fafe;  }
.ml-show dd em{ width:10px; height:10px; border-radius:10px;   background:#9299a1; position:absolute; left:8px; top:23px; display:block; }
.ml-show dd.on em{ background:#1594ff; }
.ml-show dd.on .ml-show-bt a{ color:#1594ff;}
.ml-show-bt{ width:100%; position: relative;}
.ml-show-bt i{color:#999; font-size:13px; display:inline-block; position:absolute; width:200px; right:0px; top:0px; padding-left:10px; box-sizing:border-box;  }
.ml-show-bt a{ width:100%; display:block; color:#666; padding-right:320px; box-sizing:border-box; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.ml-share{ position:absolute; right:10px; top:14px;  padding:0 25px; box-sizing:border-box; line-height:28px; border-radius:5px; color:#fff;  background:#1594ff; display:none;    }
.ml-share i{ width:15px; height:20px; background:url(../images/icon.png) no-repeat; background-position:-14px -8px; display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;   }
.ml-show dd:hover .ml-share{ display:block; }
.dowm-num{ position: absolute; right:20px; top:0px; padding: 0 10px; background: #f6f6f6; color: #888;   }

.video-btn{ position:absolute; right:5px; top:12px;  padding:0 10px; box-sizing:border-box; line-height:28px; border-radius:5px; color:#1594ff; border:1px solid #1594ff; text-align:center;min-width: 85px}
.video-btn i{ font-size:15px; vertical-align:middle; margin:-3px 2px 0 0;  }
.video-btn-zb{ border-color:#ff6c00; color:#ff6c00;  }
.video-btn-st{ border-color:#f00; color:#f00;  }


.kc-detail-side{ width:395px; float:right;   }
.kc-teacher{ width:100%; height:auto; padding:50px 50px 60px; box-sizing:border-box; background:#fff; margin-bottom:15px; }
.kc-teacher-jdt{ width:100%; height:auto; overflow:hidden; position:relative;   }
.kc-teacher-jdt li{ width:100%; float:left; }
.kc-teacher-jdt li img{ width:100px; height:100px; margin:0 auto 10px; border-radius:100px; display:block;   }
.kc-teacher-jdt li h5{ text-align:center; font-size:14px; color:#333; }
.kc-teacher-cont{ margin-top:40px; color:#818181; font-size:13px; }
.kc-teacher-jdt .hd{ position:absolute; height:100px; width:100%; z-index:99; }
.kc-teacher-jdt .hd .prev,.kc-teacher-jdt .hd .next{ display:block;  width:9px; height:13px; cursor:pointer; background:url(../images/arrow.png) no-repeat; position:absolute; top:42.5px; left:0px; }
.kc-teacher-jdt .hd .prev{ background-position:-12px -34px;   }
.kc-teacher-jdt .hd .next{ background-position:-12px -9px; right:0px; left:inherit;   }
.kc-teacher-jdt .hd .prev:hover{ background-position:-45px -36px;}
.kc-teacher-jdt .hd .next:hover{ background-position:-45px -9px;}

.study-list{ width:100%; height:auto; background:#fff; margin:10px 0; padding:10px 20px ; box-sizing:border-box; }
.study-list h5{ line-height:40px; font-size:16px;  }
.study-list h5 i{ color:#999; font-size:14px;  }
.study-list-li{ width:100%; height:auto; }
.study-list-li dd{ padding:10px 20px 10px 60px; box-sizing:border-box; position:relative; }
.study-list-li dd img{ position:absolute; left:0px; top:10px; width:45px; height:45px; box-sizing:border-box; border-radius:50px;  }
.study-list-li dd h5{ width:100%; overflow:hidden; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333; line-height:22.5px; font-size:14px;  }
.study-list-li dd p{ width:100%; overflow:hidden; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#999; line-height:22.5px;font-size:12px; }
.study-list-li dd i{ font-size:25px; color:#ffe300; position:absolute; right:-2px; top:8px;  }
.study-list-li dd .pm-2{ color:#bfbfbf; }
.study-list-li dd .pm-3{ color:#e5a700; }


/* 直播浮层 */
.new-float{ position:absolute; left:15px; bottom:15px; padding:5px 20px 5px 60px; box-sizing:border-box;height:50px; background:rgba(0,0,0,0.6); border-radius:5px; z-index:999; }
.new-float img{ width:40px; height:40px; position:absolute; left:10px; top:5px;}
.new-float-djs{ width:100%; height:auto;}
.new-float-djs h6{ color:#fff; line-height:20px;}
.new-float-djs h5{ color:#fff; line-height:20px;}



/*学习*/
.page-banner{ width:100%; background:#1594ff; padding:80px 0; }
.member-cont{ height:130px;  max-width:800px; float:left; padding-left:160px; box-sizing:border-box; position:relative;   }
.member-tx{ width:130px; height:130px; border:5px solid #0f83e8; box-sizing:border-box; border-radius:130px; position:absolute; left:0px; top:0px;   }
.member-tx img{ width:120px; height:120px; border-radius:120px; }
.member-info{ width:100%; padding-top:35px; box-sizing:border-box; height:120px; overflow:hidden;  }
.member-info h5{ width:100%; font-size:22px; color:#fff; }
.member-info p{ color:#fff; margin-top:5px;   }
.share-yd{ width: 350px; float:right; padding-top:40px;  }
.share-yd a{ width:100%; height:50px; border-radius:40px;text-align:center; display:block; color:#333; font-size:18px; line-height:50px;background:linear-gradient(90deg,#fefb00 10%,#f9b90f);    }

.study-tab{ width:100%; height:60px; border-bottom:1px solid #e4e5e7; background:#fff; }
.study-tab-cont{ width:1100px; margin:0 auto; position:relative;  }
.study-tab-cont li{ font-size:20px; line-height:56px; color:#333; float:left; margin-right:40px; border-bottom:4px solid #fff; cursor:pointer; }
.study-tab-cont li.on{ color:#1593ff; border-bottom-color:#1593ff; }
.tx-btn{ width:85px; height:32px; text-align:center; position:absolute; right:0px; top:14px; line-height:32px; font-size:15px; color:#fff; border-radius:20px; background:#1594ff;}

.study-main{ width:100%; height:auto; padding:30px 0 0px; background:#fafafa;}
.study-cont{ width:1100px; margin:0 auto; }
.study-item dd{ width:225px; height:auto; margin-right:66px; margin-bottom:30px;  background:#fff; float:left;  }
.study-item dd:hover{ box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd;-moz-box-shadow:0px 0px 8px #ddd; -ms-box-shadow:0px 0px 8px #ddd; -o-box-shadow:0px 0px 8px #ddd;  }
.study-item dd:nth-of-type(4n){ margin-right:0px; }
.study-img,.study-img img{ width:100%; height:100px; }
.study-img a{ display:block; }
.study-info{ padding:10px; box-sizing:border-box; box-sizing:border-box; }
.study-title a{ display:block; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.study-progress{ width:100%; height:8px; background:#d8d8d8; position:relative; margin:10px 0; }
.study-progress span{ width:20%; height:8px; position:absolute; left:0px; top:0px; background:#1594ff; }
.study-other{ width:100%; height:auto}
.study-other span{ font-size:15px; color:#1594ff; float:left; line-height:20px;    }
.study-other em{ font-size:16px; color:#666; float:left; line-height:20px;    }
.study-other em.red{ color:#e40000;  }
.study-other a{ float:right;   padding:0 10px; box-sizing:border-box; line-height:20px; border-radius:5px; color:#fff;  background:#e60000; font-size:12px;  }
.study-other a i{ width:14px; height:14px; background:url(../images/icon-share.png) no-repeat;display:inline-block; vertical-align:middle; margin:-3px 5px 0 0; background-size:14px 14px;    }
.study-other a.study-sc{ background:#1594ff;  }


/*分享赚*/
.share-tx{ width:130px; height:130px; border:5px solid #0f83e8; box-sizing:border-box; border-radius:130px; margin:0 auto;  }
.share-tx img{ width:120px; height:120px; border-radius:120px; }
.share-money{ width:700px; margin:10px auto 0; }
.share-money li{ width:50%; float:left; text-align:center;  }
.share-money li h5{ font-size:18px; color:#fff; text-align:center;  }
.share-money li p{ text-align:center; color:#fff; font-size:20px; margin-top:10px;}

.share-btn{ margin:10px 0; }
.share-btn a{ padding:0 10px; box-sizing:border-box; line-height:20px; border-radius:5px; color:#fff;  background:#e60000; font-size:12px; }


/*我的*/
.member-detail{ width:800px; margin:0 auto; text-align:center; }
.member-detail h5{ font-size:18px; color:#fff; margin-top:5px;    }
.member-detail p{ font-size:13px; color:#a8cefb;   }

.my{ width:1200px; margin:30px auto; }
.my-side{ width:220px; min-height:590px; float:left;  border:1px solid #d2d2d2; box-sizing:border-box; border-right:0px solid #000;  }
.my-side li{ width:100%; height:60px; border-bottom:1px solid #d2d2d2; text-align:center; }
.my-side li a{ display:block; font-size:20px; color:#666; line-height:60px;   }
.my-side li.on a{ background:#1594ff; color:#fff;  }
.my-ewm{ width:130px; height:130px; margin:40px auto 0; }
.my-ewm img{ width:130px; height:130px; }

.my-cont{ width:980px;min-height:590px; border:1px solid #d2d2d2; box-sizing:border-box; float:left; }
.setting-tab{  width:100%; height:60px; border-bottom:1px solid #1594ff; padding:0 60px; box-sizing:border-box; position:relative; }
.setting-tab li{ font-size:18px; line-height:56px; color:#666; float:left; margin-right:50px; border-bottom:3px solid #fff; cursor:pointer; }
.setting-tab li.on{ color:#1593ff; border-bottom-color:#1594ff; }

.setting-cont{ width:100%; height:auto; padding:20px 60px 15px; box-sizing:border-box;  }
.setting-item{ width:100%; height:auto; }
.per-info dd{ width:100%; height:60px; margin-bottom:15px; }
.per-info dd label{ width:120px; height:60px; background:#f4f5f7; text-align:center; float:left; font-size:15px; color:#000; font-weight:bold; line-height:60px;   }
.per-edit{ width:730px; float:right; height:60px; border-bottom:1px solid #d9dce1; padding:0 20px 0; box-sizing:border-box;  }
.per-edit span{ float:left;  color:#333; line-height:60px; height:60px;max-width:600px; overflow:hidden;   }
.per-edit a{ float:left;height:60px; line-height:60px;margin-left:20px; color:#888;    }
.per-edit a i{ color:#008cc7;}

.address{ width:100%; height:auto; }
.address li{ width:300px; height:220px; border:1px solid #d9dce1; box-sizing:border-box; float:left; margin:0 20px 20px 0; position:relative; padding:0 25px; }
.address li:nth-of-type(2n){ margin-right: 0px !important; }
.address-add-item a{ display:block; padding-top:65px; box-sizing:border-box; text-align:center;   }
.address-add-item i{ font-size:50px; color:#d9dce1; display:block; margin-bottom:20px; line-height:50px;  }
.address-add-item em{ color:#888; display:block;  }

.address li h5{ font-weight:bold; font-size:16px; color:#000; padding-top:20px; margin-bottom:10px;   }
.address li p{ width:100%; height:auto; line-height:22px;   }
.address li p label{ float:left; width:45px;color:#888;font-size:13px;}
.address li p span{ float:left; width:200px;  color:#888; font-size:13px; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis; }
.icon-mr{ width:50px; height:45px; background:url(../images/icon-mr.png) no-repeat; position:absolute; right:0px; top:0px; display:block;  }
.address-btn{ width:100%; height:30px; margin-top:10px;  }
.address-btn a{ display:inline-block; padding:0 10px; border:1px solid #d9dce1; color:#666; line-height:25px; height:25px; font-size:13px; margin-right:10px; border-radius:5px;  }


.my-bind{ width:100%; height:auto; }
.my-bind dd{ width:100%; border-bottom:1px solid #d9dde0; box-sizing:border-box;  padding:20px 20px 20px 70px; min-height:80px; position:relative; }
.my-bind dd:last-child{ border-bottom:0px solid #000; }
.my-bind dd img{ position:absolute; width:40px; height:40px; left:15px; top:20px; }
.my-bind-text{ width:100%; height:40px;  }
.my-bind-text h5{ font-size:16px; color:#2c3437; font-weight:bold; line-height:20px;  }
.my-bind-text h5 span{ font-size:14px; color:#ed1516; font-weight:500; margin-left:10px;     }
.my-bind-text h5 em{ font-size:12px; color:#666; font-weight:500; margin-left:10px;     }
.my-bind-text p{ font-size:14px; color:#999; line-height:20px;  }
.bind-btn{ padding:0 18px; height:40px; line-height:40px; box-sizing:border-box;  border:1px solid #919aa1; border-radius:40px; position:absolute; right:20px; top:20px; color:#666; }

.my-bind-cont{ width:100%; height:auto; text-align:center; margin-top:20px;}
.my-bind-cont li{ display:inline-block;  margin:0 25px;    }
.my-bind-cont li h6{ float:left; width:70px; height:70px; margin-right:10px;  background:#c8cdd1; text-align:center;text-align:center; border-radius:70px;    }
.my-bind-cont li h6.on{ background:#0188cc; }
.my-bind-cont li h6 em{ color:#fff; font-size:50px;  line-height:70px;   }
.my-bind-ms { float:left; width:80px; }
.my-bind-ms h5{ text-align:left; font-size:15px; color:#333; font-weight:bold; line-height:20px;  }
.my-bind-ms p{ text-align:left; }
.my-bind-ms p span{ color:#666; font-size:12px;  }
.my-bind-ms p span.red{ color:#f00; }
.my-bind-ms a{ width:60px; display:block; text-align:center; border:1px solid #dadee1; color:#555;  font-size:12px;   }


/*地址添加弹窗*/
.box{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:99999; display:none;   }
.box-main{ width:480px; padding:0 0 15px; box-sizing:border-box;  height:auto; background:#fff; z-index:999999; position:absolute; left:50%; margin-left:-240px; top:120px; border-radius:20px; }
.box-title{ width:100%; padding:0 30px; box-sizing:border-box; position:relative; border-bottom:1px solid #f4f4f4; line-height:50px;    }
.box-title span{ font-size:17px; color:#333;   }
.box-close{ font-size:18px; color:#b4b9bd; position:absolute; right:30px; top:0px;  }
.box-cont li{ width:100%; padding:12px 60px 12px 120px; position:relative; box-sizing:border-box;  }
.box-cont li label{ width:120px; height:35px; position:absolute; left:0px; top:12px; padding-right:20px; line-height:35px;  box-sizing:border-box; text-align:right;  color:#333;   }
.address-ipt{ width:100%; height:auto; }
.address-ipt input{ width:100%; height:35px; line-height:33px; box-sizing:border-box; border:1px solid #d9dce1; padding:0 15px; border-radius:5px; color:#666;  }
.address-ipt select{ width:90px;  height:35px; line-height:33px; box-sizing:border-box; border:1px solid #d9dce1; padding:0 10px; border-radius:5px; color:#666; margin-right:15px; float:left;  }
.address-ipt select:last-child{ margin-right:0px !important; }
.address-ipt textarea{ width:100%; height:70px; box-sizing:border-box; border:1px solid #d9dce1; padding:10px; border-radius:5px; color:#666; }
.address-ipt-text{ height:70px; }
.box-btn{ padding-left:120px; width:100%; margin:10px 0 20px; }
.box-btn a{ padding:0 20px; height:35px; line-height:33px; box-sizing:border-box;  border:1px solid #9299a1; color:#9299a1; margin-right:20px; display:inline-block; border-radius:40px;    }
.box-btn a.box-btn-ok{ background:#0075cd !important; border-color:#0075cd !important; color:#fff;  }

/*提示弹窗*/
.tips{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:1000; display:none;     }
.tips-main{ width:480px; padding:0 0 15px; box-sizing:border-box;  height:auto; background:#fff; z-index:1001; position:absolute; left:50%; margin-left:-240px; top:120px; border-radius:10px; }
.tips-title{ width:100%; padding:0 30px; box-sizing:border-box; position:relative; border-bottom:1px solid #f4f4f4; line-height:50px;    }
.tips-title span{ font-size:17px; color:#333;   }
.tips-close{ font-size:18px; color:#b4b9bd; position:absolute; right:30px; top:0px;  }
.tips-cont { width:100%; padding:30px 40px; text-align:center; font-size:18px; color: #666; box-sizing:border-box;  }
.tips-btn{  width:100%; margin:10px 0 20px; text-align:center;  }
.tips-btn a{ padding:0 20px; height:35px; line-height:33px; box-sizing:border-box;  border:1px solid #9299a1; color:#9299a1;display:inline-block; border-radius:40px; margin:0 10px;    }
.tips-btn a.tips-btn-ok{ background:#0075cd !important; border-color:#0075cd !important; color:#fff;  }

.edit-cont{ width:100%; height:auto; border-radius:5px;   }
.edit-cont textarea{ width:100%; height:80px; border:1px solid #f0f0f0; padding:10px; box-sizing:border-box; resize:none;border-radius:5px;   }
.edit-cont input{ width:100%; height:35px; line-height:35px;  border:1px solid #f0f0f0; padding:0 10px; box-sizing:border-box; border-radius:5px;   }
.sj-yzm{ width:100%; height:35px; margin-top:10px; }
.sj-yzm input{ width:55%; float:left;  }
.sj-yzm a{ width:40%; height:35px; line-height:35px;border-radius:5px; background:#1594ff; color:#fff; text-align:center; display:block; float:right;   }
.sj-yzm a.on{ background:#ccc; color:#333; }




/*登录弹窗*/
.login{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:100; display:none;    }
.login-main{ width:400px; padding-top:25px;  box-sizing:border-box; /* height:460px;*/ background:#fff; z-index:101; position:absolute; left:50%; margin-left:-220px; top:120px;}

.login-close{ font-size:18px; color:#b4b9bd; position:absolute; right:20px; top:10px; }
.login-close:hover{ color:#333; }
.login-title{ width:100%; height:35px; padding:0 30px; box-sizing:border-box;     }
.login-title img{ display:inline-block; vertical-align:middle; width:160px; height:35px;   }
.login-title em{ display:inline-block; vertical-align:middle; font-size:18px; color:#666; margin:0 5px;   line-height:35px;   }
.login-title span{ vertical-align:middle; display:inline-block; font-size:16px; color:#000; line-height:35px;  }

.login-cont{ margin-top:40px; }
.login-ewm{ width:172px; height:172px; margin:0 auto;  padding:8px;  border:1px solid #ecedee; box-sizing:border-box; }
.login-ewm-img{ width:154px; height:154px;  }
.login-item h5{ color:#333; font-size:16px;  text-align:center; margin:20px 0;  }
.login-item h5 i{ color:#2e82ff; font-size:18px; }

.login-tips{ width:100%; height:auto; padding:0 40px; box-sizing:border-box;   }
.login-tips li{ float:left; width:33.333333%;  line-height:30px; text-align:center; color:#999;  }
.login-tips li em{ width:12px; height:18px; display:inline-block;  background:url(../images/login-icon.png) no-repeat; background-position:-9px -3px; vertical-align:middle; margin:0px 5px 0 0;    }
.login-tips li em.login-tips-gx{background-position:-29px -3px;}
.login-tips li em.login-tips-bj{background-position:-51px -3px;}

.login-foot{ width:100%; padding:20px 30px; margin-top:30px;  background:#f0f6ff; box-sizing:border-box;   }
.login-foot span a{ font-size:15px; color:#2e82ff;  }

.login-item dl{ padding:0 35px; box-sizing:border-box; width:100%;   }
.login-item dd{ margin-bottom:20px; }
.login-item dd input{ width:100%; height:45px; border:1px solid #d5d5d5; line-height:45px;  box-sizing:border-box; padding:0 10px; color:#666; }
.login-item dd input.logon-yzm-ipt{ width:175px; float:left; }
.login-code{ width:140px; height:45px; background:#3f89ec; line-height:45px; color:#fff; text-align:center; font-size:16px; display:block; float:right;    }
.login-code-grey{ background:#ccc; color:#333; pointer-events:none;  }
.login-btn{width:100%; height:45px; background:#3f89ec; line-height:45px; color:#fff; text-align:center; font-size:18px; display:block; margin:20px 0; border-radius:5px;   }

.login-ad{ width:100%; height:140px; background:#dedede; position:relative; padding-right:160px; padding-left:60px;  box-sizing:border-box;  }
.login-ad img{ width:100px; height:100px; position:absolute; top:20px; right:20px;  }
.login-ad h5{ line-height:40px; padding-top:30px; color:#333; font-size: 22px;  }

/*通用弹出层*/
.tangceng{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:100; display:none;    }
.tangceng-main{ width:440px; padding:20px; box-sizing:border-box; /* height:460px;*/ background:#fff; z-index:101; position:absolute; left:50%; margin-left:-220px; top:120px;}
.tangceng-close{ font-size:18px; color:#b4b9bd; position:absolute; right:20px; top:10px; }
.tangceng-tab{ width:100%; height:75px; }
.tangceng-tab li{ float:left; width:50%; text-align:center; cursor:pointer;  color:#000; font-size:20px; line-height:70px;  border-bottom:3px solid #c2c2c2;   }
.tangceng-tab li.on{ border-bottom-color:#0c4797; }
.tangceng-ewm-img{ width:175px; height:175px; display:block;  margin:40px auto 10px;  }
.tangceng-item p{ color:#333; text-align:center; }
.tangceng-item dl{ padding-top:40px; }
.tangceng-item dd{ margin-bottom:10px; }
.tangceng-item dd input{ width:100%; height:40px; border:1px solid #d5d5d5; box-sizing:border-box; padding:0 10px; color:#666; }
.tangceng-item dd input.logon-yzm-ipt{ width:250px; float:left; }
.tangceng-code{ width:140px; height:40px; background:#0c4698; line-height:40px; color:#fff; text-align:center; font-size:16px; display:block; float:right;    }
.tangceng-code-grey{ background:#ccc; color:#333; pointer-events:none;  }
.tangceng-btn{width:100%; height:40px; background:#0c4698; line-height:40px; color:#fff; text-align:center; font-size:15px; display:block; margin:20px 0;  }
.tangceng-ad{ width:100%; height:140px; background:#dedede; position:relative; padding-right:160px; padding-left:60px;  box-sizing:border-box;  }
.tangceng-ad img{ width:100px; height:100px; position:absolute; top:20px; right:20px;  }
.tangceng-ad h5{ line-height:40px; padding-top:30px; color:#333; font-size: 22px;  }

.tangceng-item ul{ width:100%; height:auto; padding: 0 20px; box-sizing:border-box; }
.tangceng-item li{ padding:10px 110px 10px 0; box-sizing:border-box; width:100%; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:35px;      }
.tangceng-item li a{position:absolute; right:5px; top:12px;  padding:0 10px; box-sizing:border-box; line-height:28px; border-radius:5px; color:#1594ff; border:1px solid #1594ff; text-align:center;}
.tangceng-item li i{ font-size:15px; vertical-align:middle; margin:-3px 2px 0 0;  }


/*课程播放界面*/
.play-cont { width:100%;  position:absolute; top:60px;left:0; background:#000;  }
.play-cont video{ width:100%; }

.play-header{ width:100%; height:60px; color:#aaa; background:#1d1d1d; position:relative; z-index:99; padding:0 40px; box-sizing:border-box;   }
.play-go-home{ float:left; line-height:60px; margin-right:15px;   }
.play-go-home a{color:#aaa; font-size:18px; }
.play-title{ float:left;  height:auto;   }
.play-title-text{ float:left; max-width:600px; overflow:hidden; text-overflow:ellipsis; height:60px; line-height:60px; font-size:16px;  }
.play-title span{ float:left; padding:0 10px 0 20px; line-height:60px; font-size:16px; }
.play-title span i{ vertical-align:middle; margin:-3px 5px 0 0; display:inline-block;  }
.play-cz{ float:right; max-width:500px;    }

.play-back{ display:inline-block; }
.play-back a{ line-height:60px; font-size:18px; color:#aaa; }
.play-menu{ display: inline-block;}
.play-menu li{ display:inline-block; margin:0 15px; position:relative;  }
.play-menu li span{ line-height:60px; cursor:pointer; color:#aaa; font-size:14px; display:inline-block;   }
.play-menu li span a{ line-height:60px;color:#aaa; }
.play-menu li span i{ vertical-align:middle; display:inline-block; margin:-3px 4px 0 0; line-height:60px; font-size:16px;color:#aaa;}

.play-ml{ display:inline-block;  line-height:60px; font-size:16px;  }
.play-ml span{ cursor:pointer; }
.play-ml i{ vertical-align:middle; display:inline-block; margin:-3px 4px 0 0; line-height:60px; font-size:16px;color:#aaa;}
.play-menu li:hover span ,.play-menu li:hover a ,.play-menu li:hover i , .play-ml span:hover,.play-ml span:hover i{ color:#fff; }
.play-ml.on i,.play-ml.on span { color:#fff; }

/*目录弹窗*/
.play-ml-tc{ position:fixed; top:60px; right:0px; width:350px; background:#1a1a1a; color:#666; padding:20px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; display:none;   }
.col-title{ font-size:16px; color:#aaa; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; cursor:pointer; }
.col-show{width:100%; height:auto; padding-left:20px; overflow:hidden; box-sizing:border-box;  }

.col-show li{ padding:0px 0px 5px 25px; box-sizing:border-box; position:relative;  }
.col-show li em{ color:#444; position:absolute; left:0px; top:0px; display:block; font-size:18px;  }
.col-show li:hover em ,.col-show li:hover .col-show-bt a { color:#999; }
.col-show li.on em{ color:#1594ff; }
.col-show-bt{ width:100%;}
.col-show-bt a{ width:100%; display:block; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.col-show li.on .col-show-bt a{ color:#1594ff;}

/*目录弹窗滚动条样式*/
.play-ml-tc::-webkit-scrollbar {/*滚动条整体样式*/
	width:10px;     /*高宽分别对应横竖滚动条的尺寸*/
	height:10px;
}
.play-ml-tc::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius:10px;
	background:#444444;
}
.play-ml-tc::-webkit-scrollbar-track {/*滚动条里面轨道*/
	border-radius: 0;
	background:#333;
}

.play-menu-show{ position:absolute; left:-33px; top:56px; width:150px; border-radius:3px; padding:10px; color:#999; background:#060606; box-sizing:border-box; display:none; }
.play-menu-show.on{ display:block; }
.play-menu-show:before{ content:""; position:absolute; top:-5px; left:40px; width:10px; height:10px; border:1px solid #060606; border-right-color:transparent; border-top-color:transparent; background:#060606; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.play-menu-show li{ display:inline-block; width:27px; height:24px; margin:4px 7px; float:left;   }
.play-menu-show li a{ width:27px; height:24px;background:url(../images/icon.png) no-repeat; display:inline-block; }
.share-qq{ background-position:-109px -109px !important;  }
.share-qq:hover{ background-position:-153px -109px !important;  }
.share-z{ background-position:-206px -109px !important;  }
.share-z:hover{ background-position:-252px -109px !important;  }
.share-wx{ background-position:-306px -109px !important;  }
.share-wx:hover{ background-position:-358px -109px !important;  }

.form-group{color:red;}

/*订单中心*/
.order-collect{ position:absolute;right:30px;top:17.5px;font-size:12px;color:#333;  }
.order-collect i{ display:inline-block; margin:-3px 5px 0 0; font-size:18px; color:#666; vertical-align:middle; }

.no-order{ padding-top:150px; text-align:center; font-size:20px; color:#6b6b6b; }

.order-list{ width:100%; height:auto; margin-bottom:15px; }
.order-list dd{ padding:20px 0 25px; border-bottom:1px solid #dbdce0;   }
.order-number{ width:100%; line-height:20px; font-size:13px; }
.order-number span{ color:#333; margin-right:25px;  }
.order-number em{ color:#999; }
.order-cont{ width:100%; height:90px; margin-top:15px;  }
.order-img { float:left; width:165px; height:90px; }
.order-img img{ width:165px; height:90px; }
.order-info{ float:left; width:310px; height:90px; border-right:1px solid #f1f0f5; padding:0 15px; box-sizing:border-box;}
.order-info h5{ width:100%; }
.order-info h5 a{ display:block; font-weight:bold; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.order-info h4{ font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.order-info p{  font-size:13px; color:#999;}
.order-info p span{ color:#f11517;  }
.order-price{ float:left; width:200px;  border-right:1px solid #f1f0f5; text-align:center; color:#f11517; line-height:90px; font-size:15px;  }
.order-btn{ float:left; width:180px; padding-top:5px; box-sizing:border-box; }
.order-btn a{ display:block; width:120px; height:38px; text-align:center; color:#999; font-size:13px; margin:0 auto; line-height:38px; border-radius:20px;   }
.order-btn a.wait-pay{ background:#fe0000; color:#fff; font-size:15px;  }
.order-btn a.go-sty{ background:#1594ff; color:#fff; font-size:15px; margin-top:20px;   }
.order-btn a.ysx{ background:#cecece; color:#fff; font-size:15px;  }


/*支付中心*/
.pay-center{ width:100%; height:auto;  }
.pay-title{ width:100%; height:200px; background:#0e449a; margin:0 auto; }
.pay-title h5{ padding-top:60px; box-sizing:border-box;  width:1200px; margin:0 auto; font-size:40px; color:#fff; }

.pay-detail{ width:1200px; height:auto; margin:-75px auto 50px; background:#fff; border-radius:10px; box-shadow:2px 2px 10px #f1f1f1; padding:40px 60px; box-sizing:border-box;    }
.pay-detail-title{ width:100%; height:40px; position:relative;  color:#333; font-weight:bold; }
.pay-detail-title a{ position:absolute; right:0px; top:0px; color:#0e449a;line-height:40px;font-weight:500;   }
.pay-detail-cont{ width:100%; padding:15px 50px 15px 360px; background:#f8f8f8; box-sizing:border-box; position:relative; min-height:135px;   }
.pay-detail-img{ width:305px; height:105px; position:absolute; left:15px; top:15px;  }
.pay-detail-img img{ width:305px; height:105px;  }
.pay-detail-info{ width:100%; height:105px; overflow:hidden;  }
.pay-detail-info h5{ font-size:25px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:30px;   }
.pay-detail-info h4{ font-size:16px; text-align:right; }
.pay-detail-info h4 span{ color:#0e449a; font-weight:bold; }

.pay-way{ width:100%; margin-top:20px;  height:auto; padding:25px 15px; border-top:1px solid #d9dce1; border-bottom:1px solid #d9dce1; box-sizing:border-box; }
.pay-way h5{ font-size:16px; color:#333; margin-bottom:15px;  }
.pay-way-list{ width:100%; height:auto; }
.pay-way-list li{ float:left; width:195px; height:90px; background:#f4f5f7; border-radius:5px; margin:0px 20px 20px 0; box-sizing:border-box; border:2px solid #f4f5f7; position:relative; cursor:pointer;  }
.pay-way-list li em{ display:none; width:25px; height:25px; background:url(../images/icon-gou.png) no-repeat; position:absolute; right:-2px; bottom:-1px;  }
.pay-way-list li.on{ border:2px solid #10449a;  }
.pay-way-list li.on em{ display:block;  }
.pay-way-list li img{display:block; margin:0 auto; padding-top:20px; text-align:center;  }
.my-money{ width:140px; height:65px; margin:0 auto; padding-top:25px; padding-left:60px; position:relative; box-sizing:border-box;   }
.my-money img{ display:inline-block; margin:inherit; width:50px; height:50px; position:absolute; left:0px; top:0px;   }
.my-money h3{ font-size:18px; color:#000; font-weight:bold; }
.my-money p{ color:#999; font-size:13px; line-height:20px; }
.pay-time{ width:100%; margin-top:30px;   }
.pay-time h4{ float:left; width:650px; height:auto; color:#0f4399; }
.pay-time h4 span{ font-weight:bold; margin:0 5px; }
.pay-time h4 i{ vertical-align:middle; margin:-3px 5px 0 0; font-size:16px;  }
.pay-btn{ width:400px; float:right; text-align:right;  }
.pay-btn h3{ color:#333; }
.pay-btn h3 span{ font-size:18px; font-weight:bold; color:#0f4399;  }
.pay-btn-tj{ width:140px; height:40px; line-height:40px; color:#fff; font-size:15px; text-align:center; border-radius:5px; background:#0f4399; display:inline-block; margin:30px 0 20px;   }
.pay-fk a{ font-size:13px; color:#666; line-height:30px; }

/*支付页面弹窗*/

.wait-tips{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:1000; display:block; }
.wait-cont{ width:280px; height:auto; padding:30px 0;  box-sizing:border-box; background:#fff; z-index:1001; position:absolute; left:50%; margin-left:-140px; top:150px; border-radius:10px; text-align:center; }
.wait-icon{ width:100px; height:100px; margin:0 auto; display:block;  }
.wait-icon img{ width:100px; height:100px; }
.wait-cont h6{ margin:5px 0;font-size:16px; color:#000; font-weight:bold; }
.wait-cont h5{ font-size:12px; color:#999; }
.wait-btn{ width:160px; height:35px; border-radius:20px; background:#383d41; margin:10px auto; text-align:center; font-size:15px; color:#fff; display:block; line-height:35px;     }
.wait-cont p a{ color:#999; }
.wait-cont p a i{ font-size:14px; color:#999; display:inline-block;  vertical-align:middle; margin:-3px 5px 0 0;  }

.wx-pay-title{ font-size:15px; color:#333; font-weight:bold; }
.wx-pay-ewm img{ width:180px; height:180px; margin:5px auto;  }
.wx-pay-ewm p{ font-size:12px; margin-bottom:20px;  }

.cz-cont{ width:400px; height:auto; padding:30px 35px;  box-sizing:border-box; background:#fff; z-index:1001; position:absolute; left:50%; margin-left:-200px; top:150px; border-radius:10px; }

.cz-close{ font-size:18px; color:#b4b9bd; position:absolute; right:35px; top:30px;  }
.cz-cont h6{ font-size:15px; color:#333; font-weight:bold; margin-bottom:15px;   }
.cz-je{ width:100%; height:auto; }
.cz-je h5{ font-size:14px; color:#333; font-weight:bold; margin-bottom:10px;   }
.cz-je dd{ float:left; width:100px; height:55px; background: #f4f5f7; margin-right:12px; border:1px solid #e9eaec; box-sizing:border-box; text-align:center; line-height:53px; position:relative; border-radius:4px; font-weight:bold; cursor:pointer;    }
.cz-je dd em{ position:absolute; display:none;  right:-2px; bottom:-1px; width:25px; height:25px; background:url(../images/icon-gou.png) no-repeat; }
.cz-je dd.on{ border:2px solid #0e449a; }
.cz-je dd.on em{ display:block; }
.cz-je dd:last-child{ margin-right:0px; }

.cz-other{ width:100%; height:auto; margin:15px 0 20px; height:48px; padding:0 10px 0 45px;  border:1px solid #eaebed; background:#f4f5f7; border-radius:3px; position:relative; box-sizing:border-box;     }
.cz-other span{ position:absolute; left:15px; top:10px; font-size:16px; font-weight:bold; color:#333;  }
.cz-other input{ width:100%; background:#f4f5f7; line-height:46px; color:#333; }
.zf-way h5{ color:#333; font-weight:bold; margin-bottom:10px;  }
.zf-way li{ width:155px; float:left; margin-right:20px; height:50px;  background: #f4f5f7;  border:1px solid #e9eaec; box-sizing:border-box; text-align:center;  border-radius:4px; cursor:pointer; position:relative;  }
.zf-way li:last-child{ margin-right:0px !important; }
.zf-way li img{display:block; margin:0 auto; padding-top:10px; }

.zf-way li.on{ border:2px solid #10449a;  }
.zf-way li em{ position:absolute; display:none;  right:-2px; bottom:-1px; width:25px; height:25px; background:url(../images/icon-gou.png) no-repeat; }
.zf-way li.on em{ display:block;  }
.cz-btn{ width:100%; margin:30px 0 10px;  height:48px; background:#383d41; border-radius:30px; text-align:center; font-size:16px; color:#fff; line-height:48px; }
.cz-btn a{ color:#fff; display:block; }
.cz-xy{ font-size:12px; color:#999; text-align:center;   }
.cz-xy a{ color:#0e449a; font-weight:bold;  }
.cz-zt{ text-align:center; }
.cz-zt h6{ font-size:100px; color:#0e449a; line-height:100px; text-align:center; margin:40px 0 5px;   }
.cz-zt h5{ color:#333; font-weight:bold; }
.cz-zt p{ font-size:12px; color:#999; }
.cz-zt-btn{ width:120px; height:40px; text-align:center; font-size:15px; color:#fff; margin:20px auto 10px; line-height:40px; background:#383d41; border-radius:30px;  }

/*提现页面*/
.sy-show{ width:100%; height:100%; padding:15px; box-sizing:border-box; }
.sy-show-head{ width:100%; height:170px; background:linear-gradient(90deg,#1390fc -20%,#0d4ea2); padding-right:190px; box-sizing:border-box; position:relative;     }
.sy-show-head ul{ width:100%; height:170px; }
.sy-show-head li{ float:left; width:33.3333%; padding:45px 30px 0; box-sizing:border-box; }
.sy-show-head li h5{ font-size:20px; color:#fff; margin-bottom: 25px; }
.sy-show-head li p{ color:#fff; font-size:22px;  font-weight:bold; }
.sy-show-head span { font-size:20px;}
.sy-show-head span em{ font-size:30px; }
.sy-show-head a{ width:150px; height:50px; line-height:50px;  background:#fff; text-align:center; font-size:18px; color:#0d4697; font-weight:bold; border-radius:30px; position:absolute; right:25px; top: 60px; display:block;  }

.sy-tx-list{ width:100%; margin:20px auto 0; }
.sy-tx-list h5{ font-size:16px; color:#666; padding-left:30px; box-sizing:border-box; width:100%; margin-bottom:10px;  }
.sy-tx-list-cont{ width:100%; min-height:300px; border:1px solid #eaeaea; }
.sy-tx-list table{ width:100%; }
.sy-tx-list table tr{ background:#f7f7f7; }
.sy-tx-list table th{ height:50px !important; padding-left:30px; box-sizing:border-box; line-height:50px;}
.sy-tx-list table td{ padding-left:30px; box-sizing:border-box; height:40px; line-height:40px; }
.sy-tx-list table tr:nth-of-type(2n){ background:#fff; }
.sy-tx-list-cont h6{ text-align:center; font-size:15px; color:#666; padding-top:10px; margin-bottom:10px;   }

/*提现弹窗*/
.tx-zt{ text-align:center; }
.tx-zt h6{ font-size:100px; color:#0e449a; line-height:100px; text-align:center; margin:20px 0 5px;   }
.tx-zt h5{ color:#333; font-weight:bold; }
.tx-zt p{ font-size:12px; color:#999; }
.tx-zt-btn{ width:120px; height:40px; text-align:center; font-size:15px; color:#fff; margin:20px auto 10px; line-height:40px; background:#ababab; border-radius:30px;  }


/*页码样式*/
.page{ width:100%; margin-top:20px; text-align:center;  }
.page ul,.page li{ display:inline-block; }
.page li a{ line-height:30px; font-size:15px;  color:#333; display:block; padding:0 12px; }
.page li.on a{  color:#1594ff; }
.page-swy{ display:inline-block;  box-sizing:border-box;  border:1px solid #d8d8d8; color:#333;  height:30px; margin:0 4px;  }
.page-swy .sr-only{display:none;}
[active].page-swy a{color:#1594ff;}
[active].page-swy{ border-color:#1594ff; }
.page-box .page-swy{ padding:0 10px; line-height:30px;  }


/*帮助中心*/
.help-ewm{ width:130px; height:130px; padding-top:120px; margin:0 auto 30px;  }
.help-tips{ font-size:21px; color:#6b6b6b; text-align:center; }

/*提交问题*/
.problem{ width:100%; }
.no-problem{ padding-top:150px; text-align:center; font-size:20px; color:#666;  }
.no-problem a{ color:#888; font-weight:bold; }

.problem-item{ width:100%; height:auto; margin-bottom:20px; }
.problem-item li{ width:100%; border-bottom:1px solid #ededed; padding:20px 0; }
.problem-title{ font-size:16px; color:#333; font-weight:bold; padding-right:40px; position:relative; margin-bottom:20px; }

.pro-cz{ width:16px; height:16px; position:absolute; right:10px; top:6px; background:url(../images/icon-up-sj.png) no-repeat; transition:all ease 0.3s;   }
.problem-title>a.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transition:all ease 0.3s; }

.problem-cont{ width:100%; height:auto;  }
.problem-cont h5{ color:#000; font-weight:bold; }
.problem-cont p{ color:#333; margin-bottom:15px;   }
.problem-xq{ color:#999; }
.problem-xq em{ margin-left:20px; }

.problem-tc{ width:380px; height:95px; background:#fff; border-radius:3px; box-shadow:0 0 10px #f0f0f0; position:absolute; right:0px; top:20px ; z-index:500;  padding:30px 100px 30px 0; box-sizing:border-box; display:none;     }
.problem-tc dl{  width:100%; height:35px; border-right:1px solid #edf1f2; box-sizing:border-box; }
.problem-tc dd{ float:left; width:33.3333%;   }
.problem-tc dd a{ text-align:center; display:block; font-size:25px; color:#b2babd; line-height:35px; }
.pro-sc{ width:100px; height:35px; line-height:35px; font-size:25px; text-align:center; color:#d9d9e1; position:absolute; right:0px; top:30px;}
.pro-sc.on{ color:#1594ff; }


/*分享赚钱弹窗*/
.share-win{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:100; display:none;    }
.share-box{ width:440px; padding:20px 20px 40px; box-sizing:border-box; height:auto;  background:#fff; z-index:101; position:absolute; left:50%; margin-left:-220px; top:120px;}
.share-close{ font-size:18px; color:#b4b9bd; position:absolute; right:20px; top:10px; }
.share-ewm{ width:170px; height:170px; margin:20px auto; }
.share-ewm img{ width:170px; height:170px; }
.share-box h5{ display:block; text-align:center; font-size:15px; color:#666; }

/*分享可复制链接的*/
.share-show { width:100%; height:auto;}
.share-text{ width:270px; float:left; padding-right:20px; box-sizing:border-box; padding-top:20px;  }
.share-text h4{ line-height:20px; }
.share-text h3{ padding:5px 10px; box-sizing:border-box; background:#f4f7f9; color:#000; line-height:20px; margin:10px 0; word-break:break-all;  }
.share-text a{ padding:0 25px; box-sizing:border-box; line-height:25px; border:1px solid #32a3fd; border-radius:3px; color:#32a3fd; display:inline-block;   }
.share-sm{ width:130px; float:left; border:1px solid #edf2f7; padding:10px; box-sizing:border-box; border-radius:3px; margin-top:20px; }
.share-sm img{ width:100%; height:auto; }
.share-sm p{ color:#888; text-align:center;  }
.share-sm p i{ color:#5dc560;  }



/*搜索*/
.search-nav{ width:1200px; margin:25px auto; height:27px; position:relative; padding-left:100px; box-sizing:border-box; }
.search-nav p{ position:absolute; left:0px; top:0px; line-height:27px; color:#333;   }
.search-nav p a{ color:#333; }
.search-nav p i{ color:#000; line-height:27px; font-size:16px; margin-left:10px;    }
.search-word{ padding:0 10px; height:25px; border:1px dashed #1594ff; display:inline-block;   }
.search-word i{ display:inline-block; color:#000; line-height:25px; }
.search-word em{ display:inline-block; color:#1594ff; margin-right:10px; line-height:25px; }
.search-word a{ display:inline-block; font-size:13px; line-height:25px; color:#1594ff; }
.search-all{ width:1200px; margin:0 auto 25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-left:100px; box-sizing:border-box; min-height:55px; position:relative;     }
.search-all span{ position:absolute; height:52px; left:0px; top:0px; line-height:52px;  color:#939592;  }
.search-all dl{ width:100%; height:auto;}
.search-all dd{ line-height:52px; float: left; padding:0 18px;  }
.search-all dd a{ color:#333; display:block; }
.search-all dd.on a,.search-all dd:hover a{ color:#1594ff; }

.search-tab{ width:1200px; height:auto;  }
.search-choose{ width:100%; height:50px; border:1px solid #efefef; background:#fff; padding:9px 10px; box-sizing:border-box; }
.search-choose span{ float:left; border-right:1px solid #dde4ea; margin-right:5px;    }
.search-choose span a{ float:left; padding:0 15px; height:30px; line-height:30px; color:#333; }
.search-choose span a.on{ background:#1594ff; color:#fff;  }
.search-choose span a:hover{ color:#1594ff; }
.search-choose span a.on:hover{ color:#fff;}
.search-choose label{ float:left; margin:0 10px; color:#333; line-height:30px;    }
.search-choose label input{ vertical-align:middle; margin:-3px 5px 0 0; width:16px; height:16px; border:1px solid #c0c0c0; background:#fff; }
.search-px{ width:100%; height:40px; border:1px solid #efefef; padding:0 10px; border-top:0px solid #ddd;  box-sizing:border-box; background: #fff; }
.search-px ul{ float:left;  }
.search-px li{  line-height:40px; margin-right:30px; float:left;   }
.search-px li a{ line-height:40px; color:#333; }
.search-px li a i{ display:inline-block; font-size:14px; color:#999; vertical-align:middle; margin:-2px 0 0 2px;  }
.search-px li.on a , .search-px li a:hover , .search-px li.on a i , .search-px li a:hover i{ color:#1594ff; }
.search-px>span{ float:left; height:20px;  padding:0px 20px 20px; line-height:20px; margin:10px 0 0 10px; cursor:pointer; position:relative;   }
.search-px>span:before{ content:""; width:1px; height:20px; background:#dddfe6; position:absolute; left:0px; top:0px;  }
.search-px>span i{ margin-left:5px; width:12px; height:12px; display:inline-block;   background:url(../images/icon-up-sj.png) no-repeat; background-size:12px 12px;   transition:all ease 0.3s;  }
.search-px>span i.on{  transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transition:all ease 0.3s; }

.search-menu{ width:210px; position:absolute; border:1px solid #ddd; box-shadow:1px 1px 3px #ddd; background:#fff; position:absolute; left:0px; top:30px; z-index:999; display:none;     }
.search-menu dl{ width:100%; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #ddd;  }
.search-menu dl dd{ color:#333; width:100%; cursor:pointer; padding:8px 0;  }
.search-menu dl dd:hover{ color:#1594ff; }
.search-menu h5{ width:100%; padding:10px; box-sizing:border-box; }
.search-menu h5 span{ width:50px; height:30px; position:relative; border:1px solid #ddd; box-sizing:border-box; padding-left:15px; float:left; padding-right:2px;  }
.search-menu h5 span b{ position:absolute; left:0px; top:0px; margin-left:0px; line-height:30px; color:#999; font-weight:500;  }
.search-menu h5 span input{ width:100%; line-height:28px; color:#333; }
.search-menu h5 em{ float:left; line-height:30px; color:#333; margin:0 3px;  }
.search-menu h5 a{ margin-left:15px; width:60px; float:left; color:#fff; text-align:center;    line-height:30px; background:#1594ff; }

.search-px li.price{ margin-right:10px; position:relative;  }
.search-px li.price a{ padding-right:20px; position:relative;   }
.search-px li.price a:before, .search-px li.price a:after{ content:""; width:0; height:0px; border-left:5px solid transparent;  border-right:5px solid transparent; position:absolute; right:8px; top:50%;  }
.search-px li.price a:before{ border-top:5px solid #ccc; margin-top:2px;}
.search-px li.price a:after{ border-bottom:5px solid #ccc; margin-top:-6px;}
.search-px li.price a.down:before{ border-top:5px solid #1594ff;   }
.search-px li.price a.up:after{ border-bottom:5px solid #1594ff;   }

/*首页最近直播*/
.live-list{ width:1200px; height:352px; margin:0 auto; }
.live-show,.live-show-item{ width:620px; float:left; }
.live-show-item{ position:relative; overflow:hidden;  }
.live-show-item>img{ width:100%; height:352px;}
.live-show-cont{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.live-show-title{ text-align:center; color:#fff; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; padding:60px 30px 0; box-sizing:border-box; font-size:24px;  }
.live-show-time-tips{ width:280px; margin:30px auto 0; font-size:18px; color:#fff; text-align:center; line-height:30px;   }
.live-show-time-tips div{ width:100%;  background:rgba(0,0,0,0.69); border-radius:20px; }
.live-show-time-tips div img{ vertical-align:middle; margin:-3px 5px 0 0; }
.live-show-time-tips i{ color:#23b8ff; font-weight:bold; }
.live-show-btn{ display:block; margin:30px auto 0px; border-radius:2px; width:180px; height:50px; line-height:50px; font-size:20px; color:#fff; background:#23b8ff; text-align:center; }
.live-show-btn:hover{ background:#12a7ff; }
.live-show-btn a{ color:#fff; display:block;  }
.live-show-ft{ position:absolute; width:100%; height:70px; line-height:70px; bottom:0px; background:rgba(0,0,0,.3);}
.live-show-ft div{ width:220px; height:70px; padding:0 5px; box-sizing:border-box;  }
.live-show-ft div img{ width:40px; height:40px; border-radius:40px; vertical-align:middle; float:left; margin-left:5px;  margin-top:15px;   }
.live-show-ft div em{ color:#fff; font-size:16px;float:left; max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:10px;   }
.live-show-ft a{ display:block; position:absolute; top:0px; right:15px; font-size:16px; color:#fff; text-align:right;  }
.live-show-ft a em{ float:left; max-width:280px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; }
.live-show-ft a i,.live-show-ft a span{ float:left;}

.live-kc{ width:580px; height:352px;  box-sizing:border-box; float:left; border:1px solid #eee; background:#f4f4f4; border-left:0px solid #ddd; position:relative;   }
.time-line{ position:absolute; border-left:2px dashed #e8e8e8; height:100%; left:43px; z-index:1; }
.live-kc dl{  overflow-y:auto; height:350px;   }
.live-kc dd{ height:50px; line-height:50px; padding:0 130px 0 48px; box-sizing:border-box; width:100%; font-size:16px; position:relative; }
.live-kc dd.on:after { content:''; position:absolute; width:5px; height:100%; background-color:#23b8ff; left:0px; top:0px;  }
.live-kc dd a{ display:block;font-size:16px;line-height:50px;  }
.live-kc dd.on{ background:#fff; }
.live-kc dd.on .live-kc-info{ color:#23b8ff; }
.live-kc dd.on .live-tips-point{ background:#23b8ff; border-color: #23b8ff;}
.live-kc dd.on .live-kc-wrap span { color:#23b8ff; }
.live-kc-wrap span{ float:left; width:85px; padding-left:25px; box-sizing:border-box; color:#bbb;}
.live-time-after{ cursor:default !important;  }
.live-time-after a{ cursor:default !important;  }
.live-time-after .live-kc-wrap span{ width:450px; }
.live-kc dd.live-time-after.on:after{ width:0px;  }
.live-kc dd.on.live-time-after{ background:inherit; }
.live-kc dd.on.live-time-after .live-kc-info{ color:#333; }
.live-kc dd.on.live-time-after .live-tips-point{ background:#ccc; border-color:#ccc;}
.live-kc dd.on.live-time-after .live-kc-wrap span { color:#bbb; }

.live-time-show{ position: absolute; right: 20px; top: 0px; line-height: 50px; color: #bbb;  }
.live-kc dd.on .live-time-show{ color: #23b8ff; }
.live-kc-info em{ color: #23b8ff;   }

.live-kc-wrap span.live-text{ color:#23b8ff; }
.live-kc-info{ margin-left:25px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-tips-point{ position:absolute; left:40px; top:21px; width:6px; height:6px; background:#ccc; border:1px solid #ccc; border-radius:100%; z-index:2;  }
.live-tips-live{ position:absolute; left:32px; top:12px; width:24px; height:24px; background:url(../images/zbz.gif) no-repeat; z-index:2; }
.live-kc dl::-webkit-scrollbar {width:0px;  height:10px;}
.live-kc dl::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(0,0,0,0);}
.live-kc dl::-webkit-scrollbar-track {border-radius: 0;background:rgba(0,0,0,0);}


/*5-22 新加样式 */
.bg-grey{ background:#f2f2f2 !important; width:100%;   }
.gb_fff{ background: #fff !important; width: 100%; }
.n-new{ width:100%; height:50px; background:#0c4698;  }
.n-new-cont{ width:1200px; margin:0 auto; color:#fff;  box-sizing:border-box;  }
.n-new-cont dl{display: flex;justify-content: space-between}
.n-new-cont dd{  line-height: 50px; text-align: center; float: left;}
.n-new-cont dd a{ font-size:18px;  color:#fff; height: 50px;min-width: 85px; float:left; display:block;line-height:50px;   }
.n-new-cont dd.select{ background: #0078e0;}
.n-new-cont dd:last-child a{ margin-right:0px; }

.n-ad{ width:280px; position:absolute; right:0px; top:0px; height:255px;}
.n-ad dd{ width:280px; height:125px;}
.n-ad dd:last-child{ margin-bottom:0px; }
.n-ad dd a{ display:block; }
.n-ad dd a img{ width:260px; height:110px; border: 10px solid #fff; border-radius: 5px;}
.n-show{ width:1200px;margin:0px auto; box-sizing:border-box; padding-right:280px; position:relative; height: 255px; background: #fff;}
.n-live-list{ width:100%; height:255px; }
.n-live-show,.n-live-show-item{ width:460px; float:left; }
.n-live-show-item{ position:relative; overflow:hidden;}
.n-live-pic{ width: 460px; height: 200px; overflow: hidden;}
.n-live-pic a{ display:block; }
.n-live-pic a img{ width:100%; margin-top: -25px;}
.n-live-show-item h5{ width:430px; height:30px; line-height: 30px; overflow: hidden; padding: 0 15px;}
.n-live-show-item h5 a{ line-height:30px; font-size:20px; font-weight:bold; color:#000; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:35px;  }
.n-live-ms{ width:430px; height:20px; line-height:20px; box-sizing:border-box; padding: 0 15px;}
.n-live-ms i{ color:#999; line-height:20px; font-size:12px;   }
.n-live-ms .pingfen em{ display:inline-block; font-size:12px; color:#999;   }
.n-live-ms .pingfen em.on{ color:red;  }
.n-live-ms span{ color:#999; float:right; line-height:20px; font-size:12px; margin-left:10px;   }
.n-live-ms .pingfen{ vertical-align:middle; }

.n-live-kc{ width:460px; height:255px; overflow:hidden;   box-sizing:border-box; float:left;position:relative;  }
.n-live-kc dl{  height:245px;   }
.n-live-kc dd{ height:50px; line-height:50px; box-sizing:border-box; width:100%;position:relative; }

.re_icon{ width: 60px; height: 46px; float: left; text-align: center;}
.re_tex{ width: 396px; height: 50px; float: left;}

.n-live-kc dd a{ display:block;font-size:15px;line-height:50px;  }
.n-live-kc-info{ color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.n-live-kc-info em{ color:#999; display:inline-block; margin:0 12px; }
.n-live-tips-n{ display:inline-block; vertical-align:middle; margin-top:-6px;   width:24px; height:24px; background:url(../images/zbz.gif) no-repeat; }
.n-live-kc dl::-webkit-scrollbar {width:0px;  height:10px;}
.n-live-kc dl::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(0,0,0,0);}
.n-live-kc dl::-webkit-scrollbar-track {border-radius: 0;background:rgba(0,0,0,0);}

.n-live-kc dd.on .re_icon{ border: 2px solid #4397fe}
.n-live-kc dd.on .re_tex{  background: #4397fe; color: #fff;}
.n-live-kc dd.on em{ color: #fff;}

.ad-show-n{ width:1200px; margin:0 auto; }
.ad-show-l{ width:275px; height:100px; float:left;  border: 5px solid #fff;}
.ad-show-l img{ width:275px; height:100px; }
.ad-show-m{ width:580px; float:left; height:100px; margin:0 10px;  border: 5px solid #fff;}
.ad-show-m img{width:580px; height:100px;}
.ad-show-r{ width:295px; height:100px; float:left; border: 5px solid #fff;}
.ad-show-r img{width:295px; height:100px; }

.bq-nav{ width:1200px; margin:0 auto; }
.bq-menu{ float:left; width:170px;}
.bq-menu ul,.bq-menu dl{ display:block; width:170px; height:auto; background:#fff; border:1px solid #d5d5d5; box-sizing:border-box;  }
.bq-menu ul::-webkit-scrollbar {width:0px;  height:10px;}
.bq-menu ul::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(0,0,0,0);}
.bq-menu ul::-webkit-scrollbar-track {border-radius: 0;background:rgba(0,0,0,0);}

.bq-menu ul li{ width:169px;line-height:35px; border-bottom:1px solid #ebebeb; }
.bq-menu ul li:last-child{ border-bottom:0px solid #ddd; }
.bq-menu ul li a{ display:block; color:#000; line-height:35px; padding-left:15px; box-sizing:border-box;   }
.bq-menu ul li span,.bq-menu dl dd span{ width:18px; height:18px; display:inline-block;   background:#1954f0; text-align:center; vertical-align:middle; border-radius:3px; margin-right:5px;   }
.bq-menu ul li span em,.bq-menu dl dd span em{ font-size:12px; line-height:18px; color:#fff; display:block;     }


.bq-menu ul li a{ display:block; color:#000; line-height:35px; padding-left:15px; box-sizing:border-box;  }
.bq-menu ul li.active{ background:#1954f0;  }
.bq-menu ul li.active a{ color:#fff; }
.bq-menu ul li.active span{ background:#fff; }
.bq-menu ul li.active span em{ color:#1954f0;}
.bq-menu ul li:hover{ background:#1954f0;  }
.bq-menu ul li:hover a{ color:#fff; }
.bq-menu ul li:hover span{ background:#fff; }
.bq-menu ul li:hover span em{ color:#1954f0;}
.bq-menu ul li i{ margin-right:8px; }

.bq-cont { margin-left:10px; float:left; width:1020px;   }
.bq-cont::-webkit-scrollbar {width:0px;  height:10px;}
.bq-cont::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(0,0,0,0);}
.bq-cont::-webkit-scrollbar-track {border-radius: 0;background:rgba(0,0,0,0);}

.bq-mjtj{ width:100%; height:auto; background:#fff; border:1px solid #d5d5d5; padding:17px 20px; box-sizing:border-box;}
.bq-mjtj dd{ line-height:30px; border-left:1px solid #efefef; float:left; margin-bottom:5px;     }
.bq-mjtj dd:first-child{ border-left:0px solid #ddd; padding-right:35px;  }
.bq-mjtj dd span{ font-size:16px; color:#1f3be6;    }
.bq-mjtj dd span label{ width:18px; height:18px; display:inline-block; background:#1954f0; text-align:center; vertical-align:middle; border-radius:3px; margin-top:-2px; margin-right:8px; }
.bq-mjtj dd span label em{ font-size:12px; line-height:18px; color:#fff; display:block;  }
.bq-mjtj dd a{ display:block; width:120px; text-align:center;color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    }
.bq-cont .cy-link:last-child{ margin-bottom:0px !important; }
.cy-link{ width:100%; height:auto; background:#fff; border:1px solid #d5d5d5; margin-bottom:20px; box-sizing:border-box;    }
.cy-bt{ line-height:50px; border-bottom:1px solid #d5d5d5; height:50px; font-size:16px;color:#1f3be6; padding:0px 20px;  box-sizing:border-box;     }
.cy-bt label{ width:18px; height:18px; display:inline-block; background:#1954f0; text-align:center; vertical-align:middle; border-radius:3px; margin-right:8px; margin-top:-2px; }
.cy-bt label em{ font-size:12px; line-height:18px; color:#fff; display:block;  }
.cy-bt span{ color:#999; font-size:12px;    }
.cy-bt span a{ color:#1f3be6; }
.cy-setting{ font-size:16px; margin:0 5px; color:#1f3be6; vertical-align:middle;  }

.n-zx{ width:1200px; margin:0 auto ; }
.n-news-l{ float:left; width:885px; height:auto; margin-right:10px;}
.n-down{ width: 305px; height:auto; float:left;  }
.n-news{ width:100%; height:auto; border:1px solid #d5d5d5; background:#fff; box-sizing:border-box; margin-bottom:10px;   }
.n-news-item{ float:left; width:50%; padding:10px 20px; box-sizing:border-box; }
.n-news-item h5{ width:100%; line-height:32px; font-size:18px; color:#333; margin-bottom:10px;  }
.n-news-item h5 a{ font-size:13px; color:#888; float:right; line-height:30px; display:inline-block;  }
.n-news-top{ width:100%; height:85px; padding-left:145px; position:relative; box-sizing:border-box; margin-bottom:11px;   }
.n-news-top img{ width:130px; height:85px; position:absolute; left:0px; top:0px;   }
.n-news-top h6 a{ font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; display:block; margin-bottom:8px; }
.n-news-top p{ font-size:13px; line-height:22px; color:#999; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;height: 44px; }
.n-news-item dd{ width:100%; height:31px; margin:5px 0;   }
.n-news-item dd a{ display:block; padding:0 10px 0 15px; box-sizing:border-box; position:relative; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;   }
.n-news-item dd a:hover{ color: #23b8ff}
.n-news-item dd a i{ position:absolute; left:0px; top:0px; line-height:30px; font-size:12px; color:#999; vertical-align:middle; }

.hot-zt{ width:100%; padding:20px; border:1px solid #d5d5d5; background:#fff; box-sizing:border-box;  }
.hot-zt h5{ width:100%; line-height:30px; font-size:18px; color:#333; margin-bottom:10px;  }
.hot-zt h5 a{ font-size:13px; color:#888; float:right; line-height:30px; display:inline-block;  }
.hot-zt li{ float:left; width:186px; margin-right:30px;  text-align: center; }
.hot-zt li a{ display:block; color: #333; }
.hot-zt li a:hover{ color: #23b8ff}
.hot-zt li a img{ width:100%; height:124px; }
.hot-zt li a p{ text-align:center; display:block; padding:0 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:35px; color:#333;   }
.hot-zt li:last-child{ margin-right:0px; }

.n-down-item{ width:100%; height:auto; border:1px solid #d5d5d5; background:#fff;     }
.n-down-item h5{ width:100%; height:37px; background:url(../images/kuai.jpg) repeat-x; padding-left:20px; box-sizing:border-box; color:#00528f; font-size:13px; font-weight:bold; line-height:37px;    }
.n-down-item h5 label{ width:18px; height:18px; display:inline-block; background:#00528f; text-align:center; vertical-align:middle; border-radius:3px; margin-top:-2px; margin-right:8px; }
.n-down-item h5 label em{ font-size:12px; line-height:18px; color:#fff; display:block;  }
.n-down-item li{ padding-left:20px; box-sizing:border-box; padding-right:10px;  }
.n-down-item li a{ padding-left:30px; display:block; box-sizing:border-box; position:relative; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; line-height:26px;      }
.n-down-item li label{ position:absolute; left:0px; top:3px; line-height:20px;   width:20px; height:20px; background:#05aade; color:#fff; text-align:center; vertical-align:middle;   }
.n-down-item li label.n-icon-red{ background:#ed2702; }
.n-down-item ul{ padding: 10px 0; }
.n-down .n-down-item:first-child{ border-bottom:0px solid #000; }
.down-ad{ width:100%; height:auto; }
.down-ad a{ display:block; }
.down-ad_a{height: 110px;  margin-top:10px;}
.down-ad a img{ width:295px; height:100px; border: 5px solid #fff;}

.n-cjdz{ width:1197px; margin:0 auto 10px; background:#fff;   }
.n-cjdz li{ width:172px; height: 187px; overflow: hidden; float:left; text-align:center; border:1px solid #d4d4d4; box-sizing:border-box; margin-left:-1px; margin-top:-1px;     }
.n-cjdz li a{ display:block; padding:25px 0; color: #333;}
.n-cjdz li a:hover{ color: #23b8ff}
.n-cjdz li a img{ width:60px; height:60px; margin:0 auto;  }
.n-cjdz li a p{ text-align:center; font-size:16px; color:#333; }

.yqlj{ width:1200px; margin:0 auto 20px; }
.yqlj h5{ font-size:18px; color:#333; }

.cy-item-app{ height:400px; }
.cy-item { width:880px; height:auto; padding-left:150px; box-sizing:border-box; float: left; }
.cy-item label{ width:150px; box-sizing:border-box; height:100%; position:absolute; left:0px; top:0px; display:block; text-align:center;  display: table-cell;vertical-align: middle; background:#fbfbfb; font-size:15px; font-weight:bold; color:#666; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;      }
.cy-list .cy-item:last-child label{ border-bottom:0px solid #d5d5d5;  }
.cy-item dl{ width:100%; height:auto; border-bottom:1px solid #d5d5d5; }
.cy-item dd{ width:141px; float:left; line-height:50px; text-align:center; box-sizing:border-box; margin-top:-1px;   border-bottom:1px solid #d5d5d5; }
.cy-item dd a{  color:#333; display:block; border-right:1px dashed #d5d5d5; box-sizing:border-box;   }
.cy-item dd a:hover{ color: #23b8ff}
.cy-item dd:nth-of-type(6n){  width:153px !important; }
.cy-item dd:nth-of-type(6n) a { border-right:0px solid #ddd !important;  }
.no-bt{ border-bottom:0px solid #d5d5d5 !important; }

.cy-item .category-name{ width: 150px; height: auto; float: left;}

.cy-list{ width:100%; height:auto; }
.cy-list li{ float:left; width:14.285714%; text-align:center; border-bottom:1px solid #d5d5d5;  border-right:1px dashed #d3d3d3; box-sizing:border-box; margin-bottom:-1px;    }
.cy-list li:nth-of-type(7n) { border-right:0px solid #ddd; }
.cy-list li a{ color:#333; line-height:50px; display:block; text-align:center;}

.cy-list table{ width:100%; height:auto; border-bottom:1px solid #d5d5d5; }
.cy-list table td{ width:150px;  text-align:center; line-height:50px; box-sizing:border-box;  border-right:1px dashed #d5d5d5;  }
.cy-list table td:nth-of-type(7n){ border-right:0px solid #ddd; }
.cy-list table td a{ color:#333; display:block;   }
.bg-td{ background:#fbfbfb; }
.cy-list table td span{ font-size:15px; color:#666; font-weight:bold; }
.cy-list table:last-child{ border-bottom:0px solid #ddd; }

.n-zixun{ width:1200px; margin:0px auto; padding:15px 0;   }
.n-zx-l{ width:920px; height:230px; overflow:hidden; float:left; margin-bottom: 10px; }
.n-zx-jdt{ width:355px !important;  height:230px !important; float:left; margin:0 0 0 !important;    }
.n-zx-jdt li img{ width:100%; height:230px !important; }
.n-zx-jdt li img a{ display:inline-block; }

.n-zx-cont{ background:#fff;  float:left; width:565px; height:230px; padding:15px 20px; box-sizing:border-box;   }
.n-zx-cont li{ display:block; width:100%; height:auto; margin-bottom:25px;   }
.n-zx-cont li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; color:#333; }
.n-zx-cont li a em{ width:40px; height:25px; background:#074993; text-align:center; color:#fff; line-height:25px; border-radius:6px; font-size:14px; display:inline-block; margin-right:15px;  }
.n-zx-cont li p{ margin-top:15px; width:100%; color:#999; line-height:20px;  height:auto; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis; }
.kdjc{ width:270px; height:auto; padding:10px 5px 0; box-sizing:border-box;   background:#fff; float:left; z-index: 100 }
.kdjc li{ float:left; padding:0 5px; box-sizing:border-box; width:50%; line-height:35px; margin-bottom:9px;     }
.kdjc li a{   display:block;  border:1px solid #959595;  border-radius:5px; height: 40px; overflow: hidden;  line-height:40px; text-align:left; padding-left: 18px; font-size:15px; color:#333;}
.kdjc li a img{ width: 20px; height: 20px; margin-bottom: 3px; margin-right: 3px;}
.kdjc li.on a,.kdjc li a:hover{ ; color:#fff; border-color:#074993; color: #409eff}

/*卖家资讯*/
.zx-detail{ width:1200px; margin:0 auto; }
.zx-detail-l{ width:920px; float:left; background:#fff; margin-bottom:45px;}

.zx-ad{ width:270px;  float:left;  }
.zx-ad ul li{ width: 270px; height: 120px;  margin: 10px 0px;}
.zx-ad a img { width:250px; height:100px; border: 10px solid #fff; border-radius: 10px;}

.zx-tab{ width:100%; height:55px; border-bottom:1px solid #e5e5e5; padding:0px 10px 0; box-sizing:border-box;  }
.zx-tab li{ margin:0 15px; line-height:52px; font-size:18px; color:#888; float:left; border-bottom:2px solid #fff; cursor:pointer;   }
.zx-tab li.on{ border-bottom:2px solid #0d4697; color:#333;  }

.zx-detail-list{ width:100%; height:auto;  }
.zx-item dd{height:140px;padding:15px 15px 15px 200px; position:relative;  box-sizing:border-box;   width:100%; border-bottom:1px solid #f3f3f3; }
.zx-item img { max-width: 830px !important;}
.zx-pic{ width:160px; height:100px; position:absolute; left:20px; top:20px; }
.zx-pic a{ display:block; }
.zx-pic a img{ width:160px; height:100px; }
.zx-item dd h5 a{ line-height:40px; display:block; width:100%; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight: bold;}
.zx-item dd h4{ line-height:20px; color:#999;height:auto; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.zx-item dd p span{ color:#666; font-size:12px;}
.zx-item dd p em{ float:right; color:#999; font-size:12px;}
.ll-more{ width:160px; height:43px; border:1px solid #0d4697; color:#0d4697; font-size:18px; border-radius:5px; line-height:43px; margin:30px auto; display:block; text-align:center;   }
.pad50{ padding: 50px 39px 0 !important;}
.pad50 .tit{ padding-bottom:30px !important;}

/*软件下载*/
.down-nav{ width:1200px; margin:0 auto 10px;  }
.down-nav dd { float:left; margin-right:10px; width:232px; height:80px;  background:#fff;  }
.down-nav dd:last-child{ margin-right:0px !important; }
.down-nav dd a{ display:block; padding-left:90px; padding-top:20px;  width:100%; height:80px; overflow:hidden; position:relative;}
.down-nav dd a img{ position:absolute; display:block;  left: 40px; top:20px; width:40px; height:40px;  }
.down-nav dd h5{ font-weight:bold; color:#000; font-size:18px; line-height:20px;    }
.down-nav dd p{ line-height:20px; font-size:12px; color:#666; }

.down-search{ width:1200px; margin:0 auto;  height:auto; background:#fff; }
.down-search-nav{ width:1200px; margin:20px auto 0; position:relative; padding-left:120px; box-sizing:border-box; padding-bottom:20px; border-bottom:1px solid #ddd; min-height:45px;   }
.down-search-nav p{ position:absolute; left:40px; top:0px; line-height:25px; color:#333;   }
.down-search-nav p a{ color:#333; }
.down-search-nav p i{ color:#000; line-height:25px; font-size:16px; margin-left:10px;    }
.down-search-word{ padding:0 10px; height:25px;   background:#23b8fc; display:inline-block; margin-right:10px;}
.down-search-word em{ display:inline-block; color:#fff; margin-right:10px; line-height:25px; }
.down-search-word a{ display:inline-block; font-size:12px; line-height:25px; color:#fff; }

.down-search-all{ width:1200px; box-sizing:border-box;  padding-top: 15px;    }
.down-search-all span{ position:absolute; height:30px; left:40px; top:5px; line-height:30px;  color:#333; font-weight: bold;}
.down-search-all dl{ width:100%; height:auto; padding-left:120px; box-sizing:border-box;   }
.down-search-all dd{ line-height:30px; float: left; width: auto; height: 30px; padding: 3px 0px; text-align: center; overflow: hidden;}
.down-search-all dd a{ color:#333; display:block; width: auto; padding: 0 15px; height: 30px; overflow: hidden; border: 1px solid #e5e5e5;}
.down-search-all dd.on a, .down-search-all dd:hover a{ color:#23b8fc; border: 1px solid #4397fe; }

.search_list{ width: 100%; height: auto; position: relative; padding-bottom: 15px;}

.download{ width:1200px; margin:0 auto; background:#fff; }
.download-tab{ border-bottom:2px dotted #ddd; padding-top:20px; padding-bottom:20px; }
.download-tab li{ float:left; font-size:15px; color:#333;  padding:0 40px; line-height:20px; border-right:1px solid #ddd; cursor:pointer;     }
.download-tab li a:hover,.download-tab li.on a{ color:#23b8fc;  }
.download-tab li a{ color: #333;}

.download-list{ width:100%; height:auto; padding:30px 40px; box-sizing:border-box; }
.download-hot{ width:100%; padding:10px 0 10px 80px; position:relative; border-radius:5px; border:1px solid #3a66ad; margin-bottom:25px; box-sizing:border-box;   }
.download-hot i{ width:30px; height:86px; position:absolute; left:38px; top:-1px;  background:url(../images/download-hot.gif) no-repeat; }
.download-hot li{ float:left;  float:left; width: 125px; height: 100px; overflow: hidden;}
.download-hot a{ display:block; color:#1B6D9D; text-align:center; font-size:13px;    }
.download-hot a img{ width:48px; height:48px; margin:0 auto; }

.download-item dl{ width:100%; height:auto; }
.download-item dd{ padding:20px 160px 20px 125px; border:1px solid #dadada; border-radius:6px; position:relative; height:100px; margin-bottom:30px; box-sizing:border-box;     }
.down-ico{ position:absolute; left:30px; top:20px; width:60px; height:60px;   }
.download-item dd:hover{ border-color:#114aa4; }
.down-ico img{ width:60px; height:60px; }
.download-item dd h5{ width:100%;}
.download-item dd h5 a{ font-size:20px; color:#114aa4; font-weight:bold; max-width:440px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   display:inline-block; vertical-align:middle;    }
.download-item dd h5 span{ font-size:14px; color:#666; display:inline-block; margin:0 30px; vertical-align:middle; float: right;width:114px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.download-item dd h5 em{ font-size:14px; color:#666; display:inline-block; vertical-align:middle; float: right; }
.download-item dd p{ font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
.download-item .down-btn{ position:absolute; right:35px; top:35px; height:30px; border-radius:5px; text-align:center; line-height:30px; width:75px; color:#fff; background:#114aa4; font-size:13px;    }


/*干货吧*/
.ghb-cont{ width:1200px; margin:0px auto 30px;  }
.ghb-list{ width:885px; box-sizing:border-box;  float:left;  border-radius:4px; margin-right: 15px; min-height: 300px;}
.ghb-list dd{ width:100%; height:auto; padding:0 45px 0 185px; box-sizing:border-box; position:relative; height:170px;  background:#fff; margin-bottom: 15px;}
.ghb-pic{ position:absolute; left:15px; top:15px; width:140px; height:140px;     }
.ghb-pic a{ display:block; }
.ghb-pic a img{ width:140px; height:140px; }
.ghb-text { width:100%; height:110px; padding-top: 25px; overflow: hidden;}
.ghb-text h5 a{ width:100%; font-size:17px; font-weight:bold;  color:#000;  overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;   }
.ghb-text h4,.ghb-text h3{ width:100%; font-size:13px; color:#999; line-height:20px; height: 40px; overflow: hidden;}
.ghb-text p{ width:100%; font-size:14px; color:#999;  }
.ghb-text p span{ color:#f00; font-weight:bold;    }
.ghb-info label{ display:inline-block;  font-size:12px; color:#999;vertical-align:middle;  }
.ghb-info a{vertical-align:middle; display:inline-block; color:#114aa4; font-size:12px; margin:0 40px 0 30px;   }
.ghb-text a:hover{ color: #23b8ff}

.tjzs em{ display:inline-block; font-size:12px; color:#999; margin-right:2px;    }
.tjzs em.on{ color:rgba(220, 28, 4, 1);  }
.tjzs span{ color:#999; float:right; line-height:20px; font-size:12px; margin-left:10px;   }
.tjzs{ vertical-align:middle; }
dry-index-star{position: absolute;bottom: 3px;left: 303px;}
.tjzs strong{ display:inline-block;font-size:12px; font-weight:bold; color:#000; }
.ghb-yg{ width:80px; height:80px; background:url(../images/ghyg.png) no-repeat; margin:0 auto 10px;   }
.ghb-btn{ position:absolute; left: 185px; bottom:15px; width: 665px;}
.ghb-btn a{ padding:0 12px; text-align:center; color:#fff; background:#4397fe; line-height:30px;  height:30px; display:inline-block;      }
.ghb-btn a.ghb-btn-g{ background:#46b824;  }
.n-down-a{ width:300px !important; }
.n-down-a a:hover{ color: #23b8ff}

/*书吧*/
.shuji{ width:1200px; margin:30px auto 20px; }
.shuji-list{ width:895px; float:left; }
.shuji-list dd{ width:210px; height:auto; border:1px solid #ccc; background:#fff; float:left; margin-right:15px; margin-bottom:15px; box-sizing:border-box;  }
.shuji-list dd:hover{ border:1px solid #0c4698; }
.shuji-list dd:nth-of-type(4n) { margin-right:0px; }
.shuji-pic{ width:100%; }
.shuji-pic a{ width:100%; height:210px; }
.shuji-list h5{ width:100%; padding:0 5px; box-sizing:border-box; color:#666; }
.shuji-list h5 span{ color:#f00; font-weight:bold; display:inline-block; margin-right:3px; vertical-align:middle; margin-left: 3px;}
.shuji-list h5 label{ color:#666; font-size:12px;  display:inline-block; vertical-align:middle; }
.shuji-list h5 em{ color:#666; display:inline-block; text-decoration:line-through;  }
.shuji-bt{width:100%; }
.shuji-bt a{ width:100%; padding:0 5px 0 10px; overflow:hidden;  box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:14px; color:#333;    }
.shuji-bs{ width:100%; padding:0 10px; box-sizing:border-box;  }
.shuji-bs em{ font-size:12px; padding:0 5px; text-align:center; font-size:12px; border:1px solid #0c4698; line-height:18px;  display:inline-block; color:#0c4698; }
.shuji-bs i{ font-size:12px; padding:0 5px; text-align:center; font-size:12px; border:1px solid #0c4698; line-height:18px;  display:inline-block; color:#fff; background:#0c4698;    }
.shuji-btn { width:100%; height:30px; border-top:1px solid #ebebeb; margin-top:15px;   }
.shuji-btn a { border-right:1px solid #ebebeb; text-align:center; line-height:30px; font-size:13px; color:#333;display:inline-block; box-sizing:border-box;     }
.shuji-btn a:first-child{ width:63%; }
.shuji-btn a:last-child{ width:35%; border-right:0px solid #fff;  }
.shuji-btn a i{ font-size:18px; line-height:30px; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;  }
.hot-shuji{ float:left; width:290px; margin-left:15px;  }
.hot-bt{ width:100%; height:55px;  background:white; padding:0 20px; box-sizing:border-box; line-height:55px; font-size:18px; color:#333;   }
.hot-shuji dd{ width:100%; padding-bottom:10px; border:1px solid #f0f0f0; border-top:0px solid #000; background:#fff;       }
.hot-shuji .shuji-bt a{ width:100%; padding:0 10px; text-align:center; font-size:15px; line-height:30px;    }
.hot-shuji h5{ width:100%; text-align:center; padding:0 5px; box-sizing:border-box; color:#666; }
.hot-shuji h5 span{ color:#f00; font-weight:bold; display:inline-block; margin-right:8px; vertical-align:middle; }
.hot-shuji h5 label{ color:#666; font-size:12px;  display:inline-block; vertical-align:middle;   }
.hot-shuji h5 em{ color:#666; display:inline-block; text-decoration:line-through;  }

.book_warp{ width: 100%; position: relative;}
.book_banner{ width: 100%; height: 240px; background:url(../images/bookshop.png) repeat-x;}
.exp_position{ position: absolute;  top: 70px;}
.books_desc{ width: 880px; height: 130px; background: #004f94; margin-top: 55px; padding: 20px;}
.books_icon{ width: 130px; height: 130px; float: left }
.books_icon img{  border-radius: 70px;}
.books_d { width: 690px; margin-left: 15px; float: left; color: #fff;}
.books_d h1{ width: 100%; height: 40px; line-height:40px; overflow: hidden; font-size: 20px; font-weight: bold; margin-top: 10px;}




/*项目外包*/
.page-focus{ width:100% !important; height:250px; margin:0 auto !important; float:inherit;   }
.page-focus img{ height:250px !important; }
.flexslider .slides img{}
.page-focus .flex-direction-nav .flex-prev{ left:20%; }
.page-focus .flex-direction-nav .flex-next{ right:20%; }
.waibao{ width:1200px; margin:0px auto ;  }
.hot_service{ height: auto; padding: 35px 0; }
.waibao_head { width: 100%; height: 75px; margin-bottom: 15px;}
.waibao_head h1{ width: 100%; height: 35px; line-height: 35px; font-size: 26px; font-weight: bold; text-align: center;}
.w_head_desc{ text-align: center; margin-top: 5px;}

.hot_service li{ float:left; width:280px; height:337px; margin-right:26px; border:1px solid #dfdfdf; box-sizing:border-box;
	background:#fff; margin-bottom:55px; position: relative; border-radius: 5px;}
.waibao li:nth-of-type(4n){ margin-right:0px !important; }
.waibao li a{ display:block;  }
.waibao .all-pic{ width:100%; height:100%; }
.waibao h5 img{ width:80px; height:80px; margin:30px auto 15px; display:block;  }
.waibao h4{ font-size:30px; color:#1787fb; margin-bottom:25px;  line-height:30px; font-weight:bold;  text-align:center;  }
.hot_service .h_botton{ width: 120px; height: 40px; line-height: 40px; text-align: center;  background: #1594ff; font-size: 14px; position: absolute; bottom: 20px; left: 80px; border-radius: 10px;}
.hot_service .h_botton a{ color: #fff;}
.wb-cont{ width:100%; padding:0 25px; box-sizing:border-box; color: #333;  text-align: center;}
.service_tujian{ width: 100%; height: 500px; padding: 30px 0 50px 0}

.tui_j_1,.tui_j_3{ background: #1594ff; }
.tui_j_1 h1{ color: #fff; margin-top: 35px;}
.tui_j_1 .w_head_desc{ color: #fff;}
.tui_j_1 ul li{ width: 550px; height: 337px;  background: #fff; margin-right: 100px; float: left; margin-top: 10px; border-radius: 5px;}
.tui_j_1 ul li:nth-of-type(2n){ margin-right:0px !important; }
.waibao_icon{ width: 100px; height: 272px; float: left; text-align: center; padding: 40px 25px 25px 25px; overflow: hidden;}
.waibao_tag{ float: left; width:349px; height:272px;padding: 40px 25px 25px 25px; position: relative;}
.waibao_tag dl dd{ width: 45%; height: 35px; line-height: 35px; text-align: left; float: left;}
.waibao_icon h4{ font-size: 18px;font-weight: normal; margin: 5px 0;}
.waibao_tag .wa_btn{ width: 200px; height: 45px; line-height: 45px; text-align: center;background: #1594ff; border-radius: 20px; position: absolute; bottom: 15px; left: 80px;}
.waibao_tag .wa_btn a{ color: #fff; font-size: 18px; font-weight: bold;}
.tag_desc{ text-align: left; text-indent: 25px; line-height: 18px; font-size: 12px;}
.wb-cont span{ padding:5px 15px; margin-right:8px; border: 1px solid #1594ff; margin-bottom:8px; border-radius:20px; line-height:25px; color:#1594ff; font-size:13px;  background:#FFF; display:inline-block;  }

.tui_j_2{ background:url(../images/caishui_bg.png) repeat-x;}
.tui_j_2 .waibao_head{ margin-top: 25px;}
.tui_j_2 .tui_left{ float: left; width: 804px; height: 340px; }
.tui_j_2 .tui_left ul li{ width: 300px; height: 100px; float: left;background: #fff; margin-right: 22px; margin-bottom: 22px; border-radius: 5px; padding: 30px 40px;}
.tui_j_2 .tui_left .tui_h_desc{ color: #333; line-height: 25px; height: 50px; overflow: hidden;}
.tui_j_2 .tui_left .pri_icon{ color: #ff5733; font-size: 16px; font-weight: bold;}
.tui_j_2 .tui_left h1 a{ font-size: 18px; font-weight: bold; color: #333; padding: 10px 0 5px;}
.tui_j_2 .tui_left h1 a:hover{ color:#1594ff }
.tui_j_2 .tui_right{ float: left; width: 336px; height: 280px; background: #1594ff;  padding: 40px 25px 25px 25px; position: relative;}
.tui_j_2 .tui_right h1{ font-size: 20px; font-weight: bold; color: #fff; padding: 10px 0;}
.tui_j_2 .tui_right .tui2_desc{ color: #fff; line-height: 25px;}
.tui_j_2 .tui_right .pri_icon{  line-height: 150px; color: #ffeb3b; font-size: 18px; font-weight: bold;}
.tui_j_2 .tui2_btn{ width: 150px; height: 40px; line-height: 40px; text-align: center; background: #fff; position: absolute; bottom: 15px; left: 26px;}
.tui_j_2 .tui2_btn a{ color: #333;}

.tui_j_3 { color: #fff;}

.about_us{ background: #ebebeb;}
.about_us h5 { width: 100%; height: 140px;}
.about_us h5 img{ width: 278px; height: 140px; margin: 0;}
.about_us h4{ font-size: 18px; margin: 15px 0px; color: #333;}

/*卖家导航*/
.maijia_menu{ width: 1040px; height: auto;}
.maijia_menu .ui-container{ width: 100% !important; height: auto; }
.maijia_menu .ff-box{ border-radius: 10px !important;}
.maijia_menu .ff-title{ color: #333 !important; font-size: 18px !important; background: none !important;}
.maijia_menu .ff-contain li{ width: 148px !important;}
.mj-nav{ width:100%;  box-sizing:border-box; background:#fff; box-shadow:1px 1px 4px #ddd;    }
.mj-nav dl{ width:1200px; margin:0 auto;  }
.mj-nav dd{ float:left; width:170px; cursor:pointer;  height:55px; background:#d0d0d0; text-align:center; margin-right:30px; margin-bottom:20px; border-radius:8px; line-height:55px; font-size:22px; color:#fff; }
.mj-nav dd.on{ background:#0c4698;  }
.mj-nav dd a{ color: #fff;}
.mj-nav dd em{ width:28px; height:28px; background:#fff; border-radius:30px; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px;     }

.mj-cont{ width:1200px; margin:0px auto; padding:20px 0; box-sizing:border-box;  }
.mj-l-menu{ float:left; width:150px; height:auto; }
.mj-l-menu li{ margin-bottom:15px;}
.mj-l-menu li span{ display:block; width:100%; padding-left:35px; box-sizing:border-box; position:relative;  cursor:pointer; color:#0c4698; font-size:18px; margin-bottom:10px;  }
.mj-l-menu li span b{ width:30px; height:30px; background:url(../images/icon-jia.png) no-repeat; position:absolute; left:0px; top:2px;  }
.mj-l-menu li.on span b{ background:url(../images/icon-jian.png) no-repeat;  }
.mj-l-menu li dl{ width:100%; padding-left:35px; box-sizing:border-box; display:none;   }
.mj-l-menu li.on dl{ display:block; }
.mj-l-menu li dd a{ font-size:16px; color:#333; line-height:30px;  }
.mj-l-menu li dd a:hover{ color:#0c4698; }

.mj-r-cont{ width:1030px; float:left; margin-left:20px;   }

.dh-mjtj{ width:100%; height:auto; background:#fff; box-sizing:border-box; border-radius:10px; }
.dh-mjtj h5{ font-size:18px; color:#333; line-height:50px; border-bottom:1px solid #f5f5f7;  padding:0 35px; width:100%; box-sizing:border-box; }
.dh-mjtj dd{ line-height:30px; border-right:1px solid #efefef; float:left; margin-bottom:20px; margin-top:20px; }
.dh-mjtj dd:last-child{ border-right:0px solid #ddd;  }
.dh-mjtj dd a{ display:block; width:120px; text-align:center;color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
.dh-mjtj dd a:hover{ color: #23b8ff}



.dh-cy-link{ border:0px solid #ddd !important; border-radius:10px; }
.dh-cy-link .cy-bt{ border-bottom:1px solid #f5f5f7;  font-size:18px;color:#333; padding:0 35px;   }
.dh-cy-link .cy-bt span{ color:#666; font-size:13px;    }
.dh-cy-link .cy-list li{ border-bottom-color:#eee; border-right-color:#eee; }

.dh-cy-link .cy-item dd{ border-bottom-color:#eee; border-top-color:#eee; width:145px;    }
.dh-cy-link .cy-item dd a{ border-right-color:#eee; }
.dh-cy-link .cy-item label{ border-right-color:#eee; border-bottom-color:#eee; }

.dh-cy-link .cy-list .cy-item:last-child label{ border-radius:0 0 0 10px;  }

.box-shop .cy-item dd{ line-height:inherit; width:176px !important;   height:110px;border-right:1px dashed #eee;  }
/*.box-shop .cy-item label{ height:220px !important; line-height:220px !important;  }*/
.box-shop .cy-item dd h6{ color:#333; text-align:center; width:100%; font-size:13px; padding:0 5px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:12px;    }
.box-shop .cy-item dd h5{ color:#333; font-size:14px;  text-align:center; width:100%; line-height:110px;    }
.box-shop .cy-item dd p{ color:#999; line-height:20px; width:100%; font-size:12px; padding:0 15px; box-sizing:border-box;  display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis; }
.box-shop .cy-item dd a{ border-right:0px solid #ddd;  }
.box-shop .cy-item{ min-height:220px; }
.box-shop .cy-item dd:nth-of-type(6){ border-bottom:0px solid #ddd !important; }
.box-shop .cy-item dd:nth-of-type(7){ border-bottom:0px solid #ddd !important; }
.box-shop .cy-item dd:nth-of-type(8){ border-bottom:0px solid #ddd !important; }
.box-shop .cy-item dd:nth-of-type(9){ border-bottom:0px solid #ddd !important; }
.box-shop .cy-item dd:nth-of-type(10){ border-bottom:0px solid #ddd !important; }


/*圈子*/
.quanzi{ width:1200px; margin:0 auto; }
.quanzi dd{ padding:10px; box-sizing:border-box; float:left; width:390px; height:auto; margin-right:15px; background:#fff; border:1px solid #efefef; margin-bottom:20px;    }
.quanzi dd:hover{ box-shadow:1px 1px 15px #ccc; }
.quanzi dd:nth-of-type(3n) { margin-right:0px; }
.quanzi-pic{ width:100%; height:205px;  }
.quanzi-pic a,.quanzi-pic img{ width:100%; height:205px;  }
.quanzi h5{ width:100%; font-size:18px; color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0 5px; }
.quanzi h5 a{color:#000; }
.quanzi h5 span{ display:inline-block; padding:0 7px; background:#ff0000; color:#fff;  border-radius:20px; line-height:22px; font-size:13px; vertical-align:middle; margin:-2px 8px 0 0;    }
.quanzi p{ margin-bottom:5px; }
.quanzi p span{ color:#999; margin-right:10px; }
.quanzi-btn{ height:45px; width:100%; margin-bottom:5px;  }
.quanzi-btn a{ width:262px; float:left;  height:45px; background:#f00; font-size:20px; color:#fff; border-radius:5px; text-align:center; line-height:45px;      }
.quanzi-btn a.quanzi-btn-free{ width:105px !important; }
.quanzi-btn a:last-child{ float:right;  }

.circle-list-category{ width: 1200px; height: 80px; background: #fff; overflow: hidden}
.circle-list-category ul li{ width: 200px; height: 60px; text-align: center; padding:10px; float: left; overflow: hidden;}
.circle-list-category ul li a{ color: #333;}
.circle-list-category ul li a:hover{ color: #1594ff}
.circle-list-category ul li.shuge{ width: 3px; height: 30px; border-right: 2px solid #ebebeb; margin-top: 15px;}

.zs-nav{ width:1200px; margin:0px auto; font-size:15px; color:#333; padding:25px 0;     }
.zs-nav a{ font-size:15px; color:#333; display:inline-block;   }
.zs-nav span{ font-size:14px;  display:inline-block; margin:0 15px; }

.quanzi-xx{ width:1200px; height:auto; background:#fff; margin:0 auto; padding:30px 0px; box-sizing:border-box;  }
.quanzi-show{ width: 1200px; height: 300px; padding:20px; box-sizing:border-box; background: #fff;}
.quanzi-show-img{ width:460px; height:260px; float:left; }
.quanzi-show-img img{ width:460px; height:260px; }
.quanzi-show-info{ float:left; width:660px; margin-left:25px; height: 260px; position: relative;}
.quanzi-show-title{ width:100%; font-size:18px; font-weight: bold; line-height: 30px; height: 30px; color:#333; overflow:hidden;   text-overflow:ellipsis; white-space:nowrap;    }
.quanzi-show-title em{ background:#ef341e; border-radius:4px; padding:0 10px; box-sizing:border-box; display:inline-block; vertical-align:middle; margin-right:10px; line-height:20px; color:#fff; font-size:12px; margin-top:-3px;  }
.quanzi-show-xx{ margin:10px 0 15px; }
.quanzi-show-xx div{ font-size:15px; color:#333; vertical-align:middle;  }
.quanzi-show-xx label i{ margin-left:30px; margin-right:15px; font-size:18px; display:inline-block; color:#ff9830;   }
.quanzi-show-xx span{ vertical-align:middle; display:inline-block; color:#888; font-size:13px; margin-right:15px;     }
.quanzi-show-xx span em{ display:inline-block; color:#888; font-size:16px; vertical-align:middle; margin-top:-2px;     }

.quanzi-show-cont{ box-sizing:border-box;  }
.quanzi-show-cont dd{ min-height:30px; padding-left:70px; position:relative; box-sizing:border-box; }
.quanzi-show-cont dd label{ width:70px; position:absolute; color:#333; font-size:14px;  left:0px; top:0px; line-height:35px;   }
.quanzi-show-cont dd label i{ font-size:18px; color: #666; vertical-align:middle; margin-top:-3px; line-height:35px; margin-right:5px; display:inline-block; }
.quanzi-info-txt { width:100%; height:35px; overflow: hidden  }
.quanzi_activity_time { height: auto !important;}
.quanzi-info-txt p{ line-height:35px; color:#333; font-size:14px;  }
.quanzi-info-txt span{ padding:0 15px 0 10px ; height:30px; margin-right:10px; border:1px solid #e1e1e1; line-height:30px; position:relative; display:inline-block; cursor:pointer;        }
.quanzi-info-txt span.on, .quanzi-info-txt span:hover{ border-color: #ff0000; }
.quanzi-info-txt span.on b, .quanzi-info-txt span:hover b{ opacity:1;  }
.quanzi-info-txt span em{ line-height:35px; font-size:15px; color:#ff0000; display:inline-block; margin-right:10px;  }
.quanzi-info-txt span i{ color:#333; line-height:35px; font-size:12px; }
.quanzi-info-txt span b{ position:absolute; right:-3px; bottom:-10px; font-size:22px; color:#ff0000; opacity:0;   }
.quanzi-info-txt h5 a{ float:left; width:30px; box-sizing:border-box;  height:25px; border:1px solid #eee; text-align:center; color:#333; font-size:20px; line-height:23px;  }
.quanzi-info-txt h5 input{ float:left; width:45px; height:25px; text-align:center; padding:0 5px; box-sizing:border-box; font-size:14px; color:#000; border-top:1px solid #eee; border-bottom:1px solid #eee;    }
.quanzi-info-txt h5{ padding-top:6px; }
.quanzi-show-btn{ position: absolute; bottom: 0; left: 0;}
.quanzi-show-btn a{ width:210px; height:50px; background:#ff0000; border-radius:20px; display:inline-block; margin-right:15px;   text-align:center; line-height:50px; font-size:20px; color:#fff;    }
.quanzi-show-btn a.quanzi-btn-sc{ background:#fff; box-sizing:border-box;  border:1px solid #ff0000; width:115px; color:#ff0000; font-size:16px;   }
.quanzi-show-btn a.quanzi-btn-sc em{ font-size:20px; color:#ff0000; vertical-align:middle; margin:-3px 5px 0 0; display:inline-block;  }
.quanzi-detail{ border-top:1px dashed #eee; width:100%; margin:50px 0 0; padding:20px 40px; box-sizing:border-box; font-size:14px; line-height:30px;    }


/*个人中心*/
.my-head{ width:100%; height:150px; background:#fff;     }
.my-main{ width:1200px; margin:0 auto;  }
.my-xx{ float:left; width:700px; height:150px; padding:30px 0 0 130px; box-sizing:border-box; position:relative;     }
.my-xx img{ width:85px; height:85px; border-radius:85px; position:absolute; left:30px; top:30px;    }
.my-xx h5{ width:100%;  height:35px; margin-top:15px;    }
.my-xx h5 i{ display:inline-block; height:15px; background:#b6b6b6; color:#fff; padding:0 5px; box-sizing:border-box; border-radius:6px 0px 6px 0px; line-height:15px;  }
.my-xx h4{ width:100%; }
.my-xx h4 span{ color:#333; line-height:25px; display:inline-block;   }
.my-xx h4 em{ color:#999;line-height:25px; display:inline-block; margin:0 20px;     }
.my-xx h4 a { display:inline-block; padding:0 10px; height:25px; text-align:center; color:#fff; background:#1787fb; border-radius:5px;  }
.my-xx-notice{ float:right;  width:480px; height:85px; padding-top:30px; }
.my-xx-notice li{ float:left; width:120px; height:85px; padding-top:20px; box-sizing:border-box;   }
.my-xx-notice li a{ display:block; }
.my-xx-notice li em{ display:block; text-align:center; font-size:20px; color:#0086ff; }
.my-xx-notice li p{ color:#333; font-size:15px; text-align:center; margin-top:10px;  }

.per-ward{ width:1200px; margin:0 auto; padding-top:18px;   }
.per-menu{ width:230px; float:left; margin-right:15px; background:#fff; border-radius:8px;   }
.per-menu dl{ width:100%; height:auto;  }
.per-menu dd{ width:100%; border-bottom:1px solid #eee; padding:20px 30px; box-sizing:border-box;   }
.per-menu dd.on h5{ color:#1787fb; }
.per-menu dd.on h5 em{ background:#1787fb; }
.per-menu dd h5{ width:100%; margin-bottom:20px;  font-size:18px; color:#333; line-height:25px;  }
.per-menu dd h5 em{ width:10px; height:10px; border-radius:10px; background:#eee; display:inline-block; vertical-align:middle; margin:-3px 10px 0 0; line-height:25px;     }
.per-menu dd ul{ width:100%; height:auto; }
.per-menu dd ul li{ padding-left:35px; box-sizing:border-box; width:100%;  }
.per-menu dd ul li a{ display:block; width:100%; line-height:30px; color:#333;   }
.per-menu dd ul li a i{ font-size:18px; color:#333; display:inline-block; vertical-align:middle; margin:-3px 10px 0 0 ; line-height:30px; }
.per-menu dd ul li.on a, .per-menu dd ul li:hover a{ color:#1787fb; }
.per-menu dd ul li.on a i, .per-menu dd ul li:hover a i{ color:#1787fb; }
.per-img{ width:100%; padding:40px 0; }
.per-img img{ width: 120px; height:120px; margin:0 auto; display:block;   }

.per-area{ width:955px; float:left;   }
.area-box{ width:100%; height:auto; background:#fff; border-radius:8px; margin-bottom:20px; }
.area-box-title{ width:100%; height:65px; padding:0 35px; border-bottom:1px solid #eee; box-sizing:border-box;  }
.area-box-title span{ color:#333; line-height:65px;font-size:18px; }
.area-box-title a{ float:right; line-height:65px; color:#666; font-size:16px;  }
.area-no{ width:100%; height:auto; padding:30px 0;  }
.area-no img{ width:470px; height:188px; margin:0 auto; display:block;   }
.area-no p{ font-size:15px; color:#999; margin-top:15px;  text-align:center; }
.area-no p a{ color:#1586fc; }

.per-tj-ren{ width:100%; padding:15px; box-sizing:border-box; border-top:1px solid #f9f9f9; position:relative;  }
.per-tj-ren span{ width:160px; display:block;  height:35px; padding-left:45px; box-sizing:border-box; position:relative;   }
.per-tj-ren span img{ width:35px; height:35px; border-radius:35px; position:absolute; left:0px; top:0px;  }
.per-tj-ren span p{ line-height:35px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.per-tj-ren label{ position:absolute; right:15px; top:15px;  color:#999; font-size:15px; line-height:35px; }


.per-tj{ width:1200px; margin:0 auto;  }
.per-tj-title{ width:100%; height:50px; position:relative; padding:0 30px; box-sizing:border-box;}
.per-tj-title span{ font-size:18px; color:#333; line-height:50px;  }
.per-tj-title a{ font-size:18px; color:#666; display:inline-block; float:right;line-height:50px;  }

.per-tj-list{ width:100%; height:auto;   }
.per-tj-list dd{ float:left; width:285px; margin-right:20px; margin-bottom:20px;  border-radius:8px; background:#fff;      }
.per-tj-list dd:nth-of-type(4n){ margin-right:0px;  }
.per-tj-pic{ width:100%; height:210px;  }
.per-tj-pic a{ display:block; }
.per-tj-pic a img{ width:100%; height:210px;border-radius:8px 8px 0 0;       }
.per-tj-list h5{ width:100%; padding:0 15px; box-sizing:border-box; }
.per-tj-list h5 a{ line-height:40px; font-size:16px; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
.per-tj-btn{ width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;   }
.per-tj-btn span{ display:inline-block; padding:0 10px; height:25px; line-height:25px; font-size:14px; color:#fff; background: #2ed35d; border-radius:5px; margin-right:5px;  }
.cl-y{ background:#ffa800 !important; }
.cl-b{ background:#0098f8 !important;  }
.cl-r{ background:#f00 !important; }
.per-tj-btn label{ float:right; }
.per-tj-btn label i{ color:#999; font-size:13px; margin-left:10px;  }


/*个人中心-我的消息*/
.area-tab{  width:100%; height:30px;  padding:0 30px; margin:20px 0 10px;  box-sizing:border-box; }
.area-tab li{ font-size:15px; line-height:30px; color:#666; background:#fff;  float:left; margin-right:10px; cursor:pointer; padding:0 15px; border-radius:30px; display:inline-block;     }
.area-tab li.on{ background:#1887fb; color:#fff;  }
.xt-news{ width:100%; height:auto;}
.xt-news dd{ padding:20px 50px; border-bottom:1px solid #eee; box-sizing:border-box; width:100%; height:auto;  }
.xt-tx{ width:50px; height:50px; float:left; margin-right:20px;}
.news-show{ width:700px; height:auto; float:left; }
.news-show h5{ font-size:15px; color:#333; }
.news-detail{ font-size:14px; color:#999; }
.news-show h3{ font-size:13px; color:#666; }
.page-jl{ padding:30px 120px; color:#666;  }

.area-box-title a.area-box-title-btn{ background:#1586fc; color:#fff; line-height:25px; border-radius:30px; font-size:15px; padding:0 15px; margin-top:21px;  }


/*个人中心-观看历史*/
.view-list{ width:100%; height:auto; padding:0 35px 30px; box-sizing:border-box;  }
.view-list dd{ float:left; width:210px; height:210px; background:#fff; margin:0 15px 25px 0; }
.view-list dd:nth-of-type(4n){  margin-right:0px;  }
.view-list dd:hover{ box-shadow:1px 1px 5px #ccc; padding:5px; box-sizing:border-box;   }
.view-pic{ width:100%; height:150px;  }
.view-list dd:hover .view-pic{ height:110px; }
.view-list dd:hover .view-pic a,.view-list dd:hover .view-pic img{ height:110px; }
.view-list dd:hover .view-list-btn{ display:block; }
.view-pic a,.view-pic img{ width:100%; height:150px;  }
.view-list h5{ margin-top:15px;  }
.view-list h5 a{ width:100%; font-size:16px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px; box-sizing:border-box; display:block;   }
.view-list-btn{ height:30px; width:100%; display:none; margin-top:10px;   }
.view-list-btn a{ width:95px; float:right;  height:30px; background:#fff; font-size:14px; color:#1586fc; border-radius:5px; text-align:center; line-height:30px; box-sizing:border-box; border:1px solid #1586fc;}
.view-list-btn a.view-btn-enter{ float:left; background:#1586fc; color:#fff;  }

/*个人设置*/
.base-info{ width:100%; padding:60px 100px 60px 240px; box-sizing:border-box; min-height:542px;    }
.base-info dd{ width:100%; padding-left:95px; position:relative; min-height:40px; margin-bottom:20px; box-sizing:border-box;     }
.base-info dd label{ position:absolute; left:0px; top:0px; color:#000; font-size:15px;   height:40px; width:95px;   line-height:40px;   }
.base-info-cont{ width:100%; height:auto; }
.base-name-ipt{ width:180px; padding:0 10px; box-sizing:border-box; color:#000; display:inline-block;   height:40px; border:1px solid #cad1e1;  }
.base-info-cont em{ margin-left:15px;  display:inline-block; line-height:40px; font-size:12px; color:#999; }
.base-info-cont span{ color:#333; line-height:40px; margin-right:10px;  }
.base-info-cont span input{ display:inline-block; vertical-align:middle; margin:-2px 4px 0 0;  }
.base-info-cont i{ line-height:40px; color:#333; display:inline-block; width:210px;   }
.base-info-cont a{ line-height:40px; color:#0099ff; font-size:14px;  }
.base-info-cont select{ height:40px; box-sizing:border-box; border:1px solid #cad1e1; box-sizing:border-box;  }
.base-btn a{ display:block; width:125px; height:40px; background:#0099ff; color:#fff; line-height:40px; font-size:14px; line-height:40px; border-radius:8px; text-align:center;  margin-left:130px;   }

.base-info-tx{ padding-left:40px !important; }
.base-pic-max{ float:left; width: 245px; height:auto; margin-right:20px;  }
.base-pic-box{ width:245px; height:245px; background:#eaeaea; position:relative;  }
.base-pic-box span{ width:130px; height:50px; background:#5f5f5f; text-align:center; position:absolute; left:57.5px; top:97.5px; color:#fff; font-size:18px; line-height:50px; cursor:pointer;      }
.base-pic-box span em{ display:inline-block; color:#fff; font-size:18px; vertical-align:middle; margin:-2px 5px 0 0; font-weight:bold;cursor:pointer;      }
.base-pic-box span input{ cursor:pointer;  opacity:0; width:130px; height:50px; position:absolute; left:0px; top:0px; }
.base-pic-max p{ font-size:12px; line-height:30px; color:#999;  }

.base-pic-min{ float:left; width:170px; height:auto;  }
.base-pic-c p{ font-size:12px; color:#999; line-height:25px;     }


.n-address{ width:100%; height:auto; padding-left:40px !important; padding-right:40px !important;   }
.n-address li{ width:265px; height:150px; border:1px solid #d9dce1; box-sizing:border-box; float:left; margin:0 35px 20px 0; position:relative; padding:0 15px; }
.n-address li:nth-of-type(3n){ margin-right: 0px !important; }
.n-address-add-item a{ display:block; padding-top:30px; box-sizing:border-box; text-align:center;   }
.n-address-add-item i{ font-size:50px; color:#d9dce1; display:block; margin-bottom:20px; line-height:50px;  }
.n-address-add-item em{ color:#888; display:block;  }

.n-address li p{ width:100%; height:auto; line-height:25px; color:#888;font-size:13px;display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;  }
.n-address-icon-mr{ width:50px; height:45px; background:url(../images/icon-mr.png) no-repeat; position:absolute; right:0px; top:0px; display:block;  }
.n-address-btn{ width:100%; height:30px; margin-top:10px;  }
.n-address-btn a{ display:inline-block; padding:0 10px; border:1px solid #d9dce1; color:#666; line-height:25px; height:25px; font-size:13px; margin-right:10px; border-radius:5px;  }

.base-sjyz-tips{ margin-bottom:30px; font-size:15px;   }
.base-sjyz-form label{ text-align:right; padding-right:5px; box-sizing:border-box; }
.base-sjyz-form .base-name-ipt{ border-radius:3px; width:150px;  }
.base-sjyz-form .base-name-ipt:hover{ border-color:#0099ff; }
.hqyzm{ width:100px; height:40px; background:#1888f8; color:#fff !important; text-align:center; display:inline-block; line-height:40px; border-radius:5px; margin-left:5px;     }
.hqyzm-h { background:#ccc; color:#333 !important;  }
.base-bind{ width:100%; height:70px;   }
.base-bind li{ padding-left:70px; height:70px;border:1px solid #e6e6e6; box-sizing:border-box;  box-sizing:border-box; width:100%; position:relative; margin-bottom:20px;  }
.base-bind li img{ width:50px; height:50px; position:absolute; left:5px; top:10px; }
.base-bind li h5{ line-height:25px; padding-top:10px;   }
.base-bind li p{ line-height:25px; color:#333;   }
.base-bind li a{ position:absolute; right:20px; top:15px; width:90px; height:40px; color:#fff; background:#0099ff; line-height:40px; text-align:center;  }

.view-list-zb dd{ height:230px;}
.view-list.view-list-zb dd:hover .view-pic{ height:150px; }
.view-list.view-list-zb dd:hover .view-pic a,.view-list.view-list-zb dd:hover .view-pic img{ height:150px; }

.view-list-tips span{ display:inline-block; padding:0 15px; height:20px; line-height:20px; font-size:12px; color:#fff; background: #2ed35d; border-radius:10px; margin-right:5px;  }
.view-list-kc dd{ height:220px;}
.view-list.view-list-kc dd:hover .view-pic{ height:150px; }
.view-list.view-list-kc dd:hover .view-pic a,.view-list.view-list-kc dd:hover .view-pic img{ height:150px; }

/*购买订单*/
.buy-list{ width:100%; padding:0 30px; box-sizing:border-box;  }
.buy-list dd{ width:100%; height:175px; border:1px solid #eaeaea; box-sizing:border-box; margin-bottom:25px; }
.buy-number{ width:100%; height:35px; background:#f5f5f5; padding:0 20px; box-sizing:border-box;  }
.buy-number span{ line-height:35px; color:#333; font-size:15px; display:inline-block; margin-right:10px;   }
.buy-number em{ line-height:35px; color:#999; font-size:15px; display:inline-block;}
.buy-cont{ width:100%; height:140px;  }
.buy-img{ float:left; width:160px; height:95px; margin-left:20px; margin-top:20px; }
.buy-img a ,.buy-img img{ width:160px; height:95px; }
.buy-info{ float:left; width:290px; margin-left:20px; margin-top:20px; padding-top:10px; padding-right:10px; box-sizing:border-box;    }
.buy-info h5 a{ display:block; font-size:18px; color: #0099ff; line-height:25px; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;   }
.buy-price{ float:left; width:200px; height:138px;   border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding-top:30px; box-sizing:border-box;   }
.buy-price h4{ width:100%; text-align:center; font-size:15px; color:#f00; line-height:30px;  }
.buy-price p{ width:100%; text-align:center; font-size:15px; color:#999; line-height:30px;  }
.buy-btn{ float:left; width:203px; padding:30px 10px 0; box-sizing:border-box;   }
.buy-btn p{width:100%; text-align:center; font-size:15px; color:#999; line-height:30px;  }
.buy-pay{ width:90px; height:30px; border:1px solid #1688fa; border-radius:30px; display:block; margin:0 auto; text-align:center; color:#1688fa; line-height:30px;    }
.buy-pay:hover{ background:#1688fa; color:#fff;  }
.buy-enter{ width:90px; height:30px; border-radius:30px; display:block; margin:0 auto; text-align:center; color:#fff; line-height:30px; background:#1688fb;      }
.buy-enter:hover{  background:#0f68c6;      }
.buy-cz{ width:100%; text-align:center; margin-top:8px;  }
.buy-cz a{ color:#999; line-height:25px;}
.buy-cz a:hover{ color:#1688fa;}

.news_left{ width: 920px; float:left;}
.news_left a:hover{ color: #23b8ff}
.news_info{ width: 830px; height: auto; background: #fff; padding: 10px 45px;}
.news_info .info_tit{  width: 100%; height: 30px; padding-bottom: 5px;}
.news_info h1{ height: 100px; line-height: 100px; font-size: 20px; text-align: center; font-weight: bold; overflow: hidden;}
.comparight{ width: 25%; line-height: 30px; float: left; font-size: 12px; color: #333}
.n_info{ min-height: 300px;  padding: 20px 0;border-top: 1px #ebebeb dashed; overflow: hidden; line-height: 30px; font-size: 16px;}
.news_ad{ padding: 20px 0; border-top: 1px #ebebeb dashed; overflow: hidden;}
.news_ad img{ width: 790px; height: 100px;}
.prvnext{ padding: 20px 0px; border-top: 1px #ebebeb dashed; font-size: 12px;}
.prvnext a{ color: rgba(0, 79, 148, 1); font-size: 12px;}
.posotion{ width: 1160px; padding: 0 20px; height: 55px; line-height: 55px; background: #fff; margin-bottom: 10px;}
.posotion a{ color: #333;}
.posotion a:hover{ color: #23b8ff;}
.position_r{ float: right;}
.n_info img { max-width: 830px !important;}
.news_right{ width: 270px; height: auto; float: right;}

.goumai_info{ width: 870px !important; padding: 10px 25px !important;}

.info_head{ height: 320px; padding: 10px 0 5px; border-bottom: 1px #ebebeb dashed; position: relative;}
.info_head_l{ width: 260px; height: 260px;  float: left;}
.info_head_r{ float: left; margin-left: 20px; width: 505px;}
.info_head_r h1{ height: 55px; line-height: 55px; text-align: left;  overflow: hidden;}
.info_head_r .info_tex{ width: 245px; float: left; font-size: 12px; height: 35px; line-height: 35px;}
.info_head_r .button{width: 280px;height: 45px; font-size: 17px;text-align: center; font-weight: bold; line-height: 45px; position: absolute; bottom: 60px;}
.info_head_r .button a{ width: 280px; height: 45px; display: block; color: #fff;}
.info_head_r .button .free_download{ width:260px;pxborder-radius: 20px; border-radius: 20px;}
.info_head_r .button .price_download{ width: 130px; box-shadow: 0px 0px 4px #1594ff; border-radius: 20px; float: left; font-size: 16px;}
.info_head_r .button .price_download a{ width: 130px ; height: 45px; display: block;}
.info_head_r .button .font_info1{ background-color: rgba(21, 148, 255, 1); }
.info_head_r .button .font_info2{  background: #fff; margin-left: 10px; }
.info_head_r .button  .font_info2 a{ color: #23b8ff; }
.info_head_r .button .font_info1 a{ color: #fff; }
.price_info{ width: 515px; height: 35px; line-height: 35px; background: rgba(237, 237, 237, 1); padding:0px 20px; font-size: 18px;
	font-weight: bold; color:#ff5733; }
.info_star{position: relative;bottom: 1px;}

.wenku { height: 110px;}
.wenku .info_head_l{ width: 100px; height: 100px;}
.wenku .info_head_r { width: 705px}
.wenku .info_head_r .info_tex{ width: 175px; height: 30px; line-height: 30px;}
.wenku .info_head_r h1{ height: 40px;line-height: 40px;}


.kefu{ padding: 25px 30px; background: #fff; }
.kefu_img{ width: 110px; height: 110px; border-radius: 60px; box-shadow: 0 0 2px #333; margin-left: 60px; overflow: hidden;}
.kefu_name{ width: 100%; height: 45px; line-height: 45px; position: relative;}
.kefu_line{ width: 100%; height: 2px; background: rgba(0, 79, 148, 1); margin-top: 30px;}
.kefu_name_info{ width: 80%; text-align: center; height: 45px; line-height: 45px; color: rgba(0, 79, 148, 1); font-size: 18px;
	font-weight: 700; background: #fff; position: absolute; top: -20px; left: 25px; }
.kefu_contant{ width: 100%; height: 35px; line-height: 35px; color: rgba(0, 79, 148, 1); text-align: center; margin-top: -20px;}
.kefu_tel{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: rgba(245, 245, 245, 1); margin-bottom: 15px;}
.kefu_button{ width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: rgba(0, 79, 148, 1); border-radius: 50px;}
.kefu_button a{ color: #fff; font-size: 16px; font-weight: bold; width: 100%; height: 50px; display: block;}
.kefu_button a img{ width: 35px !important; height: 35px; border: none;}

/*素材*/
.material_list{ width: 1200px; margin: 0 auto;}
.material_list ul li{
	width: 198px;
	height: 320px;
	/* box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);  */
	margin-left: 15px;
	float: left;
	margin-bottom: 15px;
	position: relative;
	padding: 15px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	background: #f8f9f9;
	border-radius: 8px;
}
.material_list ul li img{ width: 198px; height: 320px;}
.material_list .zhegai{ width: 228px; height: 350px; position: absolute; top: 0px; left: 0px;}
.material_list .zhegai h1{ font-size: 14px; color: #fff; padding: 30px 20px; font-weight: bold;}
.material_list .zhegai .download_btn{
	width: 100%;
	height: 75px;
	/* line-height: 40px; */
	/* background: #1594ff; */
	position: absolute;
	bottom: 0;
	/* margin-left: 39px; */
	/* border-radius: 20px; */
	text-align: center;
	opacity: 0;
	transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
	border-radius: 8px;
}
.material_info_a{
	width: 100%;
	height: 100%;
	transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	border-radius: 8px;
}
.material_info_a:hover{
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.material_info_a h1{
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	opacity: 0;
	transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
	border-radius: 8px;
}
/* .material_info_a .download_btn{
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
} */
.material_info_a:hover h1{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, transparent 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, transparent 100%);
}
.material_info_a:hover .download_btn {
	/* transform: translateY(0);
	-webkit-transform: translateY(0); */
	opacity: 1;
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
}
.material_list .zhegai .download_btn a{
	color: #fff;
	font-size: 14px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	display: block;
	/* position: absolute; */
	margin: 0 auto;
	background: #1594ff;
	border-radius: 20px;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
}
.material_info_a:hover .download_btn a{
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
}
.material_r{ width: 265px; height: auto;  float: left;}
.material_button{ width: 190px; height: 50px; line-height: 50px; border-radius: 20px; text-align: center; background: #1594ff; float: left;}
.material_button a{ color: #fff; font-size: 18px; font-weight: bold; width: 190px; height: 50px; display: block;}
.material_button_s{ width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 25px; box-shadow: 0 0 2px #333; float: right; background: #fff;}
.material_button_s a{ color: #333;}
.material_button_s:hover{ background: #ff8d1a}
.material_button_s:hover a{ color: #fff;}

.material_m{ padding: 10px 0; margin-top: 15px; border-bottom: 1px #ebebeb dashed;border-top: 1px #ebebeb dashed; float: left;}
.material_m ul li{width: 100%; height: 25px; line-height: 25px; font-size: 12px; margin: 0px; overflow: hidden;}
.material_m span{ width: auto; padding: 5px; margin-left: 5px; background: #ebebeb;}
/*素材*/
.to-dowbload { display: inline-block;  width: 199px; height: 45px; color: rgba(255, 255, 255, 1); background-color: rgba(24, 144, 255, 1); font-size: 17px; text-align: center; line-height: 45px; }
.font_view{ height: 420px; padding: 30px 25px; font-size: 50px; background: #ecf1f6; line-height: 55px; overflow: hidden;}
.font_view p{padding-bottom: 10px}



.font_info{ border-bottom: 1px #ebebeb dashed; padding-bottom: 20px;}
.font_view{ height: 250px; padding: 30px 25px; font-size: 35px; background: #ecf1f6; line-height: 55px; overflow: hidden;}
.font_example{ height: 300px; border: 1px #ebebeb solid; margin: 10px 0px; padding: 30px 25px;}
.font_input{ float: left; width: 318px; height: 50px;}
.font_input input{ width: 278px; height: 50px; line-height: 50px; border: 1px #ebebeb solid; padding:0px 20px; border-radius: 5px; }
.font_btn{ width: 190px; height: 50px; line-height: 50px; text-align: center; border-radius: 10px; box-shadow: 0 0 2px #1594ff; float: left; margin-left: 15px;}
.font_btn a{ font-size: 16px; color: #1594ff; font-weight: bold;}
.font_yang{ height: 250px; line-height: 250px; text-align: center; font-size: 30px;}
.font_size{ width: 100px; height: 50px; line-height: 50px;float: left; margin-left: 10px; }
.font_size input{ width: 80px; height: 50px; line-height: 50px; padding: 0 10px; float: left; border: 1px #ebebeb solid;  border-radius: 5px}

.jobs_tujian{ width: 100%; height: 110px; margin: 45px 0;}
.jobs_tujian ul { width: 1200px; margin: 0 auto;}
.jobs_tujian ul li{ width: 25%; text-align: center; float: left;}
.jobs_t_h1{ font-size: 16px; font-weight: bold;}
.jobs_t_desc{ font-size: 12px;  color: rgba(128, 128, 128, 1);}
.jobs_hangye{ width: 100%; height: auto; background: #383838}
.jobs_h{ width: 1200px; margin: 0 auto;}
.jobs_hangye h1{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; padding: 50px 0;}
.jobs_h_menu{width: 900px;margin: 0 auto}
.jobs_h_menu ul li{ width: 150px; float: left; height: 50px; line-height: 50px; text-align: center; color: #fff; }
.jobs_h_menu ul li.select{border-bottom: 2px solid #004f94;}
.jobs_h_menu ul li:hover{border-bottom: 2px solid #004f94;}
.jobs_info{ width: 1200px; padding: 20px 76px 45px 76px; height: auto ;margin: 0 auto;box-sizing: border-box;}
.jobs_f{ width: 100%; height: auto; padding: 50px; background-color: rgba(255, 255, 255, 1);box-sizing: border-box}
.jobs_f_img{ width: 1200px; margin: 0 auto; height: auto;}


.toobox_tuijian{ width: 1200px; margin: 0 auto}
.toobox_tuijian h1{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 32px; font-weight: bold; color: #1058ad; padding: 25px 0 0px 0;}
.toobox_tuijian a{ color: #333}
.toobox_tuijian a:hover{ color: #1594ff}
.toolbox_t1{ padding: 25px 0; float: left;}
.tool_h_desc{ width: 100%; height: 50px; line-height: 50px; font-size: 24px; text-align: center;}
.toolbox_t1 ul li { width: 171px; height: 190px; margin-left: 8px; margin-bottom: 10px; border: 1px #ebebeb solid; float: left; text-align: center; padding: 10px;}
.toolbox_t3 ul li{ width: 198px !important; height: 150px !important; border-left: none !important; margin: 0 !important; padding: 20px!important;}
.toolbox_t1 ul li h1{ font-size: 18px; height: 30px; line-height: 30px; padding: 5px 0 0 0; overflow: hidden}
.toolbox_t1_desc{ height: 50px; line-height: 15px; font-size: 12px; text-align: left; overflow: hidden;}
.toolbox_t1_botton{ border-top: 1px #ebebeb dashed;}
.toolbox_t1_num{ width: 140px; height: 40px; line-height: 40px; color: #ff5733; font-size: 14px; float: left; overflow: hidden;}
.toolbox_t1_a{ float: left; width: 60px; height: 30px; line-height: 30px; border-radius: 20px; border: 1px #1594ff solid; margin-top: 5px;}
.toolbox_t1_a a{ color: #1594ff; font-size: 14px;}
.toolbox_t2{ margin-top: 25px;}
.toolbox_t2 ul li{ float: left; width: 360px; height: 80px; padding: 20px; float: left;}
.tool_t2_img{ width: 80px; height: 80px; border: 1px solid #ebebeb; float: left}
.tool_t2_tex{ width: 250px; height: 80px; float: left; padding-left: 10px; text-align: left; overflow: hidden;}
.tool_t2_tex h1{ font-size: 18px; font-weight: bold; padding: 0; text-align: left; height: 35px; line-height: 35px; overflow: hidden;}

.toolbox_list ul li{ padding: 0 !important; width: 228px; height: 350px; background: #fff; position: relative;}
.toolbox_list ul li h3{ width: 100%; height: 35px; line-height: 35px; text-align: center; overflow: hidden;}
.toolbox_list ul li h3 a{ color: #333; font-size: 16px; font-weight: bold;}
.toolbox_list ul li h3 a:hover{ color: #1594ff}
.toolbox_list .t_pri{ width: 100%; height: 25px; line-height: 25px; color: #1594ff; font-size: 12px; text-align: center;}
.toolbox_list .t_l_desc{ width: 80%; padding: 0px 15px; height: 60px; line-height: 18px; font-size: 12px; text-align: left; text-indent: 20px; overflow: hidden;}
.toolbox_list .t_l_icon{ margin-right: 10px;}
.toolbox_list .t_l_icon img{ width: 25px !important; height: 25px !important; float: right;}
.toolbox_list .t_l_btn{ width: 100%; height: 40px; line-height: 40px; text-align: center; position: absolute; bottom: 0px; border-top: 1px solid #ebebeb;}
.toolbox_list .t_l_tag{ width: 100%; height: 24px; overflow: hidden; font-size: 12px;}
.toolbox_list .t_l_tag span { width: auto; padding: 5px 10px; background: #ebebeb; margin: 5px 0px 0px 5px;}
.toolbox_list .t_l_btn a{ color: #1594ff; font-size: 16px; font-weight: bold;}
.toolbox_list .t_l_star{ float: left; width: 110px; }
.toolbox_list .t_l_num{ float: right; width: 80px; height: 30px; line-height: 30px; font-size: 12px; text-align: right}
.t_l_pic{ height: 60px; padding: 22px; text-align: center; background: #d9eaf8}
.t_l_pic img{ width: 60px !important; height: 60px !important;}

.fload_left{ float: left;}

/*外包*/
.epiboly{ width: 1170px; padding: 15px;height:auto;background: #fff; float: left; margin-bottom: 10px;}
.epiboly a{ color: #333;}
.epiboly a:hover{ color: #4397fe}
.epiboly_category{  margin: 10px 0px; height: auto; float: left;}
.epiboly_category ul li{ width: 22%; margin: 10px 0; padding: 0 15px; height: 150px; overflow: hidden;}
.epiboly_list{ width: 1020px; height: 180px; padding: 30px 75px;}
.epiboly_list .e_img{ width: 180px; height: 180px; float: left; border: 1px solid #ebebeb;}
.epiboly_list .e_img img { width: 180px; height: 180px;}
.epiboly_list .e_tex{ width: 810px; margin-left: 25px; float: left;}
.epiboly_list .e_tex h1{ width: 720px; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold;}
.e_num span{ width: auto; height: 25px; line-height: 25px; padding: 0 20px;}
.e_head_l{height: 55px; width: 655px; float: left;}
.e_head_r{ height: 55px; width: 150px; line-height: 55px; background: #4397fe; text-align: center;  float: left; border-radius: 20px;}
.e_head_r a{ color: #fff; font-size: 24px;}
.e_head_r a:hover{ color: #fff;}
.e_tag { width: 100%; margin-top: 10px; float: left; height: 114px; overflow: hidden;}
.e_tag ul li{ width: 154px; height: 52px; line-height: 52px; text-align: center; float: left; background: #e5e5e5; margin-left: 10px; margin-bottom: 10px;}


.shop{ padding-top: 0 !important; border: none;}
.shop .zx-tab,.circle_tab{ padding: 0; height: 51px;}
.circle_tab{ margin-top: 30px;}
.shop .zx-tab ul li,.circle_tab dl dd{ margin: 0; padding: 0 15px; height: 48px; line-height: 48px;}
.shop .zx-tab ul li.on{ background: #e5edf4; color: #004f94; }
.info_head h1.i_price{ background: #ebebeb; height: 50px; line-height: 50px; color: #ff5733; font-size: 24px; font-weight: bold; text-align: left; padding-left: 38px;
	position: relative;}
.info_head h1.i_price span{ width: 180px; font-size: 14px; color: #333; font-weight: normal;}
.i_shop_info{ margin-top: 15px; width: 100%; height: 35px; line-height: 35px; }
.i_shop_tit{ float: left; width: 80px; line-height: 40px; text-align: right;}
.i_shop_tag{ float: left; width: 748px; overflow: hidden;}
.i_shop_tag ul li{ float: left; width: auto; padding: 0px 10px; margin: 5px; background: #ebebeb;}
.tag_dq ul li{ border: 1px solid #ff5733; color: #ff5733;}
.i_shop_tz{ padding-left: 35px; height: 35px; line-height: 35px;}
.i_shop_tz input{ width: 15px; height: 15px; }
.i_shop_bt{ width: 250px;height: 50px; line-height: 50px; text-align: center; background: #004f94; border-radius: 50px; position: absolute; bottom: 0px; left: 10px;margin: 20px 0 20px 0;}
.i_shop_bt a{ color: #fff; font-weight: bold; font-size: 18px; width: 250px; height: 50px; display: block; }


.b_s_info{ width: 920px; padding: 0;}
.b_s_info .zx-tab ul li.on{ background: none;}
.b_s_info .zx-detail-list{ width: auto;}
.b_s_info .news_ad{ padding: 20px 45px;}
.shop_btn .font_info2{ background: #004f94 !important;;}
.shop_btn .font_info2 a{ color: #ffeb3b !important;}
.shop_price{ height: 45px; line-height: 45px; background: #ebebeb; padding: 0px 20px; font-size: 14px; }
.shop_price span{ font-size: 18px; font-weight: bold; color: #ff5733;}

.n-nav-block{ width: 100%; height: auto;}

.baoming_info{ padding: 25px 0;}
.circle .zx-tab li.on,.circle_tab dl dd.on{ border-bottom: 2px solid #ff0000 !important; color: #ff0000 !important;}
.circle-baoming ul li{ width: 98px; height: 100px; float: left; text-align: center; text-align: center; margin: 10px 0}
.circle-baoming ul li .circle_xing{ width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px; background: #4397fe; color: #fff; font-size: 24px; font-weight: bold; margin-left: 25px;}

.order-by{ padding: 5px 0; background: #fff; border-bottom: 2px dotted #ebebeb;}
.order-by ul li{ width: 80px; height: 30px; line-height: 30px; padding: 10px; float: left; text-align: center;}
.order-by ul li.shu{ width: 5px; height: 30px;}
.order-by ul li.img{ width: 45px; height: 45px; float: right; margin-right: 40px; padding: 0;}
.order-by ul li.img img{ width: 45px; height: 45px;}
.order-by ul li a{ color: #333}
.order-by ul li a:hover{ color: #4397fe}
.order-by ul li.on a{ color: #4397fe}

.ganhuo h5{ background: none; border-bottom: 1px solid #ebebeb; color: #333!important; padding-left: 10px;}
.ganhuo .n-down .n-down-item:first-child{ border: none;}
.ganhuo .n-down-item{ border: none;}
.ganhuo .n-down-item li{ padding: 8px 15px 8px 10px;}

.material .info_head{ height: 350px}
.material .info_head_l{ width: 228px; height: 335px}
.material .info_head_l img{ width: 228px; height: 335px;}
.material .info_head_r .info_tex{ height: 29px; line-height: 29px;}
.material .info_tex{font-size: 14px;width: 100%;float: none}
.material .info_head_r .button{width: 100%;position: relative;bottom: auto;overflow: hidden;margin-top:13px}
.material .share{position: absolute;right: 0;top:10px;}
.material .share a{display:inline-block;height: 25px;width:26px;margin-right: 4px}
.material .share img{height: 23px;width: 23px;display:inline-block;vertical-align:top;margin-top: 1px}
.material .info_head_r{width: 580px}
.material .info_head{height: 356px}
.material .info_head_r h1{height: 50px;line-height: 50px}


/**
百度搜索样式
 */
.main_C{height:90px;clear:both;position:relative;padding-top:5px;width:1200px; margin:0 auto;overflow:hidden; background: #fff;}
.nav {height:22px;margin:6px 0 2px 328px;}
.nav li{float:left; list-style-type:none; margin-left: 15px;}
.nav li a{display:block;width:40px;line-height:22px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:16px;color:#323232; margin-right:6px;text-align:center;}
.nav li .gaoliang{color:#4397fe}
.nav li a:hover{color:#4397fe;text-decoration:none;}
.baidu-search{_height:44px;clear:both;position:relative;}
.baidu-search img,.search .text,.search .btn{position:absolute;top:0;}
.baidu-search img{left:218px;}
.baidu-search .text{position:absolute;left:328px;background:none repeat scroll 0 0 #FFFFFF;border-color:#9C9C9C;border-style:solid;border-width:1px;box-shadow:1px 1px 1px #dedede inset;display:inline;float:left;height:40px; line-height: 40px; border-radius:5px; margin-top:5px;}
.baidu-search .text input{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:0 none;font-family:arial;font-size:16px;height:22px;line-height:22px;margin-top:5px;outline:0 none;    padding:0 6px;width:508px;}
.baidu-search .text #auto{display:none;width:470px; background:#fff;border:1px #9c9c9c solid;color:#323232;position:absolute;top:30px;top:31px\9;left:-1px;border-top:none\0;}
.baidu-search .btn{ width:82px;height:32px; position: absolute; margin-top:10px;border:1px #4397fe solid; cursor:pointer; color:#fff; right:250px; background:#4397fe;font-family:"Microsoft YaHei","SimSun","Arial Narrow";font-size:16px;}
.baidu-search img{margin-top:5px;}



.chang_ad img { width: 1200px !important; height: auto; }


.m-index-pagelet-cooper{padding:0 40px 21px 20px;height:38px;overflow:hidden;position:relative;color:#9c9c9c}
.m-index-pagelet-cooper .more{background:url(//cdn.maijia.com/www-index-cdn/page/index/pagelet/cooper/more_224a586.png);height:18px;width:18px;position:absolute;top:20px;right:20px;cursor:pointer;display:none}
.m-index-pagelet-cooper a{font-size:12px;padding-top:21px;color:#9c9c9c;line-height:17px;display:inline-block;white-space:nowrap}
.m-index-pagelet-cooper a.tt{color:#9c9c9c;display:inline-block}
.m-index-pagelet-cooper a.link{margin-right:24px}
.m-index-pagelet-cooper a:hover{color:#FD8944}

.layui-form-select dl dd.layui-this{ background:#4397fe }
.layui-form-select dl dd:hover{ background: #4397fe; color: #fff;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color:#1594ff }
.layui-form-checked[lay-skin=primary] i{ border-color:#1594ff !important;background-color:#1594ff;}

.down-cat{ height: 100px;}
.down-cat ul li{width: 180px; height: 70px; padding: 15px 10px;}

#page{ width: 1200px; height: 35px; margin: 0 auto; line-height: 35px; position: relative;}
.pagination{ width: auto; height: 30px; line-height: 28px; position: absolute; right: 15px;}
.pagination  li{width: auto; float: left; border: 1px solid #ebebeb; background: #fff;}
.pagination  li a{ width: auto; padding: 0 15px; display: block;}
.pagination  li.active{ background: #1594ff; color: #fff; border-radius: 2px;  padding: 0 15px; border: 1px solid #1594ff;}
.pagination  li.disabled{   padding: 0 15px; color: #d2d2d2}

.ecnav-nav-box{ float: left; position: relative; background: #fff; border: 1px solid #ebebeb;}
.maiji_tj{ width: 128px; height: 30px; padding-left: 20px; line-height: 30px; float: left; background: #fff; position: absolute; top: 50%; margin-top: -15px; text-align: left; }
.maiji_tj a{ font-size: 16px; color: #1f3be6; }
.maiji_tj a img{ margin-right: 5px;}
.page-ecnav .m-ecnav-nav{ width: 865px; height: auto; float: left; margin-left: 153px; padding: 0 0 15px 0; border: none; border-left: 1px solid #ebebeb;}
.page-ecnav .m-ecnav-nav li{ margin-top: 15px;}
.page-ecnav .m-ecnav-nav li:nth-of-type(7n){border-left: none !important;; }


.switch-fixed{
	position: fixed;
	top:0;
	width: 920px;
	background: #fff;
}
.tag_list{ width: 100%; height: 25px; line-height: 25px; overflow: hidden;}
.tag_list span{ width: auto; margin: 0 4px; float: left;}
.tag_list span:first-child{margin-left: 0}
.tag_list span a{ color: #999;}

.tag_list_info{ width: auto; height: 25px; padding: 15px; border-top: 1px #ebebeb dashed;}
.tag_list_info span{width: auto; margin: 0 10px;}
.tag_list_info span a{color: #ff5733}

.tag_news_list{ background: #f2f2f2; padding: 0 !important;}
.tag_news_list .zx-item dd{ background: #fff; margin-top: 10px;}
.new-list-title{ height: 30px; background: #fff; line-height: 30px; padding: 10px;}
.new-list-title h1{ height: 30px;line-height: 30px; border-left:6px solid #f43d3d; font-size: 16px; font-weight: bold; text-indent: 15px;}

.list_ad{ width: 300px;}
.list_ad .zx-ad{ width: 300px;}
.list_ad .zx-ad ul li{ width: 300px;}
.list_ad .zx-ad a img{ width: 280px;}

.ghb-list .tag_list{ position: absolute;bottom: 32px; width: 500px; left: 150px; overflow: hidden;}
.ghb-list .tag_list a{ background: none; padding: 0;}

.right_list{ width: 270px !important;}

.search_result{text-align: left !important; font-size: 14px; font-weight: bold; color: #1f3be6; width: 91px !important; border-right: 1px solid #ebebeb;}


.book_guan .pad50 .tit{background: rgba(67, 151, 254, 1);color: rgba(255, 255, 255, 1);font-size: 14px;padding:0 0 0 15px !important;height: 40px;line-height: 40px;margin-bottom: 5px;}
.book_guan .pad50{padding: 20px 39px 0 !important;}
.book_guan .pad50 .tit img{width: 22px;height: 22px;}
.book_guan .zx-tab li{font-size: 16px;}
.book_guan .kefu_img{margin-left: 50px;}
.book_guan .border-r{border: 2px solid rgba(255, 87, 51, 1) !important;color: rgba(255, 87, 51, 1) !important;}
.book_guan .border-c{border: 2px solid rgba(204, 204, 204, 1) !important;color: rgba(204, 204, 204, 1) !important;}
.book_guan .tag_dq ul li{position: relative;padding: 0 30px!important;cursor: pointer;background: white;}
.book_guan .tag_dq ul li img{width: 25px;height: 25px;position: absolute;top: 0;right: 0;}
.book_guan .pt5{padding-top: 5px;}
.book_guan .info_head{overflow: hidden;height: auto;}
.book_guan .i_shop_info{height: auto;overflow: hidden;margin-top: 20px;}
.book_guan .mt10{margin-top: 10px;}
.book_guan .i_shop_bt{position: relative;}
.book_guan .addselect{width: 300px;height: 38px;margin-left: 5px;padding-left: 10px;border: 1px solid rgba(204, 204, 204, 1);-webkit-appearance: none;}
.book_guan .styled-select{position: relative;width: 300px;}
.book_guan .down-img{position: absolute;right: 11px;top:11px;}
.book_guan .posotion{height: 50px;line-height: 50px;margin-bottom: 5px;}
.book_guan .zx-ad a{display: block;overflow: hidden;background: white;}
.book_guan .zx-ad a div{display: inline-block;height: 87px;float: left;}
.book_guan .limg{width: 87px;}
.book_guan .zx-ad ul li{height: auto;}
.book_guan .zx-ad a img {border: none;border-radius: 0;}
.book_guan .zx-ad a .limg img{width: 70px;height: 70px;margin-left: 17px;margin-top: 10px;box-sizing: border-box;}
.book_guan .center-box{width: 139px;}
.book_guan .center-box p{padding-left: 10px;box-sizing: border-box;height: 26px;line-height: 26px;}
.book_guan .center-box .p1{margin-top: 18px;font-size: 16px;color: rgba(21, 148, 255, 1);font-weight: bold;}
.book_guan .center-box .p2{font-size: 12px;color: rgba(56, 56, 56, 1);}
.book_guan .rimg{width: 44px;overflow: hidden;}
.book_guan .zx-ad a .rimg img{width: 44px;height: 44px;margin-top: 22px;}
.book_guan .kefu_button a img{width: 25px!important;height: 25px!important;margin:0px 4px 0px -16px;}


.jobs_info p{font-weight: bold;font-size: 14px;}
.jobs_info .info_top{margin-bottom: 10px}
.jobs_info .info_top p,.bm_l p,.hlist .p2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.jobs_info .list{width:330px;height: 128px;background: #ffffff;display: inline-block;margin-right: 15px;padding: 13px 30px;box-sizing: border-box;overflow: hidden}
.jobs_info .list .l_right img{max-width: 170px;max-height: 80px}
.jobs_info .list div{display: inline-block;height: 100%;float: left}
.jobs_info .l_left{width: 114px;}
.jobs_info .l_right{width: 150px;text-align: right}
.jobs_info .p1{height: 40px;font-size: 24px;color: rgba(212, 48, 48, 1);line-height: 40px;margin-top: 14px}
.jobs_info .p2{color: rgba(128, 128, 128, 1);font-size: 16px}
.jobs_info .p3{color: rgba(80, 80, 80, 1);}
.jobs_info .l_left .p{color:rgba(80, 80, 80, 1)}
.jobs_info .info_bm{overflow: hidden}
.jobs_info .info_bm .bm_l{width: 330px}
.jobs_info .info_bm .list{margin-bottom: 10px}
.jobs_info .bm_l{margin-right: 18px}
.jobs_info .bm_l,.jobs_info .bm_r{float: left ;overflow: hidden}
.jobs_info .bm_r{width: 698px;}
.jobs_info .bm_r div{display: inline-block;float: left;}
.jobs_info .hlist{width: 165px;height: 273px;background: white;margin-right: 7px;padding: 20px;box-sizing: border-box;text-align: center}
.jobs_info .hlist:last-child{margin-right: 0px}
.jobs_info .hlist img{width:100px;height: 80px;}
.jobs_info .hlist .p3{margin-top: 8px;height: 48px;width:125px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;}
.jobs_info .hlist .p2{margin-top: 20px;}
.jobs_info .hlist .p1{margin-top: 0px}

/*装修*/
.decorate{padding: 30px;box-sizing: border-box;background: white;padding-bottom: 0;}
.decorate ul li{float: left;width: 360px;height: 170px;padding: 20px;box-sizing: border-box;background: rgba(235, 243, 252, 1);margin: 0px 30px 30px 0;}
.decorate ul li:nth-child(3n){margin-right: 0;}
.decorate ul li div{display: inline-block;float: left;}
.decorate .decorate-title{width: 225px;margin-right: 14px;}
.decorate-circle{height: 80px;width: 80px;border-radius: 50%;line-height: 80px;text-align: center;}
.decorate-ico{width: 80px;height: 130px;padding-top: 24px;box-sizing: border-box;}
.decorate-ico img{width: 50px;height: 50px;}
.decorate h4{font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.decorate p{font-size: 14px;color: rgba(128, 128, 128, 1);height: 45px;line-height: 22px;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.decorate a{color: rgba(12, 70, 152, 1);font-weight: bold;height: 45px;line-height: 45px;display: inline-block;width: 100%}
.decorate-circle-1{background: rgba(255, 12, 12, 1);}
.decorate-circle-2{background: rgba(121, 72, 234, 1);}
.decorate-circle-3{background: rgba(255, 87, 51, 1);}
.decorate-circle-4{background: rgba(21, 148, 255, 1);}
.decorate-circle-5{background: rgba(0, 186, 173, 1);}
.decorate-circle-6{background: rgba(12, 70, 152, 1);}
.decorate-circle-7{background: rgba(172, 51, 193, 1);}
.decorate-circle-8{background: rgba(59, 42, 221, 1);}
.decorate-circle-9{background: rgba(146, 202, 51, 1);}

/*工具*/
.tool {display: inline-block;min-height: 300px;font-size: 16px;vertical-align: top;background: #fff;transition: all .5s;}
.tool-title {padding: 15px;font-size: 18px;font-weight: bold;color: #333;}
.one-line-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tool-cover {width: 380px;height: 165px;}
.tool-des {padding: 15px;font-size: 14px;color: #999;transition: all .5s;text-align: left;}
.w330{width: 380px;height: 165px}
.show-yy:hover{box-shadow:0 0 18px rgba(0,0,0,0.4);}

/*右下角弹出框*/
.right_bottom_box{
	position: fixed;
	right: 0;
	bottom: 0;
	background: white;
	width: 300px;
	z-index: 999;
	box-shadow: 0 0 2px #c2c2c2;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.right_bottom_box .top{
	background: #007AFF;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding:15px;
}
.right_bottom_box .top .t{
	color: white;
	background: url(/static/images/logo.jpg) no-repeat;
	background-size:contain;
	padding-left: 60px;
	font-size: 12px;
}
.right_bottom_box .top .t .layui-icon{
	color: white;
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
}
.right_bottom_box [carousel-item]{
	margin: 20px;
	width: auto !important;
}
.right_bottom_box ul li{
	font-size: 12px;
}
.right_bottom_box ul li.btn{
	background: #007AFF;
	padding:5px 10px;
	color: white;
	text-align: center;
	cursor: pointer;
	margin:10px 0;
}
.right_bottom_box ul li.btn:last-child{
	margin-bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
}
.right_bottom_box .layui-carousel-arrow{
	top:-30px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	font-size: 12px;
	right: 12px !important;
}
.right_bottom_box .layui-carousel[lay-arrow=always] .layui-carousel-arrow{
	left: 245px;
}
.right_bottom_box .layui-carousel{
	background: white;
	min-height: 180px;
}
.right_bottom_box .layui-carousel>[carousel-item]>*{
	background: white;
}

.third_search_ad{ width: 1200px; margin: 0 auto}
.third_search_ad_left{ width: 948px; height: 356px; float: left}
.third_search_ad_left ul li{ width: 466px; float: left; margin-right: 8px}
.third_search_ad_left ul li img { width: 466px; height: 356px}
.third_search_ad_right { width: 252px; height: 356px; float: left}
.third_search_ad_right img { width: 252px; height: 356px;}