@charset "utf-8";

body,h1,h2,h3,h4,p,ul,ol,dl,dt,dd,form,input,select,span,p,strong,em,img{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline: none; color: #eee;}
a:focus { outline: none; } 
img{ border:none; vertical-align:top;}
input,textarea{ outline:none;}
em { font-style: normal;}
body{ background:#1a1a1a; font-size: 14px; color: #eee; min-width: 1240px;}
body, input ,textarea{ font-family:"微软雅黑";}

/*公共*/
.fr{ float:right}
.fl{ float:left}
.clear:after{ content: ''; width: 0px; height: 0px; display: block; clear:both;}
.w100{ width: 1000px; margin: 0 auto;}
.h10{ height: 10px;}
.h15{ height: 15px;}
.h20{ height: 20px;}
.h30{ height: 30px;}
.h35{ height: 35px;}
.contentInner p{ line-height: 2em;}
.contentInner img{ display: block; max-width: 100%; margin: 10px auto;}
.ellipsis02{text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*top*/
.headTop{ width: 100%; height: 101px; background: #0e0e0e; border-bottom: 1px solid #2c2c2c;}
.mainMenu{ width: 663px; height: 78px; text-align: right; line-height: 78px; margin-top: 21px;}
.mainMenu a{ display: inline-block; padding: 0 17px; font-size: 16px;}
.mainMenu a.active{ color: #fff100; border-bottom: 2px solid #FFF100;}
.noticeBox{  background: #202020; color: #fff;}
.noticeBox span{ display:inline-block; float: left; height: 35px; line-height: 35px;}
.noticeIco{ width: 131px;}
.noticeIco img{ width: 100%;}
.noticeTxt{ width: 850px;}
.indexbanner{ width: 100%; height: 399px; position: relative; overflow: hidden; background: url(../img/banner.jpg) no-repeat center;}
/*.indexbanner img{ width: 100%;}
*/
/*registerBox*/
.registerBox{ float: right; width: 300px; height: 307px; margin-top: 34px;}
.regbg{background: rgba(0,0,0,0.8);}
.titleBtn{ padding: 12px 20px; width: 260px; height: 46px; margin-bottom: 6px;}
.titleBtn ul{ background: url(../img/registerbtnbg.png) no-repeat;}
.titleBtn ul li{ float: left; line-height: 46px; width: 130px; text-align: center;}
.loginInput{ padding: 10px; width: 280px;}
.loginInput ul{ background: rgba(255,255,255,0.1);}
.loginInput ul li{ height: 50px; line-height: 50px; }
.loginInput ul li input{ color: #fff; width: 115px; height: 50px; border: 0; background: none; padding-left: 0.5em;}
.loginli{border-bottom: 1px solid #52504f; padding-left: 4px;}
.last-loginli{ border-bottom: 0;}
.loginli span{ display: inline-block;}
.regIco{ background-position: left center; font-size: 16px; background-repeat: no-repeat; padding-left: 30px;}
.Ico-users{ background-image: url(../img/usersIco.png);}
.Ico-paw{ background-image: url(../img/pawIco.png);}
.Ico-yanz{ background-image: url(../img/yanzIco.png);}
.yanzImg{ margin-top: 10px;}
.forgetBox{/* width: 80px; height: 28px;*/ font-size: 11px; border: 1px solid #fff; text-align: center; line-height: 28px; padding: 6px 10px;}
.loginBtn{ width: 279px; height: 45px; text-align: center; line-height: 45px; margin: 0 auto; background: url(../img/loginBtn.png) no-repeat center;}
.loginBtn a{ font-size: 18px; color: #2a210a; font-weight: bold;}

/*left*/
.indexleft{ width: 600px;}
.indexright{ width: 375px;}
.indexTitle{ height: 66px; line-height: 66px;}
.leftImg{ width: 600px; height: 320px;}
.leftImg img{ width: 100%; height: 100%;}
.titltText{ font-size: 18px; color: #e8e8a0; background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
.titleIco01{ background-image: url(../img/index-ico01.png);}
.titleIco02{ background-image: url(../img/index-ico02.png);}
/*right*/
.trainList li{ width: 365px; padding-left: 10px; height: 60px; background: #272727; margin-bottom: 5px;}
.trainList li b{ color: #e8e8a0; font-size: 24px; line-height: 60px; display: block; float: left;}
.trainList li span{ line-height: 60px; display: block; float: left; font-size: 16px; text-indent: 0.5em;}

.indexclass{ width: 100%; background: #181818; border-bottom: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c;}
.classList{}
.classList li{ float: left; width: 200px; text-align: center; padding: 12px 0;}
.classList li p{ line-height: 2em;}

/*newslist*/
.titlenews{ background: #272727; padding:0 10px; height: 64px; margin-bottom: 2px;}
.titlenews b{ font-size: 20px;}
.NewsList li{background: #272727; padding: 10px; margin-bottom: 2px;}
.newsIco{ display: inline-block; width: 71px; height: 26px; line-height: 26px; color: #000; padding-left: 6px;  background: url(../img/index-ico08.png) no-repeat center;}
.userTime{ font-size: 12px; line-height: 3em; color: #ccc;}
.newsLeft{ width: 230px; height: 160px; border: 2px solid #7d7d7d;}
.newsLeft img{ width: 100%; height: 100%;}
.newsRight{ width: 730px; margin-left: 16px; position: relative;}
.newsRight p{ line-height: 2em; margin-bottom: 30px;}
.userdata span{ display: inline-block; margin-right: 16px;}
.moreNewsBtn a{ position: absolute; right: 0; bottom: 0px; background: #464545; border-radius: 4px; color: #fff; padding: 4px 10px;}
.pagebox{ }
.pagebox ul{ float: right;}
.pagebox ul li{ float: left; margin-left: 10px;}
.pagelist{ border: 1px solid #333; width: 24px; height: 24px; text-align: center; line-height: 24px;}
.pagelist a{ color: #999;}
.firstlist,.lastlist{ background:url(../img/pagebg.gif) no-repeat center;  width: 25px; height: 25px; border: 0;}
.firstlist a,.lastlist a{color: #1c1b1b; font-weight: bold;}
/*adboutus*/
.indexaboutus{ width: 1000px; height: 323px; background: url(../img/footerbg.jpg) no-repeat center; border-bottom: 1px solid #0e0e0e;}
.aboutus-left,.aboutus-right{ width: 295px; margin-top: 45px;}
.aboutus-right{ text-align: right;}
.abouttitle{ display:inline-block; font-size: 22px; padding-bottom: 12px; border-bottom: 2px solid #FFF100;}
.abouttxt{ line-height: 2em; margin-top: 15px;}
.netBox{ color: #cab254; background: url(../img/index-ico09.png) no-repeat;}
.netBox span{ font-size: 18px;}
.netBoxleft{background-position: left center;  padding-left: 42px;}
.netBoxright{background-position: right center; padding-right: 42px; }

/*footer*/
.footer{text-align: center; background: #0e0e0e; border-top: 1px solid #2C2C2C;}
.footertitle{ border-bottom: 2px solid #FFF100; display: inline-block; margin: 0 auto; padding: 12px 0;}
.linkList{ text-align: center;}
.linkList li{ float: left; /*padding: 0px 43px;*/ width: 199px; text-align:center;}
.linkList li a{ display: block; line-height: 2.5em;}
.linkli{border-right: 1px solid #2C2C2C;}
.last-linkli{border-right:0;}

.copyright{ height: 55px; color: #ccc; line-height: 55px; text-align: center;}

/*newsdetail*/
.contentBox{ width: 950px; margin: 0 auto; padding: 25px; background: #272727;}
.newsTitle{ font-weight: normal; text-align: center; font-size: 24px;}
.newsTime{ font-size: 12px; color: #CCCCCC; text-align: center; line-height: 3em; border-bottom: 1px solid #131313;}
.newscon{ border-top: 1px solid #3d3d3d; padding: 24px 0px 0px;}
.newsHot-title{ height: 35px; line-height: 35px; background: #2e2e2e; border-bottom: 1px solid #1A1A1A;}
.newsHot-title span{ padding-left: 10px; margin-left: 15px; font-size: 18px; border-left: 3px solid #FFF100; }
.hotlist{ background: #272727; padding: 10px 0;}
.hotlist ul{ width: 475px; padding-left: 25px;}
.hotlist ul li{ line-height: 2.5em; background: url(../img/listIco.png) left center no-repeat; padding-left: 16px;}

/*learnerlist*/
.learnerBox{ width: 980px; padding: 0px 10px 10px; margin: 0 auto; background: #272727;}
.current{ font-size: 12px; padding-right: 1%; text-align: right; line-height: 32px; border-bottom: 1px dotted #626262; width: 99%;}
.learnerlist{ background: #2d2d2d; padding: 15px; border: 1px solid #464545; border-radius: 4px; margin-bottom: 5px;}
.learnerImg{ width: 194px; height: 194px; border: 3px solid #e8dc85;}
.learnerImg img{ width: 100%; height: 100%;}
.learnerRight{ margin-left: 15px; width: 730px;}
.learnerName{ float: left; font-size: 18px; color: #ebde86; background: url(../img/learnerIco01.png) left center no-repeat; padding-left: 25px; border-bottom: 2px solid #FFF100; display: inline-block; line-height: 1.8em;}
.learnerExplain{ height: 30px; display: block;}
.learnerExplain i{ font-style: normal; height: 30px; line-height: 30px; color: #432000; display: block; float: left;}
.explainLeft{ width: 21px; height: 30px; background: url(../img/learnerIco02.png) no-repeat left;}
.explainRight{ width: 12px; height: 30px; background: url(../img/learnerIco04.png) no-repeat right;}
.explaintip{ background: url(../img/learnerIco03.png) repeat-x;}
.learnertext{ line-height: 2em;}

/*problem*/
.proboutbox{ width: 980px; margin: 0 auto; background: #2d2d2d; padding: 10px;}
.probinnerBox{ padding: 15px; background: #272727; border-radius: 4px; border: 1px solid #3b3b3b;}
.problemlist{ padding: 15px 0; border-bottom: 1px solid #131313; border-top: 1px solid #3D3D3D;}
.problemtitle{ font-size: 18px; color: #272727; width: 163px; height: 41px; text-align: center; line-height: 41px; background: url(../img/problemtitle.png) no-repeat;}
.problemCon{ line-height: 1.8em; background:#3d3d3d url(../img/problemlistIco.png) 5px 15px no-repeat; font-size: 16px; padding: 10px 5px 10px 25px;}
.answerCon{ line-height: 1.8em; color: #999; margin-top: 5px;}
.problemlist-first{ border-top: 0;}
.problemlist-last{ border-bottom: 0;}

.intrBox{ background: #272727;}
.intrconLeft{ width: 250px; background: #2d2d2d;}
.intrconRight{ width: 740px;}
.intrcontitle{ padding: 23px 20px 10px; display: block; background: url(../img/introducetitlebg.png) repeat-x;}
.intrconList{ padding:0px 20px 20px;}
.intrconList li a{ display: block; padding: 20px 0px; font-size: 16px; border-bottom: 1px dotted #a4a1a1;}
.intrconList li.active a { color: #cbb96e; background: url(../img/introduceIco.png) no-repeat right center;}
.intrconList li a:hover { color: #cbb96e; background: url(../img/introduceIco.png) no-repeat right center;}
.intrConinner{ padding: 20px 0;}

/*.aboutCon{ padding: 10px 0px 20px;}
.contact-ewm{ width: 148px; height: 200px; text-align: center; background: #3d3c3c; padding: 16px 16px 0px 16px; border-radius: 4px;}
.contact-ewm p{ line-height: 2.5em; font-size: 16px;}
.contact-text{ width: 700px; margin-left: 20px; font-size: 16px; line-height: 2.5em;}*/
.aboutBox{ background: url(../img/aboutusbg.jpg) no-repeat center; background-size: 100% 100%; padding-bottom: 30px;}
.aboutInner{ margin-top: 30px; padding: 3px; background: url(../img/aboutInnerbg.png)  repeat-y center;}
.aboutLeft{ border: 1px solid rgba(255,255,255,0.5);}
.aboutLeftImg{ width: 316px; height: 640px; display: block; padding: 2px;}
.aboutLeftImg img{ width: 100%;}
.aboutRight{ width: 654px;  margin-left: 15px;}
.aboutTitle{display: block; background: url(../img/lineIco.jpg) left bottom no-repeat; padding-bottom: 15px;}
.aboutCon{ padding: 10px 0px;}

#box1 a, #box2 a{cursor: pointer;display: block;}