/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}

/**/
.topNav-mod{ height:110px;}
.topNav-mod h1{ padding:39px 0 0;}
.topNav-mod .rightNav{}
.topNav-mod .rightNav .btn{ display:block; float:left; font-size:20px; color:#666; line-height:110px; margin-left:36px;}
.topNav-mod .rightNav .btn.on{ color:#3c6cf4; font-weight:bold;}
.topNav-mod .appDownLoad-btn{ display:block; float:left; width:90px; height:34px; line-height:34px; color:#fff; text-align:center; text-decoration:none; border-radius:40px; margin:38px 0 0 30px; background:#3c6cf4;}
.topNav-mod .login-con{ width:470px; height:470px; margin:30px 55px 0 0;}
.topNav-mod .login-con .yesLogin{ display:none; width:470px; height:470px; background:#fff; border-radius:15px;}
.topNav-mod .login-con .yesLogin .icon{ text-align:center; padding:59px 0 0;}
.topNav-mod .login-con .yesLogin h4{ line-height:33px; font-size:22px; color:#3c6cf4; padding-top:14px; text-align:center;}
.topNav-mod .login-con .yesLogin p{ line-height:30px; font-size:16px; color:#666; text-align:center;}
.topNav-mod .login-con .yesLogin .btn01{ display:block; width:370px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; text-decoration:none; border-radius:8px; margin:23px auto 0; background:#3233eb; background-image:-webkit-linear-gradient(left, #3d6df5, #3233eb); background-image:-moz-linear-gradient(left, #3d6df5, #3233eb); background-image:linear-gradient(left,#3d6df5,#3233eb);}
.topNav-mod .login-con .yesLogin .btn02{ display:block; width:366px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#3c6cf4; text-decoration:none; border-radius:8px; margin:15px auto 0; border:2px solid #374fef;}

/**/
.header-wrap{ width:100%; height:530px; background:url("/OtherItem/zhuxue/hunauPlatform/images/header.jpg") no-repeat center top;}

/**/
.notice-mod{}
.notice-mod .notice-tit{ line-height:140px; text-align:center; font-size:44px; padding-bottom:3px; font-weight:bold;}
.notice-mod .left-con{ width:720px; height:760px; background:url("/OtherItem/zhuxue/hunauPlatform/images/notice-bg01.jpg") no-repeat;}
.notice-mod .left-con .top-tit{ height:36px; padding:25px 31px 20px 69px;}
.notice-mod .left-con .top-tit h4{ float:left; font-size:24px;}
.notice-mod .left-con .top-tit .more-btn{ display:block; width:148px; height:36px; line-height:36px; text-align:center; font-size:16px; text-decoration:none; color:#fff; background:#3b80ff; border-radius:40px;}
.notice-mod .left-con .top-tit .more-btn:hover{ background:#2169f6;}
.notice-mod .left-con .list{}
.notice-mod .left-con .list .box{ width:640px; padding:15px 20px 19px; margin:0 auto 14px; background:#fff; border-radius:12px;}
.notice-mod .left-con .list .box h5{ height:42px; line-height:42px; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.notice-mod .left-con .list .box p{  height:42px; line-height:21px; color:#666; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.notice-mod .left-con .list .box .more{ height:26px; line-height:26px; padding:9px 0 0 0;}
.notice-mod .left-con .list .box .more .time{ float:left; color:#666; }
.notice-mod .left-con .list .box .more .more-btn{ display:block; float:right; color:#3c6cf4;}
.notice-mod .left-con .list .box:hover{ box-shadow:0 4px 8px #bcd2ec;}
.notice-mod .right-con{ width:460px; height:760px; background:url("/OtherItem/zhuxue/hunauPlatform/images/notice-bg02.jpg") no-repeat;}
.notice-mod .right-con .top-tit{ height:78px; line-height:78px; font-size:24px; font-weight:bold; padding:3px 0 0 69px;}
.notice-mod .right-con .list{}
.notice-mod .right-con .list .box{}
.notice-mod .right-con .list .box .btn{ display:block; width:420px; height:52px; line-height:52px; font-weight:bold; text-indent:19px; border-radius:12px; margin:0 auto 15px; background:url("/OtherItem/zhuxue/hunauPlatform/images/notice-ico02.png") no-repeat 398px center #fff;}

/**/
.course-wrap{ width:100%; background:#eaf2fc; margin-top:58px;}
.course-mod{}
.course-mod .tab-tit{ text-align:center; font-size:0; padding:50px 0 0;}
.course-mod .tab-tit .btn{ display:inline-block; vertical-align:top; width:369px; background:#fff; text-decoration:none; height:66px; line-height:66px; text-align:center; font-size:24px; color:#333;}
.course-mod .tab-tit .btn.on{ color:#fff; font-weight:bold; background:#a7169e; background-image:-webkit-linear-gradient(left, #218fff, #2626e5); background-image:-moz-linear-gradient(left, #218fff, #2626e5); background-image:linear-gradient(left,#218fff,#2626e5);}
.course-mod .tab-tit .btn.tags01{ border-radius:40px 0 0 40px;}
.course-mod .tab-tit .btn.tags02{ border-radius:0 40px 40px 0;}
.course-mod .tab-con{ display:none; padding-bottom:52px;}
.course-mod .tab-con .tit{ line-height:52px; border-bottom:1px solid #bcd0ea; font-size:22px; padding:16px 0 0; font-weight:bold;}
.course-mod .tab-con .list01{ padding:20px 0 0 0; width:1220px;}
.course-mod .tab-con .list01 .box{ float:left; width:265px; height:278px; padding:10px 10px 0 10px; background:#fff; border-radius:12px; margin-right:20px; box-shadow:0 5px 12px #d5e4f7;}
.course-mod .tab-con .list01 .box .pic{ width:265px; height:162px; position:relative;}
.course-mod .tab-con .list01 .box .pic img{ width:265px; height:162px; border-radius:8px;}
.course-mod .tab-con .list01 .box .pic .new-tags{ display:block; line-height:24px; color:#fff; padding:0 11px 0 7px; border-radius:0 40px 40px 0; position:absolute; left:0; top:0; background:#2e58f2; background-image:-webkit-linear-gradient(left, #2e58f2, #2628e5); background-image:-moz-linear-gradient(left, #2e58f2, #2628e5); background-image:linear-gradient(left,#2e58f2,#2628e5);}
.course-mod .tab-con .list01 .box .pic .hot-tags{ display:block; line-height:24px; color:#fff; padding:0 11px 0 7px; border-radius:0 40px 40px 0; position:absolute; left:0; top:0; background:#2e58f2; background-image:-webkit-linear-gradient(left, #f31e0a, #f66e14); background-image:-moz-linear-gradient(left, #f31e0a, #f66e14); background-image:linear-gradient(left,#f31e0a,#f66e14);}
.course-mod .tab-con .list01 .box .courseName{ height:58px; line-height:58px; font-size:20px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.course-mod .tab-con .list01 .box .buy-con{}
.course-mod .tab-con .list01 .box .buy-con .prize{ float:left; line-height:32px; font-size:20px; color:#f54c4c; font-weight:bold;}
.course-mod .tab-con .list01 .box .buy-con .btn-con{ float:right;}
.course-mod .tab-con .list01 .box .buy-con .buy-btn{ display:block; float:left; width:68px; height:32px; line-height:32px; text-align:center; border-radius:40px; color:#fff; text-decoration:none; background:#f3470a; background-image:-webkit-linear-gradient(left, #fe8e18, #f3470a); background-image:-moz-linear-gradient(left, #fe8e18, #f3470a); background-image:linear-gradient(left,#fe8e18,#f3470a);}
.course-mod .tab-con .list01 .box .buy-con .buy-btn:hover{ background:#f3470a; background-image:-webkit-linear-gradient(left, #f3470a, #fe8e18); background-image:-moz-linear-gradient(left, #f3470a, #fe8e18); background-image:linear-gradient(left,#f3470a,#fe8e18);}
.course-mod .tab-con .list01 .box .buy-con .details-btn{ display:block; float:left; width:68px; height:32px; line-height:32px; text-align:center; border-radius:40px; color:#f58339; text-decoration:none; background:#fff2da; margin-left:5px;}
.course-mod .tab-con .list01 .box .buy-con .details-btn:hover{ background:#ffdbbd;}
.course-mod .tab-con .more-btn{ display:block; width:370px; height:50px; line-height:50px; margin:32px auto 0; text-align:center; text-decoration:none; font-size:22px; color:#fff; font-weight:bold; border-radius:40px; background:#218eff; background-image:-webkit-linear-gradient(left, #218eff, #2626e5); background-image:-moz-linear-gradient(left, #218eff, #2626e5); background-image:linear-gradient(left,#218eff,#2626e5);}
.course-mod .tab-con .more-btn:hover{ background:#218eff; background-image:-webkit-linear-gradient(left, #2626e5, #218eff); background-image:-moz-linear-gradient(left, #2626e5, #218eff); background-image:linear-gradient(left,#2626e5,#218eff);}
.course-mod .tab-con .list02{ padding:20px 0 0 0; width:1220px;}
.course-mod .tab-con .list02 .box{ float:left; width:560px; height:268px; padding:10px 20px 10px 10px; background:#fff; border-radius:12px; margin-right:20px; box-shadow:0 5px 12px #d5e4f7;}
.course-mod .tab-con .list02 .box .pic{ float:left; width:265px; height:267px;}
.course-mod .tab-con .list02 .box .pic img{ width:265px; height:267px; border-radius:8px;}
.course-mod .tab-con .list02 .box .text{ float:right; width:275px;}
.course-mod .tab-con .list02 .box .text .top-tit{ height:60px; line-height:60px; padding-top:10px;}
.course-mod .tab-con .list02 .box .text .top-tit h4{ float:left; font-size:20px;}
.course-mod .tab-con .list02 .box .text .top-tit p{ display:block; float:right; color:#888;}
.course-mod .tab-con .list02 .box .text .tags{ height:80px;}
.course-mod .tab-con .list02 .box .text .tags span{ display:block; float:left; line-height:24px; color:#3c6cf4; padding:0 11px; margin:0 10px 10px 0; background:#eff5fd; border-radius:8px;}
.course-mod .tab-con .list02 .box .text .price{ height:51px; line-height:51px; border-radius:8px; background:#f9f9f9;}
.course-mod .tab-con .list02 .box .text .price p{ display:block; float:left; font-size:16px; padding-left:15px;}
.course-mod .tab-con .list02 .box .text .price h4{ display:block; float:right; font-size:20px; color:#f54c4c; padding-right:15px;}
.course-mod .tab-con .list02 .box .buy-con{ text-align:center; font-size:0; padding:15px 0 0;}
.course-mod .tab-con .list02 .box .buy-con .buy-btn{ display:inline-block; vertical-align:top; width:130px; height:32px; line-height:32px; font-size:14px; margin-right:5px; text-align:center; border-radius:40px; color:#fff; text-decoration:none; background:#f3470a; background-image:-webkit-linear-gradient(left, #fe8e18, #f3470a); background-image:-moz-linear-gradient(left, #fe8e18, #f3470a); background-image:linear-gradient(left,#fe8e18,#f3470a);}
.course-mod .tab-con .list02 .box .buy-con .buy-btn:hover{ background:#f3470a; background-image:-webkit-linear-gradient(left, #f3470a, #fe8e18); background-image:-moz-linear-gradient(left, #f3470a, #fe8e18); background-image:linear-gradient(left,#f3470a,#fe8e18);}
.course-mod .tab-con .list02 .box .buy-con .details-btn{ display:inline-block; vertical-align:top; width:130px; height:32px; line-height:32px; margin-left:5px; font-size:14px; text-align:center; border-radius:40px; color:#f58339; text-decoration:none; background:#fff2da;}
.course-mod .tab-con .list02 .box .buy-con .details-btn:hover{ background:#ffdbbd;}

/**/
.footer-wrap{ width:100%; background:#11141d;}
.footer-mod{ text-align:center; padding:70px 0;}
.footer-mod p{ line-height:38px; font-size:18px; color:#fff;}
.footer-mod p a{ color:#fff;}

/**/
.news-wrap{ width:100%; background:#f9f9f9; padding:23px 0 30px 0; border-top:8px solid #3c6cf4;}
.news-mod{ background:url("/OtherItem/zhuxue/hunauPlatform/images/news-bg01.jpg") no-repeat center top #fff; padding:30px 0 0; border-radius:12px;}
.news-mod .top-title{ text-align:center; font-size:0;}
.news-mod .top-title h1{ display:inline-block; line-height:40px; font-size:24px; position:relative;}
.news-mod .top-title h1:before{ content:""; width:20px; height:17px; position:absolute; left:-34px; top:12px; background:url("/OtherItem/zhuxue/hunauPlatform/images/news-ico01.png") no-repeat;}
.news-mod .top-title h1:after{ content:""; width:20px; height:17px; position:absolute; right:-34px; top:12px; background:url("/OtherItem/zhuxue/hunauPlatform/images/news-ico02.png") no-repeat;}
.news-mod .con01{ padding:0 50px 20px;}
.news-mod .con01 h4{ line-height:60px; font-size:20px;}
.news-mod .con01 p{ line-height:34px; padding:0 0 12px 0;}
.news-mod .con01 a{ color:#3c6cf4;}
.news-mod .con02{ padding:0 40px 20px;}
.news-mod .con02 .box{ background:#f6faff; border-radius:12px; margin-bottom:15px; padding:18px 30px 23px;}
.news-mod .con02 .box h4{ line-height:46px; font-size:20px; color:#3c6cf4;}
.news-mod .con02 .box p{ line-height:30px; font-size:16px;}
.news-mod .con02 .box02{ background:#fff; border-radius:12px; padding:23px 32px;}
.news-mod .con02 .box02 h5{ line-height:40px; font-size:16px; color:#3c6cf4;}
.news-mod .con02 .box02 h6{ line-height:40px; font-size:16px;}
.news-mod .con02 .tips{ padding:27px 0 0;}
.news-mod .con02 .tips h4{ line-height:41px; font-size:20px; padding-left:31px; background:url("/OtherItem/zhuxue/hunauPlatform/images/news-ico03.png") no-repeat left center;}
.news-mod .con02 .tips p{ line-height:34px; font-size:16px;}

.zxkf-btn{ display:block; width:92px; height:179px; position:fixed; right:0; top:50%; margin-top:-90px; background:url("/OtherItem/zhuxue/hunauPlatform/images/zxkf.png") no-repeat;}