@charset "utf-8";
/* CSS Document */
/*羿才首页css*/
.HomeBanner{ padding-top:2px}
.HomeBanner #flashbox,.HomeBanner .img_wrap{ width:1200px; height:350px}
.HomeOneBox{ padding:20px 0}
.HomeOneBox .NewsOne{ width:626px}
.HomeOneBanner{ padding-right:40px; width:238px; height:366px}
.HomeOneBanner .flexslider{height:366px}
.HomeOneBanner .slides li{height:366px}
.HomeOneBanner .flex-control-nav{margin-top:340px; margin-right:10px;  float: right}
.HomeOneBanner .flex-control-nav li a{border-radius: 0; color: #252525;font-size: 12px; line-height: 14px; overflow: initial}
.HomeOneBanner .flex-control-nav li a.flex-active{color: #fff}
.HomeTabTit{ padding-top:30px}
.HomeTabTitLibDownList ul h2{ display:block; text-align:center; font-size:24px; line-height:30px; height:30px; padding-bottom:20px}
.HomeTabTit .tit{ padding-bottom:3px; text-align: center}
.HomeTabTit .tit i{ display:inline-block; font-size:16px; height:40px; line-height:40px; cursor:pointer; margin:0 25px; padding:0 5px}
.HomeTabTit .tit i.cur,.HomeTabTit .tit i:hover{ color:#0070c1}
.HomeTabTit .tit i.cur{ height:36px; line-height:36px; border-bottom:#0070c1 solid 4px}
.HomeCour .CouresList{width: 1200px}
.HomeCour a.BtnMore,.HomeTikuTab a.BtnMore,.HomeWikuTab a.BtnMore,.HomeBookTab a.BtnMore{ color:#0070c1 !important}
.HomeCour a.BtnMore:hover,.HomeTikuTab a.BtnMore:hover,.HomeWikuTab a.BtnMore:hover,.HomeBookTab a.BtnMore:hover{ color:#fff !important}
.HomeTikuTab{ background:#fafafa; padding:10px 0 35px; margin-top:40px;_position: relative;_zoom:1;}
.HomeTikuList li{ display:inline-block; width:365px; height:96px; padding:10px 15px; border:#e8e8e8 solid 1px; background:#fff; margin-bottom:6px; margin-right:3px}
.HomeTikuList li:hover,.HomeWenkuList li:hover,.BookList li:hover{ transition:all 0.5s; transform:translate(0,-4px);-webkit-transform:translate(0,-4px); -moz-transform:translate(0,-4px);-o-transform:translate(0,-4px);-ms-transform:translate(0,-4px); box-shadow:0 2px 5px rgba(0,0,0,0.22); border-color:#f00}
.HomeTikuList li a,.HomeWenkuList li a{ font-size:16px; height:60px; overflow:hidden; line-height:30px; padding-bottom:10px; display:block}
.HomeTikuList li p,.HomeWenkuList li p{ height:26px; line-height:26px}
.HomeTikuList li p i{ float:left; color:#999999}
.HomeTikuList li p em{ float:right; color:#ff6600}
.HomeWikuTab{ padding-bottom:30px}
.HomeWenkuList{ width:1202px; padding-left:-2px}
.HomeWenkuList li{ display:inline-block; width:265px; height:96px; padding:10px 15px; border:#e8e8e8 solid 1px; background:#fafafa; margin-bottom:4px; margin-right:3px}
.HomeWenkuList li p i{ float:left; color:#ff6600}
.HomeWenkuList li p em{ float:right; color:#999999}
.HomeBookTab,.LinkBox{ padding-bottom:50px}
.LinkBox .LinkTit{ width:70px; line-height:30px; text-align:center; color:#999}
.LinkBox .LinkCont{ width:1120px}
.LinkBox .LinkCont a{ margin-right:25px; line-height:30px; float:left; color:#666 !important}
.LinkBox .LinkCont a:hover{ color:#f00 !important}
.HomeTikuList li,.HomeWenkuList li{ *float:left; *margin-right:3px}
/*about css onetion 20180507*/
.AboutNav{position: relative;}
.AboutNav{ width:167px; padding-right:25px; padding-bottom:25px; border-right:#e8e8e8 solid 1px}
.AboutNav a{ display:block; height:48px; line-height:48px; margin:10px 0; text-align:center; font-size:16px}
.AboutNav a.cur{ background:#ef2d36; color:#fff !important; border-radius:5px}
.AboutCont{ width:980px; padding-left:26px;_padding-left:16px;border-left:#e8e8e8 solid 1px; position:relative; left:-1px}
.AboutCont .tit{ height:65px; line-height:68px; border-bottom:#e8e8e8 solid 1px; font-size:24px; color:#ef2d36; text-align:center}
.AboutCont .cont{ padding:35px 20px; font-size:16px; line-height:30px}
/*面包屑*/
.Current{height: 28px; line-height: 28px; padding: 20px 0; position:relative; z-index:1}
.Current i{width: 14px; height: 20px; display: inline-block;background-position: -180px -225px;vertical-align: middle}
.Current a{margin: 0px 10px}
.Current a.cur{color: #0070c1}
.TikuLogoBox .ClassTop{ padding:40px 0}
.TikuNav{ background:#ef4e1d; height:50px; line-height:50px; position:relative;;left:0; top:0; z-index:2}
.TikuNav li{ height:50px; line-height:50px; position:relative;left:0; top:0; z-index:3; float:left}
.TikuNav li a.nav{ width:180px; text-align:center; float:left; font-size:16px; color:#fff !important}
.TikuNav li a.nav:hover{ color:#ff0 !important}
.TikuNav li.over a.nav i,.LibLsColumn li:hover i,.LibLsColumn li.cur i,.WkClassNav li a i{position:absolute; z-index:9999999;  height:0; width:0; overflow: hidden; font-size:0; line-height:0; border-style:solid dashed dashed dashed; border-width:8px}
.TikuNav li.over a.nav i{left:80px; top:50px;border-color:#ef4e1d transparent transparent transparent; }
.TikuNav li.out .ClassNav{ display:none}
.ClassNav{ position:absolute; z-index:9999998; top:50px; left:0; background:#fafafa; width:894px; min-height:64px; padding:12px 0; height:64px; height:auto !important; border:#e8e8e8 solid 1px; border-top:none; box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.ClassNav a{ width:149px; height:32px; line-height:32px; float:left; text-align:center; white-space:nowrap; background-position:141px 5px}
.TikuNav li.TikuNavA .ClassNav{ left:-180px}
.TikuNav li.TikuNavB .ClassNav{ left:-360px}
.TikuNav li.TikuNavC .ClassNav{ left:-540px}
.TikuNav li.TikuNavD .ClassNav{ left:-720px}
.WxNav{ background:#ef2d36 !important}
.WxNav .over a.nav i{ border-color:#ef2d36 transparent transparent transparent!important}
.WkNav{ background:#0070c1 !important}
.WkNav .over a.nav i{ border-color:#0070c1 transparent transparent transparent!important}
.TikuNav a.WxBtn{ width:125px; height:50px; line-height:50px; display:block; position:absolute; right:0; top:0; z-index:2; border-left:2px #fff solid; text-align:center; color:#fff !important; font-size:16px; background:#f60}
.TikuNav a.WxBtn:hover{ background:#0070c1}
.WkNav a.WxBtn{background:#ef2d36}
.WkNav a.WxBtn:hover{background:#f60}
/*幻灯片*/
#flashbox{position:relative; z-index:1; left:0; top:0; overflow:hidden; width:896px; height:366px}
#flashbox p{ text-align:center; line-height:30px; font-size:16px}
.img_wrap { width:896px; height:366px; overflow:hidden; position:absolute; z-index:1; left:0; top:0}
.img_wrap a{ float:left; height:366x}
.btn_wrap {position:absolute; z-index:2; bottom:8px; left:45%}
.btn_wrap a {display:inline-block; margin:0 10px; width:16px; height:16px; overflow:hidden; background-color:#fff; border-radius:50%}
.btn_wrap a.btn_cur {background-color:#0070c1; border:#fff solid 1px}
/*首页*/
.CourIdxTitle{height: 50px}
.CourIdxTitle .Name{width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #ef2d36; margin-right: 20px}
.CourIdxTitle .Column,.CourIdxTitle .BookName{width: 1030px; padding: 9px 0; border-bottom: 1px solid #e8e8e8;height: 31px}
.CourIdxTitle .ColName{width: 980px; overflow: hidden; height: 31px; line-height: 31px}
.CourIdxTitle .ColName a,.CourIdxTitle .ColName i,.CourIdxTitle .BookName a,.CourIdxTitle .BookName i{padding: 0 15px; margin-right: 15px; display: inline-block; cursor: pointer}
.CourIdxTitle .ColName a:hover,.CourIdxTitle .ColName a.cur,.CourIdxTitle .ColName i{color: #fff; background: #ff6600}
.CourIdxTitle .More{width: 50px;line-height: 31px; text-align: center; color: #ef2d36;  display: inline-block}
.CourIdxTitle .BookName{width: 548px;line-height: 31px; overflow: hidden}
.CourIdxTitle .BookName a.cur{ color:#f00}
.CourIdxList .Big{width: 460px; height:412px}
.CourIdxList .Big img{width: 460px; height: 260px}
.CourIdxList .Big .Content{width: 430px;border: 1px solid #e8e8e8;border-top: none; padding: 14px; background: #fafafa;position: relative; height: 122px}
.CourIdxList .Big h2{height: 90px; line-height: 30px; text-align: center; font-size: 16px}
.CourIdxList .Big em,.CouresList li em{width: 68px; height: 21px; line-height: 21px;text-align: center; border: 1px solid #ff0000;  color: #ff0000; margin-top: 5px;display: inline-block}
.CourIdxList .Big span,.CouresList li span{color: #ff6600;  font-weight: bold;height: 33px; line-height: 33px; position: absolute; right: 14px; bottom: 14px}
.CourIdxList .Big span{font-size: 20px}
.CourIdxList .Big a:hover{_zoom:1}
.CourIdxList .Big a:hover h2{color: #ff0000}
.CourIdxList .Big a:hover em,.CouresList li a:hover em{background:#ff0000; color: #fff }
.CouresList{width: 720px;height: 412px; overflow: hidden}
.CouresList ul{height: 414px; margin-top: -1px}
.CouresList li{height: 206px; width: 238px;padding: 1px; float: left}
.CouresList li a{display: block;height: 206px; width: 238px;}
.CouresList li img{width: 236px; height: 132px; border: 1px solid #e8e8e8; border-bottom: none;}
.CouresList .Content{padding: 0 4px; height: 69px; border: 1px solid #e8e8e8; border-top: none; position: relative}
.CouresList li h2{height: 36px; line-height: 36px; font-size: 14px;font-weight: normal; text-align: center;overflow: hidden}
.CouresList li a:hover{_zoom:1}
.CouresList li a:hover h2{color: #ff0000;cursor: pointer}
.CouresList li span{font-size: 16px; right: 1px; bottom: 1px}
.CourAdver .flexslider{height: 90px}
.CourAdver .slides li{height: 90px}
.CourAdver .flex-control-nav{margin-top: 70px;  float: right}
.CourAdver .flex-control-nav li a{border-radius: 0; color: #252525;font-size: 12px; line-height: 14px; overflow: initial}
.CourAdver .flex-control-nav li a.flex-active{color: #fff}
.CourTab a.BtnMore{ border-color:#ef2d36}
.CourTab a:hover.BtnMore{ background:#ef2d36}
/*类别*/
.CourCateTitle{height:36px; line-height: 36px; font-size: 24px;text-align: center}
.CourCateBox .CateColumn{ text-align: center}
.CourCateBox .CateColumn ul{display: inline-block;width: 380px; border: 1px solid #ff6600; border-radius: 4px}
.CourCateBox .CateColumn ul li{font-size: 18px;line-height: 46px;height:46px; text-align: center;color: #ff6600; cursor: pointer; width: 190px; float: left}
.CourCateBox .CateColumn ul li:hover,.CourCateBox .CateColumn ul li.cur{background: #ff6600; color: #fff}
.CourCateBox .CouresList{width: 1200px;height: auto}
.CourCateBox .CouresList ul{height: auto;overflow: hidden;}
.CourCateBox .CouresList .BtnMore{margin:10px 545px 0; }
/*支付确认*/
.CourPayTop{width: 1200px; overflow: hidden;}
.CourPayTop ul{width: 1260px; _position: relative; margin-left: -60px}
.CourPayTop li{width: 420px; padding-bottom: 12px; float: left; position:relative;_margin-right:-3px; }
.CourPayTop li textarea.Infor{ position:absolute; z-index:2; top:0px; right:0; height:88px; resize: none}
.CourPayTop li p{float: left; height: 40px; line-height: 40px; }
.CourPayTop li .Name{width: 80px; color: #666666;padding-left: 60px;text-indent: 8px; overflow: hidden}
.CourPayTop li .Infor,.CourPayTop li .TInfor{ height: 38px;line-height: 38px; border:1px solid #e8e8e8; border-radius: 4px;overflow: hidden;}
.CourPayTop li .Infor{width: 242px;padding: 0 18px;float: left;}
.CourPayTop li .TName{width: 60px}
.CourPayTop li .TInfor{width: 118px; text-align: center; }
.CourPayTop li .Transi{width: 40px; text-align: center}
.CourPayContent .Title{height: 32px}
.CourPayContent .Title li{height: 32px; line-height: 32px; text-align: center; color: #999999; float: left}
.CourPayContent .Title .Name{width: 650px; padding-right: 80px; position:relative}
.CourPayContent .Title .Name i{ position:absolute; right:90px}
.CourPayContent .Title .Discount{width: 310px}
.CourPayContent .Title .Price,.CourPayContent .List .Price{width: 160px}
.CourPayContent .List{height: 100px; border-top: 2px solid #e8e8e8;border-bottom: 2px solid #e8e8e8}
.CourPayContent .List li{height: 100px;line-height: 100px;text-align: center; float: left}
.CourPayContent .List .Name{width: 570px;padding:13px 0 13px 160px; height:74px; text-align: left; position: relative}
.CourPayContent .List .Name img{width: 130px; height:74px; position: absolute; left: 0; top: 13px}
.CourPayContent .List .NameBook{width: 440px;padding:13px 0 13px 100px; height:74px; line-height:25px; text-align: left; position: relative; top:0}
.CourPayContent .List .NameBook h2{ font-size:18px; font-weight:300; height:74px;overflow: hidden;}
.CourPayContent .List .NameBook img{width:74px; height:74px; position: absolute; left:0; top: 18px}
.CourPayContent .List .number{ width:120px; height:24px; padding:38px 30px; border-left:#e8e8e8 solid 1px; text-align:center}
.CourPayContent .List .Name .Title,.CourPayContent .List .Name .Title a{height:34px; line-height: 34px;font-size: 18px; overflow: hidden}
.CourPayContent .List .Name .Num{height:30px; line-height: 30px; color: #666}
.CourPayContent .List .Discount,.CourPayContent .List .Discount a{ color: #0070c1}
.CourPayContent .List .Discount{width: 308px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8}
.CourPayContent .List .Price,.CourPayContent .List .Price a{font-size: 20px; font-weight: bold; color: #fd5725}
.CourPayMode{padding-left: 150px;width: 1050px; position: relative; }
.CourPayMode .Name{height: 36px; line-height: 36px;width: 130px; font-size: 24px; position: absolute; left: 20px; top: 44px}
.CourPayMode ul li{float: left;width: 248px; padding:18px 0 18px 70px; height: 80px; line-height: 114px; border: 1px solid #e8e8e8; position: relative; margin-right: 30px; border-radius: 10px}
.CourPayMode ul li img{height: 80px;vertical-align: top;}
.CourPayMode ul li i{width: 30px; height: 30px;position: absolute; left:32px; top: 44px; display: inline-block; background-position: -1px -224px;}
.CourPayMode ul li.cur i{background-position: 0px -273px}
.CourPayMode ul li.cur{ border-color:#f60}
.CourPayMode ul li:hover{cursor: pointer}
.CourPayMode .tabBox{padding: 20px 0}
.CourPayMode .tabMain{width: 1050px}
.CourPayMode .tabMain .Ewm{width: 188px; height: 188px;float: left; margin-right: 40px}
.CourPayMode .tabMain .EwmTxt p{font-size: 20px;padding: 6px; line-height: 32px; width: 600px}
/*详情*/
.CourDeTitle{height: 54px; background: #fafafa;overflow: hidden}
.CourDeTitle a{display: inline-block; height: 54px; line-height: 54px; padding: 0 20px; font-size: 16px}
.CourDeTitle a:hover,.CourDeTitle a.cur{background: #ef2d36; color: #fff}
/*课程视频*/
.CourDeVideo{height: 498px; border: 1px solid #e9e9e9}
.CourDeVideo .VideoBox{width: 888px;height: 498px; background: #fff}
.CourDeVideo .CourDeVideoInfor{width: 310px; height: 500px; background: #fafafa; }
.CourDeVideo .tabTitle{height: 44px;background: #e8e8e8}
.CourDeVideo .tabTitle li{width: 155px; height: 44px; line-height: 44px; text-align: center;font-size: 15px; float: left}
.CourDeVideo .tabTitle li.w100{width:100% }
.CourDeVideo .tabTitle li:hover,.CourDeVideo .tabTitle li.cur{cursor: pointer; color: #ff0000; background: #fafafa}
.CourDeVideo .Chapter{height: 432px; padding: 11px 0; overflow-y:scroll; overflow-x:hidden;}
.CourDeVideo .Chapter li{ width: 218px; height: 32px; line-height: 32px; position: relative; padding: 0 60px 0 32px; margin-top:4px;overflow: hidden; }
.CourDeVideo .Chapter li .Play{width: 18px; height: 18px; left: 7px; display: inline-block;top: 7px; position: absolute; background-position: -140px -226px;display: none}
.CourDeVideo .Chapter li .State{width: 40px;padding-right: 20px; height: 32px; line-height: 32px; text-align: center;right: 0px;top: 0px; position: absolute; color: #0da944}
.CourDeVideo .Chapter li .State i{background-position: -271px -362px;width: 16px; height: 22px; display: inline-block; vertical-align: middle}
.CourDeVideo .Chapter li:hover,.CourDeVideo .Chapter li.cur{background: #fef9da; cursor: pointer}
.CourDeVideo .Chapter li.cur .Play{display: block}
.CourDeVideo .Note{width: 294px; height: 446px; padding:8px 8px 0px 8px}
.CourDeVideo .Note input,.CourDeVideo .Note textarea{width: 268px;max-width: 274px; padding:10px 12px; border: 1px solid #e8e8e8;border-radius: 4px; background: #fff; margin-bottom: 10px; color: #999999}
.CourDeVideo .Note .iptTit{height: 28px; line-height: 28px}
.CourDeVideo .Note .txtCon{height: 240px; max-height: 240px; line-height: 24px;resize:none}
.CourDeVideo .Note a{width: 294px; height: 50px; line-height: 50px;display: block; text-align: center; font-size: 18px; color: #fff; border-radius: 4px; margin-bottom: 6px}

/*课程信息*/
.CourDeInfor{height: 72px; background: #fafafa;border: 1px solid #e8e8e8; width: 858px; padding: 4px 320px 4px 20px; border-radius: 4px; position: relative}
.CourDeInfor h2{height: 42px; line-height: 40px; width: 858px; font-size: 20px; font-weight: normal; overflow: hidden}
.CourDeInfor .Infor{height: 30px;width: 858px; overflow: hidden}
.CourDeInfor .Infor p{height: 30px; line-height: 30px;float: left; margin-right: 75px; color: #666666}
.CourDeInfor .Infor p em{color: #ef2d36}
.CourDeInfor .Oper{position: absolute; right: 0px; width: 300px; height: 80px;top: 0}
.CourDeInfor .Oper a{display: inline-block;width: 125px;height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; border-radius: 4px;margin-top: 19px; margin-right: 25px;float: right}
/*课程优惠*/
.CourDeDsi,.CourDeExplain{padding: 14px;width: 1170px;border: 1px solid #e8e8e8;border-radius: 4px}
.CourDeDsi{background: #fff}
.CourDeDsi .Name{width: 52px; height: 32px;line-height: 32px; text-align: center;background: #ef2d36; font-size: 16px; color: #fff; float: left}
.CourDeDsi .Infor{width: 1100px;line-height: 24px; padding: 4px 0}
.CourDeExplain h2{height: 32px; line-height: 32px; text-align: center; color: #0070c1; font-size: 18px;font-weight: normal;margin-bottom: 10px}
.CourDeExplain .Con{line-height: 24px;word-wrap:break-word;}
.CourDeExplain .TeachCon{margin-bottom: 10px}
.CourDeExplain .TeachCon img{width: 160px; height: 130px; margin-right: 10px; float: left;}
.CourDeExplain .TeachText{margin-left: 170px;}
.CourDeExplain .TeachText .Title{height: 34px; line-height: 34px;font-weight: 16px;}
/*文库首页*/
.CourIdxMore{text-align: right;}
.BtnMore{width: 108px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #0070c1;border-radius: 4px; color: #0070c1;display: inline-block}
.BtnMore:hover{color: #fff; background: #0070c1;cursor: pointer}
.CourIdxTitle.WK .Name{background: #0070c1}
.CourIdxTitle.WK .ColName a:hover,.CourIdxTitle.WK .ColName a.cur,.CourIdxTitle.WK .ColName i{background: #ef2d36}
.CourIdxTitle.WK .More{color: #0070c1}
.LibList{ width: 896px; }
.LibLsColumn{ height: 39px; border-bottom: 1px solid #e8e8e8; width: 100%;overflow: hidden;}
.LibLsColumn li{ height: 39px;line-height: 39px;width: 149px;font-size: 16px; text-align: center;  float: left; position: relative}
.LibLsColumn li a{font-size: 16px}
.LibLsColumn li:hover{cursor: pointer}
.LibLsColumn li:hover a{color:#0070c1}
.LibLsColumn li:hover i,.LibLsColumn li.cur i{left:66px; top:40px;border-color:#0070c1 transparent transparent transparent; }
.LibLsColumn li:hover a,.LibLsColumn li.cur a{color:#0070c1;cursor: pointer; }
/*title red*/
.TitleRed li.cur i{ border-color:#ef2d36 transparent transparent transparent}
.TitleRed li:hover,.TitleRed li.cur{color:#ef2d36 !important}

.LibraryList{width: 896px;overflow: hidden}
.LibraryList ul{width: 900px; height: 366px; margin-top: -4px; margin-left: -4px;}
.LibraryList ul li{width: 294px; height: 116px; border: 1px solid #e8e8e8; background: #fafafa;float: left; margin-left: 4px; margin-top: 4px;display:inline;overflow: hidden;}
.LibraryList ul li a{width: 270px; height: 108px; padding: 4px 14px;display: block}
.LibraryList ul li a h2{height: 60px; line-height: 30px;font-size: 16px; margin-bottom: 15px;font-weight: normal;overflow: hidden}
.LibraryList ul li a em{color: #ff6600;line-height: 30px;display: inline-block}
.LibraryList ul li a span{color: #999;line-height: 30px; float: right}
.LibDownList{width: 294px;border: 1px solid #e8e8e8}
.LibDownList h2{height: 39px; line-height: 39px; text-align: center; color: #0070c1; font-size: 16px;background: #fafafa}
.LibDownList ul{ width: 274px; padding: 2px 0; overflow: hidden;position:relative;}
.LibDownList ul li{height: 46px; line-height: 46px; padding: 0px 10px 0 40px; overflow: hidden; position: relative}
.LibDownList ul li i{ left: 10px; top: 13px;}
.LibDownList ul li i,.BookDownList li i{width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; background: #a9a9a9; color: #fff}
.LibDownList ul li.One i,.BookDownList li.One i{background: #ef2d36}
.LibDownList ul li.Two i,.BookDownList li.Two i{background: #ff6600}
.LibDownList ul li.Three i,.BookDownList li.Three i{background: #ff9900}
/*文库-大类*/
.WkClassNav li a i{top: 50px;left: 80px;border-color: #0070c1 transparent transparent transparent!important; }
.WkClassNav li.out a i{display: none}
.WkChildNav{width: 1198px; padding: 10px 0px; border: 1px solid #e8e8e8;background: #fafafa}
.WkChildNav a{width: 171px;height: 32px;line-height: 32px;float: left;text-align: center;white-space: nowrap;background-position: 163px 5px}
.LibClsList{width: 896px}
.LibClassList{height: 572px;  width: 896px; overflow: hidden}
.LibClassList li{height: 44px; line-height: 44px}
.LibClassList li p{width: 566px; padding-right: 20px;height: 44px;overflow: hidden;float: left;font-size: 16px}
.LibClassList li em{width: 160px;padding-right: 20px;float: left; color: #252525}
.LibClassList li span{width: 130px;float: left; color: #999}
.LibClassList li a:hover span{color: #ff0000}
.LibClsDown{width: 296px}
.LibClsDown .LibDownList > ul{height: 276px}
.LibClsDown .LibDownList > ul.H230{height: 230px}
.PublicImg{width: 100%; max-width: 100%}
/*文库-类别*/
.LibTopTitle{height: 52px;line-height: 52px;font-weight: normal; font-size: 26px; color: #0070c1; border-bottom: 1px solid #e8e8e8}
.Current .LibSharpe{ position:absolute; right:0; top:8px; z-index:2}
.LibSharpe{height: 52px;line-height: 52px; color: #252525; font-size: 14px}
.LibSharpe i{display: inline-block;vertical-align: middle;width: 30px; height: 30px;margin-left: 10px}
.LibSharpe i.QQ{background-position: -80px -320px;}
.LibSharpe i.WeChat{background-position: -142px -320px}
.LibSharpe i.WeiBo{background-position: -200px -320px}
.LibCateTopList{overflow: hidden}
.LibCateTopList ul{margin-top: -1px}
.LibCateTopList ul li{border-top: 1px dashed #e8e8e8; margin-bottom: 20px}
.LibCateTopList ul li span{display: block; float: left; margin-top: 18px; height: 40px; line-height: 40px; width: 60px;text-align: center}
.LibCateTopList ul li p{float: right; width: 1140px}
.LibCateTopList ul li a,.LibCateTopList ul li i{display: inline-block;height: 38px; line-height: 38px;border-radius: 4px; margin-top: 18px; margin-right: 18px;border: 1px solid #e8e8e8;min-width: 122px; padding:0 8px;text-align: center}
.LibCateTopList ul li i,.LibCateTopList ul li a.cur,.LibCateTopList ul li a:hover{color: #fff; background:#ff6600;border-color: #ff6600}
.LibCateList{width: 896px}
.LibCateList ul li{height: 86px; margin-bottom: 26px; border-bottom:1px dashed #e8e8e8; }
.LibCateList ul li div{width: 650px; padding-right: 20px;float: left}
.LibCateList ul li div h2{width: 650px; height: 40px; line-height: 40px;font-size: 16px;overflow: hidden}
.LibCateList ul li div p{height: 46px; line-height: 46px;color: #666}
.LibCateList ul li div p u{width: 40px; display: inline-block; }
.LibCateList ul li span{width: 130px; height:86px; line-height: 86px;text-align: center; float: left; color: #ff6600}
.LibCateList ul li span.Free{color: #06833e}
.LibCateList ul li em{width: 96px; text-align: center; height: 28px;padding: 29px 0;float: left; display: block}
.LibCateList ul li em i{width: 27px; height: 27px; background-position: -80px -244px;display: inline-block;}
.BtS1{border-top: 1px solid #e8e8e8}
.BrS1{border: 1px solid #e8e8e8}
/*文库-详情*/
.LibDetailTop{height: 92px; padding: 15px 25px; width: 1150px;background: #fafafa}
.LibDetailTop div{width: 650px; padding-right: 75px;float: left}
.LibDetailTop div h2{height: 56px; line-height: 28px;width: 650px;overflow: hidden; font-size: 18px}
.LibDetailTop div p{height: 36px;line-height: 36px; color: #666666}
.LibDetailTop div p u{width: 45px;display: inline-block}
.LibDetailTop span{width: 245px; height: 92px; line-height: 92px;font-size: 18px; color: #ff6600;float: left}
.LibDetailTop span.Free{color: #06833e}
.LibDetailTop em{width: 180px;float: right}
.LibDetailTop em a{width: 142px; height: 48px; display: inline-block;margin: 22px 19px;background: #ff6600; color: #fff !important;border-radius: 4px;font-size: 18px;line-height: 48px; text-align: center}
.LibDetailTop em i{display: inline-block;width: 32px; height:48px;vertical-align: middle; background-position: -140px -251px}
.LibDetailList{width: 854px;padding: 20px;overflow: hidden; margin-right: 8px}
.LibDetLiTitle{height: 26px; line-height: 26px; color: #0070c1;font-size: 16px}
.LibDetLiTitle i{height: 20px;width: 4px; background: #0070c1; margin: 3px 10px 3px 0;display: inline-block; float:left}
.LibDetailCon{padding: 10px 0; font-size: 14px; line-height: 1.6;width: 854px; }
.ColumnTitle{height: 60px; line-height: 60px; text-align: center; font-size: 24px; font-weight: bold}
/*图书首页*/
.BookList{overflow: hidden}
.BookList ul{margin-left: -5px;width: 1205px; _position:relative; _left:-5px}
.BookList li{width: 220px; padding: 0 7px; height: 278px; border: 1px solid #e8e8e8;margin-left: 5px; margin-top: 5px; float: left;_margin-left: 4px;overflow: hidden;}
.BookList li img{width: 200px; height: 200px; margin: 0 10px; vertical-align: middle; display: inline-block}
.BookList li h2{height: 40px;line-height: 40px;font-size: 16px;white-space: nowrap; overflow: hidden}
.BookList li p{height: 32px; line-height: 32px; color: #252525}
.BookList li p em{height: 32px; line-height: 32px; color: #ff0000;font-size: 16px; float: right;}
.BookIndexList{width: 718px}
.BookIndexList .BtnMore,a.MoreRed{color: #ef2d36; border-color: #ef2d36}
.BookIndexList .BtnMore:hover,a.MoreRed:hover{background: #ef2d36; color: #fff}

.BookIndexList .BookList{width: 718px}
.BookIndexList .BookList ul{width: 723px;_width: 725px}
.BookIndexDown{width: 446px}
.BookDownTitle{height: 39px; padding-top: 10px; line-height: 39px; text-align: center; border-bottom: 1px solid #e8e8e8;font-size: 16px}
.BookDownList{height: 608px}
.BookDownList li{ height: 76px;padding: 0px 10px 0 100px;overflow: hidden; position: relative; line-height:32px}
.BookDownList li i{top: 0;left: 4px}
.BookDownList li em{width: 52px; height: 62px; line-height: 62px; text-align: center; display: inline-block;position: absolute; left: 32px; top: 0; border: 1px solid #e8e8e8}
.BookDownList li em img{vertical-align: middle;width: 52px; height: 62px;}
.BookDownList li a{ float:left; max-height: 64px; max-width:450px;overflow: hidden;}
.BookDownList li span{ color:#666;width: 160px; float:right}
.BookDownList li p{ float:right; color:#f60; width: 100px; font-size:18px; padding-right:10px}
/*20180422*/
.BookRank{ width:870px}
.BookRank .title{ text-align:center; font-size:16px; height:44px; line-height:44px; background:#fafafa}
.BookRank ul.BookDownList{ margin-top:25px}
.RightBox{ width:296px}
.BookRight a img.PublicImg { width:296px; height:288px}
.BookSubList li{ width:1178px; height:180px; padding:10px; border:#e8e8e8 solid 1px; background:#fff; margin-bottom:10px; position:relative; z-index:1}
.BookSubList li:hover,.PublicImg:hover,.NewHomeCont .NewR:hover,.SearchTK li:hover{ transition:all 0.5s; transform:translate(0,-6px);-webkit-transform:translate(0,-6px); -moz-transform:translate(0,-6px);-o-transform:translate(0,-6px);-ms-transform:translate(0,-6px); box-shadow:0 3px 8px rgba(0,0,0,0.12)}
.BookSubList li:hover{ background:#fffcf5; border-color:#f60}
.BookSubList li input{ cursor:pointer; width:166px; height:43px; line-height:43px; color:#fff !important; position:absolute; top:78px; right:40px; border-radius:5px}
.BookSubList li img.pic{ width:180px; height:180px}
.BookSubList li img.CourPic{ width:318px; height:180px}
.BookSubList li .BookCont{ width:600px; padding-left:35px}
.BookSubList li .BookCont h2{ height:100px; font-weight:300; overflow:hidden; padding-top:20px; line-height:30px;  font-size:18px}
.BookSubList li .BookCont p{ height:30px; line-height:30px}
.BookSubList li .BookCont p i{ color:#f60; font-size:18px; padding-right:80px}
.BookSubList li .BookCont p em{ color:#666; padding-right:20px}
.LibLsColumn li.cur,.LibLsColumn li:hover{ color:#0070c1}
.LibLsColumn li i{ display:none}
.LibLsColumn li.cur i{ display:block}
.SearchTK li{ width:1178px; height:80px; padding:10px; border:#e8e8e8 solid 1px; background:#fff; margin-bottom:10px; position:relative; z-index:1}
.SearchTK li input{ cursor:pointer; width:166px; height:43px; line-height:43px; color:#fff !important; position:absolute; top:30px; right:40px; border-radius:5px}
.SearchTK li .BookCont h2{ height:40px; overflow:hidden; font-weight:300; padding-top:5px; padding-bottom:5px; line-height:20px;  font-size:18px}
.SearchTK li .BookCont{ width:600px; padding-left:15px}
/*分页*/
.page{padding:8px 0;text-align: center; line-height: 30px}
.page a{margin-right: 5px;line-height: 30px; border: 1px solid #e8e8e8;border-radius: 4px;vertical-align: middle;display: inline-block; padding: 0px 12px}
.page a:hover,.page a.cur{background: #f40;border-color: #f40;color: #fff}
/*充值弹出*/
.layerRecharge,.layerRechargePay{width: 600px; height: 282px; box-shadow: 0px 0px 5px #e8e8e8; position: fixed; left: 50%; margin-left: -260px; top: 50%; margin-top: -141px; background: #fcfbf9; display: none}
.layerRecharge .Content{padding: 15px 20px;width: 480px;_position: relative;_top: 50px}
.layerRecharge .Infor{height: 40px; line-height: 40px;text-align: center; font-size: 18px}
.layerRecharge .Price{height: 66px; line-height: 60px;font-size: 30px; text-align: center; color: #f60}
.layerRecharge .Btn{margin-top: 45px; height: 48px; text-align: center}
.layerRecharge .Btn a{display: inline-block;width: 140px; height: 48px; line-height: 48px; text-align: center; color: #fff;font-size: 18px; vertical-align: middle; border-radius: 4px; margin: 0px 25px}
.layerRecharge .Btn .Recharge{ background: #06833e}
.layerRecharge .Btn .closeModal{ background: #fe5f66}
/*弹出样式*/
.layerRechargePay{height: 504px;margin-top: -252px; }
.layerRechargePay .Content{padding: 0 20px; width: 560px}
.layerCurrency{height: 48px;line-height: 48px}
.layerCurrency em{color: #ef2d36; line-height: 48px}
.layerRechargePay .Price{padding-top: 8px; height: 38px}
.layerRechargePay .Price li{float: left;border: 1px solid #e8e8e8; height: 36px; line-height: 36px; border-radius: 4px; color: #666666; padding: 0 15px; margin-right: 20px; cursor: pointer}
.layerRechargePay .Price li.last{cursor:auto; padding: 0}
.layerRechargePay .Price li.cur{border-color: #f00; color: #f00}
.layerRechargePay .Price li input{width: 90px; text-indent: 10px}
.layerPlayBox .Title{height: 56px; line-height: 56px}
.layerPlayBox .PayMode{height: 52px;margin: 0 0 20px; padding: 0; width: auto; background: #fcfbf9}
.layerPlayBox .PayMode li{border: 1px solid #e8e8e8; height: 40px; padding: 5px 10px; line-height: 40px; border-radius: 4px; margin-right: 20px;float: left; cursor: pointer}
.layerPlayBox .PayMode li img{height: 40px; vertical-align: middle}
.layerPlayBox .PayMode li.cur{border-color: #ff0000}
.layerPlayBox .tabMain .Ewm{width: 188px; height: 188px;float: left; margin-right: 20px}
.layerPlayBox .tabMain .EwmTxt{width: 150px}
.layerPlayBox .tabMain .EwmTxt p{font-size: 12px;padding: 6px; line-height: 22px; color: #999; width: 600px}
/*详细book页*/
.explicit a:hover{ text-decoration:none}
.explicit{ padding-bottom:18px;position: relative;}
.explicit .pic{ width:360px; padding-right:49px;position: relative;}
.explicit .pic{ width:350px; height:350px; padding:4px; border:#e8e8e8 solid 1px; text-align:center}
.explicit .cont{ width:791px; float:right}
.explicit .cont h2{ width:100%; height:auto; font-weight:300; padding-bottom:10px; font-size:22px; line-height:30px}
.explicit .cont b{ font-size:24px; color:#f60; padding:10px 0; border-bottom:#e8e8e8 solid 1px; display:block; position:relative}
.explicit .cont b del{ font-size:16px; color:#999; font-weight:300; padding-left:30px; text-decoration:line-through}
.explicit .BookFX,.NewSubTit .BookFX{ cursor:pointer; width:76px; height:24px; background:url(../images/BookFX.gif) no-repeat; display:block;}
.explicit .BookFX{position:absolute; top:370px; left:0; }
.NewSubTit .BookFX{position: relative;}
.BookFX .bdsharebuttonbox{position: absolute; left: 0;top: 24px;padding: 15px 15px 5px 15px; width: 84px; height:auto !important; display: none;
text-align: left; background: #fff;border: 1px solid #e8e8e8; box-shadow:0px 3px 5px rgba(0,0,0,0.2)}
.BookFX .bdsharebuttonbox a{margin: 0 5px !important}
.BookFX:hover .bdsharebuttonbox{display: block;}
.explicit .cont ul{ padding-top:10px}
.explicit .cont ul li{ height:40px; line-height:40px; float:left; color:#666; width:100%; overflow:hidden}
.explicit .cont ul li.ban{ width:50%}
.explicit .cont ul li em{ float:left}
.explicit .cont ul li i{ padding-left:10px; float:left}
.explicit .cont ul li .jian a,.explicit .cont ul li .jia a,.explicit .cont ul li .kuang{ margin-top:12px}
.explicit .cont .btn{ width:166px; height:43px; line-height:43px; margin-right:45px; margin-top:20px; border-radius:5px}
/*购买数量加减*/
.jian a,.jia a{ width:16px; height:16px; line-height:14px; font-size:12px; float:left; text-align:center; border-radius:3px; margin:0 5px;  border:#999 solid 1px; color:#444!important}
.jian a:hover,.jia a:hover{ border:#ee4344 solid 1px; color:#ee4344 !important} 
.kuang{ width:45px; height:16px; float:left; line-height:16px; outline:none; border-radius:3px; border:#bbb solid 1px; font-size:14px; text-align:center; font-family:Arial}
.TabBook ul{ border-color:#ef2d36 !important}
.TabBook ul li{ height:41px !important; line-height:41px !important; border-color:#ef2d36; color:#ef2d36 !important; font-size:16px !important}
.TabBook ul li:hover,.TabBook ul li.cur{background: #ef2d36 !important; color:#fff !important}
/*产品详情*/
.BookParameter{ border:#e8e8e8 solid 1px; padding:20px 30px}
.BookParameter li{ height:40px; line-height:40px; width:33%; display:inline-block}
.BookSubCont{ border:#e8e8e8 solid 1px; padding:20px; margin:30px 0 50px}
.BookExplainImg img{max-width: 100%;*width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');  }
/*estimate*/
.BookTextarea{ position:relative}
.BookEstimate{ padding:20px; height:60px; border:#e8e8e8 solid 1px; background:#fff; z-index:1; width:1158px; outline:none}
.BookTextarea i{ color:#999; background:#fff; top:75px; right:10px; position:absolute; z-index:2}
.BookTextarea .btn,.ReplyBtn{ width:166px; height:43px; line-height:43px; border-radius:5px; float:right; margin:10px 0}
.EstimatBox{ padding:30px 0 50px}
.estimat{ padding:10px 20px 10px 80px; background:#fafafa; margin-bottom:15px; position:relative; z-index:1; min-height:70px; height:70px; height:auto !important}
.estimat .pic{ position:absolute; left:20px; top:10px; z-index:2; width:43px; height:43px}
.estimat .pic img{ width:43px; height:43px; border-radius:50%}
.estimat h2{ height:30px; line-height:30px; font-size:16px}
.estimat p{ line-height:30px; padding:10px 0}
.estimat .bottom{ height:25px; line-height:25px}
.estimat .bottom i{ float:left; color:#999}
.estimat .bottom em,.estimat .bottom span{ float:right; cursor:pointer}
.estimat .bottom span{ padding:0 20px; height:23px; line-height:23px; background:#fff; border:#e8e8e8 solid 1px; border-radius:23px; margin-right:20px; color:#666}
.estimat .bottom span:hover{ border-color:#f60; color:#f60}
.estimat .bottom em{ width:25px; height:25px; background-position:-200px -375px}
.estimat .bottom em:hover,.estimat .bottom em.on{ background-position:-198px -421px}
.ReplyTextarea{ padding:20px; height:60px; border:#e8e8e8 solid 1px; background:#fff; z-index:1; width:1058px; outline:none; margin-top:20px;resize: none}
.ReplyBox{ border-top:#ccc dotted 1px; padding-top:15px; margin-top:15px}
/*news box 20180503*/
.NewsOne{ padding:20px 0}
.NewsOne li{ width:280px; padding-right:20px; float:left; padding-bottom:20px}
.NewsOne li a.on{ font-size:18px; color:#f00 !important; margin-bottom:5px; height:30px; line-height:30px; display:block; overflow:hidden; font-weight:bold}
.NewsOne li a.on:hover{ color:#f60 !important}
.NewsOne li a{ line-height:30px; height:30px; overflow:hidden; display:block}
/*new tab title*/
.NewHomeTit{ width:1030px; height:49px; line-height:49px; border-bottom:#e8e8e8 solid 1px}
.NewTit{width:980px; overflow:hidden; height:49px; line-height:49px}
.NewTit p{ float:left; padding:0 20px; cursor:pointer}
.NewTit p:hover{color:#0070c1}
.NewTit p.cur{ position:relative; z-index:1; color:#0070c1}
.NewTit p i{ display:none}
.NewTit p.cur i{ display:block; position:absolute; z-index:2; bottom:0; left:45%; height:0; width:0; overflow: hidden; font-size:0; line-height:0; border-color:transparent transparent #0070c1 transparent; border-style:dashed dashed solid dashed; border-width:8px}
.NewHomeCont{ padding-bottom:45px}
.NewHomeCont .NewR{ width:240px; height:270px; padding:6px; background:#fafafa; overflow:hidden}
.NewHomeCont .NewR img{ width:240px; height:270px}
.NewHomeCont .NewR h2{ display:block; line-height:20px; height:40px; padding:8px 3px; font-size:14px; overflow:hidden}
.NewHomeCont .NewR p{ color:#666; line-height:20px; padding:5px 3px 0}
.NewHomeCont .pic{ width:296px; height:282px; overflow:hidden}
.NewHomeCont .pic img{ width:296px; height:282px}
.NewHomeCont .pic img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);transition: all 0.5s}
.NewHomeList{ width:592px; padding:0 30px}
/*公用新闻列表*/
.PubNewList li{ width:100%; color:#999; overflow:hidden}
.PubNewList li a{ height:35px; line-height:35px; display:block}
.PubNewList li a.cur,.PubNewList li a:hover{ background-position:-510px -77px}
.PubNewList li h2 a{ background:none; font-size:18px; font-weight:bold; color:#ff0000 !important; padding:0; text-indent:5px; margin-bottom:18px}
.PubNewList li h2 a:hover{ color:#f40 !important; text-decoration:underline}
.PubNewList li i,.PubNewList li em{ float:right; padding:0 2px 0 18px; height:30px; line-height:30px}
.PubNewList li i{ color:#e02a2a}
.PubNewList li em{ color:#bbb}
/*新闻详情*/
.NewSubLeft{ width:832px; border:#e8e8e8 solid 1px; padding:30px}
.NewSubTit{ border-bottom:#e8e8e8 solid 1px;  margin-bottom:20px; text-align:center}
.NewSubTit h1{ font-size:20px; display:block; color:#f00; padding-bottom:10px}
.NewSubTit .Infor{ color:#999;padding:6px 12px}
.NewSubTit .Time{_display:inline;line-height: 32px; width: 244px;text-align:left;}
.NewSubTit .Sharpe{padding-top: 4px;}
.NewSubTit a{margin-top: 0 !important}
.NewSubCont{ padding-bottom:20px}
.NewSubCont table{border-collapse:collapse;}
.NewSubCont table td{border-style:solid;border:1px solid;}
.NewSubCont .pic{ float:right; padding:0 0 20px 20px}
.NewSubCont p{ padding-bottom:5px; line-height:30px;font-size:16px }
.NewSubCont img{max-width:100%;height:auto }
.NewSubRight{ width: 257px; padding:10px; background:#fafafa}
.NewSubRight .NewsOne{ padding:0 !important}
.NewSubRight .NewsOne li{ width:257px; padding-right:0; float:left; padding-bottom:20px}
.NewSubRight .NewsOne li a.on{ font-size:18px; color:#f00 !important; height:30px; line-height:30px; margin-bottom:5px; display:block; overflow:hidden; font-weight:bold}
.NewSubRight .NewsOne li a.on:hover{ color:#f60 !important}
.small-box{position: relative;}
.small-box .hover {display: none; position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #0099ff;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
.big-box {display: none;overflow: hidden;position: absolute;left: 361px;top: -1px;width: 358px;height: 358px;border: 1px solid #e4e4e4;background: #fff;z-index: 99}
.big-box img {display: block;}