/* CSS Document */
* {box-sizing: border-box;font-family:"Microsoft Yahei","微软雅黑",verdana,sans-serif;}
html,body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;    word-break: break-all;}
html,body{ font-size:14px; font-family:"微软雅黑";width:100%; min-width: 1280px;  height:100%; color:#393939;}
ol,ul,iframe{margin:0; padding:0;}
li{ list-style:none;}
img,input,em{ border:none; vertical-align:middle;}
th,b{ font-weight:normal;}
a{  text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
input::-ms-clear, input::-ms-reveal{display: none;}
input,button,select,textarea{
    outline:none;-webkit-apperance:normal;
}
input,input[type='checkbox']{ outline:none; border:none; }
textarea{font-family:"微软雅黑"; border:1px solid #dcdcdc;font-size: inherit;  }
select{ outline:none;font-family:"微软雅黑";color:inherit;border: solid 1px #e7e7e7; }
select option{font-family:"微软雅黑";color:inherit; font-size: inherit;}
select:focus{ border:1px solid #81d867!important;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0;}
em, i{ font-style:normal;}
table{ border-collapse:collapse; border-spacing:0; }
table{border:1px solid #eee; width: 100%;}
th{ padding:0 5px; background:#f4f4f4; height:30px; line-height:30px;  padding:0 5px; text-align:center; font-size: 14px;}
td{ border-bottom:1px solid #eee;  line-height:16px; font-size:14px; padding:20px 5px;}
table td.tRight,table th.tRight{ text-align:right; padding-right:10px;}
table td.tLeft,table th.tLeft{ text-align:left; padding-left:5px;}
table tr:nth-child(2n){ background-color: #fafafa;}
*::before, *::after {box-sizing: border-box;}
.dNone{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.f12{ font-size:0.75em;}
.f14{ font-size:0.875em;}
.martop15{ margin-top:15px;}
.martop20{ margin-top:20px;}
.marlt20{ margin-left:20px;}
.textleft{ text-align:left;}
.relative{ position:relative;}
.clearfloat:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.clear {clear:both;height:0;line-height:0; font-size:0; width:0;}
.redtxt{ color:#ff1232!important;}
.gretxt{ color: #38c85f!important;}
.graytxt{ color:#bbbbbb;}
.error{ color:#e84054; font-size:12px; margin-top:10px;}
.textright{ text-align:right;}
.ellipsis{text-overflow: ellipsis;overflow : hidden;  word-break: break-all;display: inline-block; white-space: nowrap; width: 100%; max-width: 450px;}
label{ cursor:pointer;position:relative;}
label input{ opacity: 0;filter:alpha(opacity=0);  margin-right: 8px; }
label.radio em{ position:absolute; left:2px; top:2px; width:16px; height:16px; display:inline-block; }
label.radio em{background:url('../image/danx_nor.png') no-repeat;}
label.radio.checked em{background:url('../image/danx_icon_hig.png') no-repeat;}
/*placeholder*/
.placeholder{ position:relative;}
/*[placeholder]{font-family:"微软雅黑";  color: #b1b1b1;}*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #b1b1b1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#b1b1b1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#b1b1b1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#b1b1b1;}
.placeholder em{ position:absolute; left:50px; top:3px; color:#6a6a6a; font-size:14px;}
.import{ font-size:12px; color:#f65366;}
a:link,a:visited{ color:inherit;}
.combtn{height: 30px;line-height: 30px;border-radius: 4px;background-color: #38c85f;border: 1px solid #38c85f; display: inline-block; padding: 0 15px; color: #fff;}
.combtn:hover{ background-color:#54ca72}
.combtn_1{height: 30px;line-height: 30px; margin-left:15px;border-radius: 4px;background-color: #fff;border: 1px solid #38c85f; display: inline-block; padding: 0 15px; color: #38c85f;}
.combtn_1:hover{ background-color: #f7faf9; }
/*头部*/
.header{ width: 100%;  color: #393939; height: 65px; top: 0; background: #fff; border:  1px solid #ebebeb; z-index: 99; position: fixed; min-width: 1280px; margin: 0 auto;}/*box-shadow: 0 2px 4px 0 #ececec;*/
.inwrapper{ width: 1280px; margin: 0 auto;}
.lglogo,.lgtitle,.lglogan{ display: inline-block; height:65px; }
.lglogan{background: url("../image/login_slong.png") no-repeat center; width: 118px;}

.lglogo{ background: url("../image/Wyk8-logo.png") no-repeat center; width: 125px;cursor: pointer; background-size: 100%;}
 .header_nav{ display: inline-block;  width: 73%; float: right; height: 63px;  position: relative;}
.header_nav > a,.ucenter{ display: block; cursor: pointer; height: 63px;  float:left;line-height: 63px;  margin-left: 17px; padding: 0 10px;}
.header_nav > a.cur{ border-bottom: 3px solid #38c85f; color: #38c85f;}
.header_nav{ display: inline-block;  width: 73%; float: right; height: 63px;  position: relative;}
.header_nav > a,.ucenter,.serch_head{ display: block; cursor: pointer; height: 63px;  float:left;line-height: 63px;  margin-left: 17px; padding: 0 10px;}
.header_nav > a.cur{ border-bottom: 3px solid #38c85f; color: #38c85f;}
.header_nav  ul{  position: absolute;     text-align: center;display: inline-block; top: 63px; right: 0; width: 163px;  padding: 10px 0; border-radius: 2px;background-color: #ffffff; box-shadow: 0 2px 6px 0 rgba(207, 206, 206, 0.5); z-index:6;}
.ucenter_list  li{ height: 26px; margin-bottom: 8px; line-height: 26px; text-align: center;  }
.ucenter_list  li:hover,.ucenter_list  li.cur{   color: #38c85f;}
/*.ucenter_list.senavbox  li:hover  ,.ucenter_list.senavbox  li.cur  {color: #ffffff !important;}*/
.ucenter span{ vertical-align: middle; display: inline-block; }
.ucenter > span > em{ display: inline-block; width: 114px; text-align: right; }
.ucenter.usercenter img{vertical-align: -18% ; width: 35px; height: 35px; border-radius: 50%; margin-left: 5px;}
.usercenter.ucenter:hover ul{ display: block;}
.ucenter_list  li a{ padding-left: 16px;}
.header_nav  ul.dNone{ display: none;}
.senavbox:hover ul{ display: block;}
.ucenter{ padding-right: 0;  position: relative;}
.header_nav .ucenter:last-child{ float: right;}
.lgre_ipwrapper{ position: relative; margin-left:50px;  }
.lgre_ipwrapper.inting input{border:1px solid #38c85f;}
.lgre_ipwrapper input{ width: 186px; height: 34px; line-height: 34px; z-index: 9; border:1px solid #e7e7e7;  border-radius: 4px; padding-left: 5px;  }
.lgre_ipwrapper .placeholder{  position: absolute; left: 18px;color: #b1b1b1; cursor: default; }
.news{ position: relative;}
.ucenter_list  li{ height: 35px; margin-bottom: 8px; line-height: 35px; text-align: center; background-position: 35px 11px; background-repeat: no-repeat;}

.news em{ border-radius: 50%; display: inline-block; letter-spacing: -1px;  background: #ff1232;   height: 14px; width: 14px; line-height: 14px; text-align: center; color: #fff; font-size: 12px; position: absolute; top: 20px; right: -3px;}
.perset{ background-image: url("../image/usercent_set_icon.png");}
.perstudy{ background-image: url("../image/usercent_danan_icon.png");}
.perorder{ background-image: url("../image/usercent_dindan_icon.png");}
.peraccout{ background-image: url("../image/usercent_zhanhu_icon.png");}
.perlgout{ background-image: url("../image/nav_meun_exit_normal.png");}
.perQuan{background-image: url("../image/usecent_youhuijun_nor_icon.png");}
.perQuan>a {padding-left: 12px !important;}
.header_nav ul.ucenter_list li.perset:hover{ background-image: url("../image/usercent_set_icon_higlight.png");}
.header_nav ul.ucenter_list li.perstudy:hover{ background-image: url("../image/usercent_danan_icon_highligth.png");}
.header_nav ul.ucenter_list li.perorder:hover{ background-image: url("../image/usercent_dindan_highligth.png");}
.header_nav ul.ucenter_list li.peraccout:hover { background-image: url("../image/usercent_zhanhu_icon_highligth.png");}
.header_nav ul.ucenter_list li.perlgout:hover{ background-image: url("../image/nav_meun_exit_highligth.png"); background-color: #38c85f; color: #fff;}
.header_nav ul.ucenter_list li.perQuan:hover{ background-image: url("../image/usecent_youhuijun_hig_icon.png");}
.mystudy{ background-image: url("../image/wodexuexi.png");}
.mystudy.cur,.header_nav ul.ucenter_list li.mystudy:hover{ background-image: url("../image/wodexuexi01.png");}
/*footer*/
.footer{background-color: #343a40; color: #fff;  line-height: 2; margin-top: 80px; text-align:left;}
.footer .infooter p{ width: 80%; margin-left: 60px; margin-bottom: 14px;}
.footer .infooter p:first-child a{ margin-right: 66px; }
.footer .infooter p:first-child a:hover,.footer .infooter p span a:hover{color: #38c85f;}
.footer .infooter p:last-child a{ margin-right: 40px;}
.footer .infooter p >a:first-child{display: inline-block; width: 80px;margin-right:36px;}
.footer .infooter p span{display: inline-block;    vertical-align: top; width: 80%; }
.footer .infooter p span a{ margin-right:83px; }
.infooter{background-color: #495057; padding: 36px 0; }
.infooter .inwrapper{position: relative;}
.mfooter{ text-align: center; padding: 26px 0 0; }
.ercodewapper{ position: absolute; right:0; top:-13px; width: 233px;}
.erlist{ width: 49%; text-align: center; display: inline-block;}
.erlist img{ width: 96px; height: 96px;}
.erlist span{ display: block; font-size: 12px;    line-height: 1.4;    margin-top:6px;}
/*index*/
.pro_banner{ margin-top: 65px; height: 400px; position: relative;}
.index_navtitle{ margin-top: 40px;  margin-bottom: 77px;}
.index_navtitle h2{letter-spacing: 1px;margin-bottom: 20px;font-size: 24px;font-weight: bold; text-align: center;  background: url("../image/tu0.png")no-repeat bottom center; padding-bottom: 25px;   color: #333333;}
.index_navtitlelist a{ display: inline-block;width: 237px; height: 100px; line-height: 100px; text-align: center; margin-right: 23px; background-color: #4eba97;font-size: 24px; border-radius: 6px;font-weight: bold;color: #ffffff;letter-spacing: 1px;}
.index_navtitlelist a:hover{background-color: #f2982e;}
.index_navtitlelist a:last-child{ margin-right: 0;}
.index_contlist{ width: 100%; padding: 65px 0; }
.index_contlist1{ background-color: #eff3f5;}
.index_contlist2{ background:url("../image/indexbg.png")no-repeat bottom center ;}
.index_navbarwrapper{ margin-bottom: 45px; height:45px;}
.index_navbarwrapper >div{ display: inline-block; height: 100%;}
.indexiconwrapper{color: #333333;font-size: 24px;letter-spacing: 1px;font-weight: bold;}
.index_contlist1 .indexiconwrapper{ background: url("../image/caikuaixueyuan.png") no-repeat left center; padding-left:50px; line-height: 50px; }
.index_contlist2 .indexiconwrapper{ background: url("../image/jisuanjixueyuan.png") no-repeat left center; padding-left:50px; line-height: 50px; }
.index_contlist3 .indexiconwrapper{ background: url("../image/ncre.png") no-repeat left center; padding-left:45px;  }
.index_contlist4 .indexiconwrapper{ background: url("../image/chuji.png") no-repeat left center; padding-left:45px; }
.index_contlist7 .indexiconwrapper{ background: url("../image/kuaijishicao.png") no-repeat left center; padding-left:45px; }
.index_contlist5 .indexiconwrapper{ background: url("../image/shiting.png") no-repeat left center; padding-left:45px; line-height: 60px;}
.index_contlist6 .indexiconwrapper{ background: url("../image/mingshi.png") no-repeat left center; padding-left:42px; line-height: 60px;}
.indexmorewrapper{ float: right;}
.indexmorewrapper a{ display: inline-block;height: 26px; line-height:24px;text-align: center;padding: 0 15px;  margin-left:18px;background-color: #ffffff;  border-radius: 4px;  border: solid 1px #eeeeee;}
.indexmorewrapper a:hover{ background-color: #38c85f; color: #fff;}
.indexmorewrapper a.bmore{ background:#fff url("../image/refresh.png") no-repeat 8px center; padding-left: 30px;}
.indexmorewrapper a.bmore:hover{background:#38c85f url("../image/refresh0.png") no-repeat 8px center; color: #fff;}
.index_contlist li{width: 296px; position: relative; height: 406px; background: #ffffff;   box-shadow: 0px 16px 20px 0px rgba(15, 86, 230, 0.1); border-radius: 6px; margin-right: 26px; display: inline-block;}
.index_contlist li:last-child{ margin-right: 0;}
.cntlist_title{width: 100%; height: 95px; line-height:95px; text-align:center;font-size: 24px;letter-spacing: 1px;background: #e46a76 url("../image/kechengbg0.png") no-repeat  center 48px;  border-radius: 6px 6px 0px 0px;color: #ffffff;}
.index_contlist li h4{font-size: 14px; padding: 19px;color: #333333;letter-spacing: 1px; text-align: left;}
.cnt_describe{ padding: 0 30px;color: #999999;font-size: 14px;letter-spacing: 1px; text-align:center;}
.index_contlist li p{ width: 189px; margin: 15px auto;  padding-bottom:6px;text-align: left; padding-left:34px;font-size: 14px;letter-spacing: 1px;border-bottom: 1px solid #e8ebee;    color: #4d4d4d;}
.lilayer{ position: absolute;width: 100%; bottom: 0; height: 148px; text-align: center; display: none;}
.lilaybg{ z-index: 1; background-image: linear-gradient(180deg,#ddd 0%,#333 100%),linear-gradient( #ccc, #333);opacity: 0.25;}
.lilayerbtn{ z-index: 3;}
.lilayerbtn a{ display:block; margin:20px auto;width: 200px;font-size: 20px; height: 45px; line-height: 45px; text-align: center; color: #fff; background-image: linear-gradient(90deg, #48e06d 0%,  #38c85f 99%),  linear-gradient( #38c85f,  #38c85f);  border-radius: 23px;}
.index_contlist li:hover .lilayer{ display: block;}
/*.index_contlist1 .lilayerbtn{ padding-top: 20px;}*/
.indexnavwrapper{ margin-left: 45px;}
.indexnavwrapper a{ display: inline-block; margin: 0 35px;color: #333333;font-size: 18px;}
.indexnavwrapper a:hover,.indexnavwrapper a.cur{ color: #38c85f;}
.listimg{ position: absolute; display: inline-block; width: 68px; height: 65px; right:45px; top: 14px;}
.listclass1 .listimg{ background: url("../image/kuaijikecheng_bg0.png") no-repeat center;}
.listclass2 .listimg{ background: url("../image/kuaijikecheng_bg1.png") no-repeat center;}
.listclass3 .listimg{ background: url("../image/kuaijikecheng_bg2.png") no-repeat center;}
.listclass4 .listimg{ background: url("../image/kuaijikecheng_bg3.png") no-repeat center;}
/*会计实训 二级页面*/
.kjsecend_wrapper .inwrapper{background-color: #fff; padding:  40px 0;}
.kjsecend_wrapper.index_contlist{ padding-bottom: 138px;}
.kjsecend_wrapper .index_navbarwrapper{ border-bottom: 1px solid #eee; padding: 0 30px; line-height: 60px; height: 60px;}
.kjsecend_wrapper.index_contlist li{  width:230px;height: 250px;  margin-bottom:30px;border:1px solid #f1f1f1; margin-right: 23px;border-radius: 4px;box-shadow: none;}
.kjsecend_wrapper.index_contlist li:hover{box-shadow: 0px 6px 10px 0px rgba(15, 86, 230, 0.1);}
.clsbox li .ellipsis{max-width: 251px; font-size: 14px; text-align:left;}
.clsbox{ padding-left: 56px;}
.clsbox li img{width: 100%; height: 174px;}
.kjsecend_wrapper .indexnavwrapper a{margin: 0 15px;}
.kjsecend_wrapper.index_contlist li h4{ padding:4px 10px;}
.kc_num,.ck_valide{color: #878787; font-size: 12px; }
.bsinfo{ padding: 0 10px;height: 26px;    line-height: 26px;}
.sp_price{font-size: 20px; font-weight: bold;color: #d21b1b;}
.ck_valide{ text-decoration: line-through;margin-left: 10px;}
.kc_num{ float: right;}
/*商城*/
.serchewrapper{ border:1px solid #eee; margin-bottom: 30px; }
.newstab{ width: auto; padding: 0 20px;}
.pertit{ height: auto !important; padding: 10px 33px; margin: 0; border:none;border-bottom: 1px solid #f1f1f1; font-size:14px;}
.pertit a.cur{ color: #38c85f;}
.shopmartWrapper{ border: 1px solid #eee; padding:0px;}
.clstit{height: 28px; width: 100%;color: #242424;font-size: 20px; border-left: 4px solid #38c85f; padding-left: 15px; margin: 30px 0 30px;font-weight: bold;}

/*计算机等级二级页面*/
.computer_navtitle{ background-color: #eff3f5;}
.secodeNavbar_wrapper{ position: absolute; top:13px;padding: 12px 0px 12px 10px; left:50%; margin-left: -634px; z-index:9;width: 284px;  height: 374px; background-color: #ffffff;box-shadow: 0px 6px 6px 0px  rgba(41, 42, 41, 0.1);}
.secodeNavbarlist{ display: flex; flex-wrap: wrap;}
.secodeNavbarlist li{   width: 85px; height: 85px; margin-right: 4px;  margin-bottom: 4px;  background-color: #f7f7f7; text-align: center;}
.secodeNavbarlist li img{ display: block; margin: 13px auto 11px; }
.computer_navtitlelist{padding-top: 53px;}

.computer_navtitlelist > div{ display: inline-block;width: 416px;  margin-right:11px;height: 108px; line-height: 108px;font-size: 20px;color: #333333; padding-left:66px; background: #ffffff url("../image/bg_jisuanji.png") no-repeat right bottom; box-shadow: 0px 6px 20px 0px rgba(15, 86, 230, 0.1);border-radius: 6px;}
.computer_navtitlelist > div img{ margin-right: 23px;}
.computer_navtitlelist > div:last-child{ margin-right: 0;}
.computer_navtitlelist div span{   display: inline-block; width: 20px;  margin-left: 99px; height: 20px; background: url("../image/in.png") no-repeat center;}
.computer_navtitlelist div:hover span{background: url("../image/iin1.png") no-repeat center;}
.index_contlist3 .indexmorewrapper a.activebtn{ background-color: #3d7aea; color: #fff; }
.indexiconwrapper{ position: relative;}
.index_contlist3 .indexiconwrapper:after,.index_contlist4 .indexiconwrapper:after,.index_contlist5 .indexiconwrapper:after,.index_contlist6 .indexiconwrapper:after,.index_contlist7 .indexiconwrapper:after{ content: ""; display: inline-block; width: 100%; height: 4px; background-color: #f1ae47; position: absolute; bottom: -1px; left: 0;}
.compterleft{ width: 173px;}

.kjsecend_wrapper.index_contlist3 li{ width: 360px; height: 264px;}
.computerclsbox li .proimg{ position: relative; height: 200px; padding: 49px 21px;font-size: 20px; float:none; }
.computerclsbox li .proimg img{ position: absolute; right:22px; top:44px; width: 120px; height: 120px;}
.computerclsbox li .proimg h3{  font-size: 19px; word-break: break-word;}
.kjsecend_wrapper.index_contlist3 li .bsinfo{background-color: #fafafa; border-top:1px solid #eee; height: 62px; line-height:62px;}
.computerclsbox li .proimg span{ display: inline-block;height: 22px; margin-top: 30px; line-height: 22px;padding: 0 8px; font-size: 14px; background-color: #f1ae47;  border-radius: 10px;}
.computerclsbox li .kc_num{ float: left;}
.computerclsbox li .sp_price{ float: right;}
.computerclsbox li:hover .proimg img{ animation: suofang .8s ease forwards;}
@keyframes suofang {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.comsecbox li:hover{color:#5a5ac6;}
.secodeNavbarlist li{ position: relative; padding-top: 53px;overflow: hidden;}
.secodeNavbarlist li img{ position: absolute; left: 50%; margin-left: -15px; top:6px; }
.comsecbox li:hover img{transition:top .1s 0s ease-out;top:0px;    -webkit-transition:top .1s 0s ease-out;  }
/* 初级会计二级页面*/
.chujisewrapper li{ background-color: #fff;}
.chujisewrapper li:hover{ box-shadow: 0px 6px 6px 0px rgba(41, 42, 41, 0.1); background-color:#fff; border-radius: 10px;}
.index_contlist4 li{padding-bottom: 14px;   position: relative;top: 0;transition: top .3s;-moz-transition: top .3s;-webkit-transition: top .3s;-o-transition: top .3s;}
.index_contlist4 li:hover{box-shadow: 0 4px 24px 0 rgba(0,0,0,0.12);top: -6px;transition: top .3s;-moz-transition: top .3s;-webkit-transition: top .3s;-o-transition: top .3s;}
.kjsecend_wrapper.index_contlist4 li{ height: 456px; float:left;}
.bottomlayer{ position: absolute; bottom: 20px; width: 100%; text-align: center;}
.adsbox{ height: 28px;line-height:28px;border-radius: 4px;border: solid 1px #f3664a;  color:#f3664a;padding: 0 10px; display: inline-block;}
.apricebox span{color: #f3664a; font-weight: bold;font-size: 24px; margin-right: 10px;}
.apricebox{ margin: 4px auto;}
.apricebox i,.apricebox span i{ font-size: 14px;}
.apricebox >i{ color: #333;}
.btnsbox a{ display: inline-block;	width: 87px; height: 32px; line-height: 32px; text-align: center; border-radius: 4px;border: solid 1px #d2d2d2;}
.btnsbox a:first-child:hover{  background-color: #eeeeee;}
.index_contlist4 li p{ margin : 10px auto;}
.btnsbox a.btsbuy{color: #ffffff;background-color: #f3664a; margin-left: 21px;border: solid 1px #f3664a;}
.btnsbox a.btsbuy:hover{background-color: #f37158;}
.index_contlist4.kjsecend_wrapper{ padding-bottom: 0;}
.teleft{ width: 817px; float: left; background-color: #fff;}
.teright{ width: 442px; height: 603px; float: right; background-color: #fff;}
.teacherwrapper{ padding-top: 10px; margin-bottom: 20px;}
.teacherwrapper .index_navbarwrapper{ border-bottom: 1px solid #eee; height: 61px; padding-left: 43px;}
.teacherwrapper .index_navbarwrapper .indexiconwrapper:after{ bottom: 0; }
.sectWrapper{ padding-left: 56px;}
.sectWrapper li{width:338px;transition:all .2s;float:left;margin:0 20px 20px 0}
.sectWrapper li .list-img{position:relative}
.sectWrapper li .list-img img{display:block;width:100%;height:197px}
.sectWrapper li .list-img .play-layer{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:all .25s}
.sectWrapper li .list-img .play-layer:before{content:"";left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transition:all .25s;background:url(../image/hk_new_index_icons3.png) 0 -115px;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}
.sectWrapper li .show-img{display:block;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #ddd}
.sectWrapper li .list-img:hover .play-layer{opacity:1}
.sectWrapper li .list-img:hover .play-layer:before{-webkit-transform:scale(1);transform:scale(1)}
.shadow_class{transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-transform .2s}
.shadow_class:hover{box-shadow:0 6px 15px rgba(0,0,0,.1)!important;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.play-icon{display:inline-block; position:absolute;width: 38px; height: 24px; color:#fff;background-color: #1ab1ed;border-radius: 0px 12px 0px 12px; top: 20px; left: 20px; text-align: center; font-size: 12px; line-height: 24px;}
.list-name{ margin-top: 14px;}
.teacherlist{ padding: 10px 12px; margin-left: -34px;}
.teacherlist li{border-bottom: solid 1px #eff3f5;  padding: 20px 0px 20px 20px; }
.teacherlist li .teimg-box{ float: left; width: 40%;background-color: #e6e7e9; text-align:center; padding:5px 0 0; border-radius: 10px;}
.perteacher{ display: inline-block; float: left; width: 59%; padding-left: 18px; margin-top: 20px;}
.tname{font-size: 18px;color: #333333;font-weight: bold;}
.desname{background-color: #f1ae47; display:inline-block;  margin-left:18px;height:20px; line-height:20px;border-radius: 10px; padding: 0 20px; color: #fff; font-size: 12px;}
.perteacher p{ margin-top: 15px;}
.per_show .swiper-slide img{ width: 70px; height: 70px; border-radius: 50%; float: left;    border: 3px solid #fff;}
.per_show li{ width: 257px; background-color:#fafafa;position: relative; border-radius: 4px;margin-right: 24px;height: 380px; float: left;}
.sli1 .preinfo{ background: url("../image/rongyu_bg1.png") no-repeat center;}
.sli2 .preinfo{ background: url("../image/rongyu_bg2.png") no-repeat center;}
.sli3 .preinfo{ background: url("../image/rongyu_bg3.png") no-repeat center;}
.sli4 .preinfo{ background: url("../image/rongyu_bg4.png") no-repeat center;}
.per_show li:hover{top: 0px;transition: top .3s;-moz-transition: top .3s;-webkit-transition: top .3s;-o-transition: top .3s;}
.feninfo{ margin-top:15px; margin-bottom: 15px; }
.feninfo span{ font-size:12px; margin-right: 6px; }
.feninfo span.last{ margin-right: 0;}
.feninfo em{  vertical-align: baseline;}
.personlistwrapper .index_contlist{ padding-top: 0;}
.preinfo{ height: 161px;  border-radius: 6px 6px 0px 0px;  color: #fff;    padding-top: 59px; text-align: center;}
.persumary{ padding: 20px; line-height:26px;}
.personlistwrapper .index_contlist { margin-bottom: 40px;}
.personlistwrapper .kjsecend_wrapper.index_contlist4 li{ height: 407px;}
.preinfo img{ display: block; position: absolute; top: -24px; left: 50%; margin-left: -40px;}
#studySwiper .swiper-slide{ padding-top: 25px;}
.preinfo >span{ font-size: 14px;}
.preinfo >span em:first-child{ font-size:18px;font-weight: bold; margin-right: 20px;}
.personlistwrapper .index_contlist4 .indexiconwrapper{ background: url("../image/rongyu.png") no-repeat left center;}
#proSwiper.swiper-container{ padding-top: 31px;}
/*激活码*/
.codewrapper{height: 214px;background:url("../image/jihuobaaner.jpg") no-repeat center ;}
.codetitle{ text-align: center; margin: 50px auto 20px;}
.codetitle a{ display: inline-block; padding-left: 35px; line-height:56px;font-size: 24px; border-bottom:  solid 2px #fff; margin:0 50px;}
.lineactive{ background: url("../image/jihuochaxun0.png") no-repeat left center; margin-right: 80px;}
.lineactive.cur,.lineactive:hover{background: url("../image/jihuochaxun.png") no-repeat left center; border-bottom:  solid 2px #54ca72; color: #38c85f; }
.offactive{background: url("../image/tuojijihuo0.png") no-repeat left center; margin-left: 80px;}
.offactive.cur,.offactive:hover{background: url("../image/tuojijihuo.png") no-repeat left center; border-bottom:  solid 2px #54ca72; color: #38c85f; }
.codemainbox{ width: 1080px; margin: 20px auto; padding: 50px 26px;border-radius: 10px;border: solid 1px #dadce2;}
.lineactivebox{ text-align: center;}
.codemainbox a{ display: block;width: 206px;height: 50px; line-height: 50px;font-size: 16px;color: #ffffff; background-color: #54ca72;border-radius: 25px; text-align: center; margin: 50px auto;}
.codemainbox a:hover{ background-color: #38c85f}
.codemainbox input{ border-bottom: 1px solid #eee; padding-bottom: 6px; width: 352px; padding-left: 10px;}
.codemainbox span{ display: inline-block;width: 100px; text-align: right;}
.codelist{ margin-bottom: 20px;}
.codeleft,.coderight{ width: 49%; float: left;}
.coderight p{ text-indent: 30px; line-height: 1.8; letter-spacing: 1px;}
.yancode input{ width: 168px;}
.yancode img{width: 100px; height: 39px; margin-left: 15px;vertical-align: text-bottom;}
.codemainbox .codeleft{}
/*下载*/
.down_wrapper{ margin-top: 65px; height: 52px; text-align: center; line-height: 52px;   background-color: #f2f3f7;}
.down_wrapper a{ margin: 0 26px; color: #666;}
.down_wrapper a.cur{ color: #38c85f;}
.downTabwrapper{ background: url("../image/downbg.png")no-repeat center 98px ; width: 100%;}
.innavbar{ text-align: center; width: 55%; border-bottom: 1px solid #eff3f5; margin: 40px auto;  padding-bottom: 28px;}
.innavbar a{ display: inline-block; padding-top: 40px; margin: 0 40px;}
.windowscorn{ background: url("../image/0windows1.png") no-repeat top center;}
.windowscorn:hover,.windowscorn.cur{background: url("../image/0windows.png") no-repeat top center; color: #38c85f;}
.adndroidcorn{ background: url("../image/0Android1.png") no-repeat top center;}
.adndroidcorn:hover,.adndroidcorn.cur{background: url("../image/0Android.png") no-repeat top center;color: #38c85f;}
.iphonecorn{ background: url("../image/0iPhone1.png") no-repeat top center;}
.iphonecorn:hover,.iphonecorn.cur{background: url("../image/0iPhone.png") no-repeat top center;color: #38c85f;}
.weixincorn{ background: url("../image/0weixin1.png") no-repeat top center;}
.weixincorn:hover,.weixincorn.cur{background: url("../image/0weixin.png") no-repeat top center;color: #38c85f;}
.weixincorn{ padding-left: 10px; padding-right: 10px;}
.dwon_sublist{ text-align: center; min-height: 285px; padding-bottom:50px;}
.dwon_sublist >div{ display: inline-block; width: 49%;}
.imgwrapper{ text-align: right;  height: 100%; float: left;}
.imgwrapper> img{ margin-right: 50px; display: inline-block; vertical-align: bottom;}
.aubcontentbox{ text-align: left;float: left; padding-left: 50px; height: 100%;}
.aubcontentbox h2{font-size: 40px; font-weight: normal;  margin-bottom: 10px; padding-top: 44px; }
.aubcontentbox h3{font-size: 22px; font-weight: normal; margin-bottom: 30px; }
.suberdownimg img{ width: 205px; height: 205px;}
.inlinebox{display: inline-block; color: #808080;   line-height: 1.5; vertical-align: bottom; padding-bottom: 10px;   }
p.blutxt{color: #427dcb;}
.gostudybtn{ display:block;width: 250px;height: 70px; line-height: 70px; background-image: linear-gradient(90deg,#ff7b15 0%, #ffb015 100%), linear-gradient(  #3d7aea,  #3d7aea);
    font-size: 30px;  border-radius: 35px; color: #fff !important; text-align: center; margin-top: 30px;}
.dlistwrapper{ width: 457px;}
.dlistwrapper dt { width: 100%;  border-bottom: 1px solid #e5e5e5}
.dlistwrapper dt a{font-size: 16px;color: #333333; margin-right: 40px;  display: inline-block;padding-bottom: 10px;}
.dlistwrapper dt a.cur{ border-bottom: 4px solid #f1ae47;font-weight: bold;}
.dlistwrapper dd ul{ width: 100%; margin-top: 16px;}
.dlistwrapper dd ul li{ display: inline-block; width: 219px; float: left; margin-bottom: 10px; height: 60px;  background-color: #f4f4f4; text-align: center;color: #666666; position: relative;}
.dlistwrapper dd ul li:nth-child(2n-1){ margin-right: 14px;}
.dlistwrapper dd ul li:hover{ background-color: #2d93d5; color: #fff;}
.dlistwrapper dd ul li a i{color: #333; display: block; margin-top: 10px;}
.dlistwrapper dd ul li:hover a i{color: #fff; }
.listclass1 p{ background: url("../image/diantu.png") no-repeat 10px center ;}
.listclass2 p{ background: url("../image/diantu1.png") no-repeat 10px center ;}
.listclass3 p{ background: url("../image/diantu2.png") no-repeat 10px center ;}
.listclass4 p{ background: url("../image/diantu3.png") no-repeat 10px center ;}
.alyer{ display: inline-block; height: 100%; width: 100%; line-height:60px; text-align: center; position: absolute; top:0; left: 0;background-color: #2d93d5; }
.dlistwrapper{ position: relative;}
.dlistwrapper dd ul li a.alyer.dNone{ display: none; }
.dlistwrapper dd ul li:hover a.alyer{ display: block;}
/*侧边栏*/
.slider_rbanner{ padding-top: 5px; position: fixed; width: 58px; height: 200px; background-color: #fff;box-shadow: 0 2px 6px 0 rgba(207, 206, 206, 0.5);border-radius: 4px; top:50%; margin-top: -110px; right: 20px; z-index: 5;}
.slider_rbanner li{ width: 100%; height: 62px; position: relative;}
.slider_rbanner li a{ display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 12px; padding-top: 35px;letter-spacing: -1.6px;}
.slider_rbanner li:hover a{ color: #38c85f;}
.weixin a{ background: url("../image/right_nav_weixin_nor.png") no-repeat  center 15px;}
.weixin:hover a{ background: url("../image/right_nav_weixin_hig.png") no-repeat  center 15px;}
.kefu a{ background: url("../image/right_nav_kefu_nor.png") no-repeat  center 15px;}
.kefu:hover a{ background: url("../image/right_nav_kefu_hig.png") no-repeat center 15px ;}
.suggust a{ background: url("../image/right_nav_yijian_nor.png") no-repeat center  15px ;}
.suggust:hover a{ background: url("../image/right_nav_yijian_hig.png") no-repeat  center 15px;}
.top a{ background: url("../image/right_nav_top_nor.png") no-repeat  center 11px;}
.top:hover a{ background: url("../image/right_nav_top_hig.png") no-repeat  center 11px;}
.top:hover a{ background: url("../image/right_nav_top_hig.png") no-repeat  center 11px;}
.weixin div{ position: absolute; right:56px;width: 135px; top:-5px;height: 138px;border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(207, 206, 206, 0.5);background-color: #ffffff; padding: 10px;}
.weixin div img{ width: 117px; height:117px; }
.weixin:hover div{ display: block;}
.static{margin-top: 14px;}
.static .inwrapper{ background: #fff; padding: 0 0 54px; }
.static_cnt{width:1120px; margin: 10px auto;  line-height: 1.6;}
.static_cnt dt{ position: relative; font-weight: bold;font-size: 16px; color: #191919;  padding: 12px 0;}
.static_cnt dd{border-bottom: 1px solid #efefef; padding: 0px 0 12px;}
.static_cnt .left_border{ top:14px;}
.sumary{ padding: 47px 0 20px;border-bottom: 1px solid #efefef;}
.contactus{ width: 407px; margin: 40px auto; border-bottom: none; line-height: 1.8;}
.contactus img{ width: 100%; margin-top: 20px;}
.prolist .newstab{ width: auto; padding: 0 20px;}
.prolist .pertit{ height: auto !important; padding-bottom: 10px; padding-top: 10px; margin: 0; border:none;border-bottom: 1px solid #f1f1f1 }
.slider_rbanner{height: auto; width: 70px;  padding: 0; }
.slider_rbanner li{ height: 70px;}
.slider_rbanner li:hover{ background-color: #26c651; }
.slider_rbanner li:hover a{color: #fff; border-bottom: 1px solid #26c651;}
.slider_rbanner li a{ padding-top: 46px;  border-bottom: 1px solid #f2f2f2; margin: 0 5px; width: 58px;}
.slider_rbanner li.kefu{ background-color: #26c651; color: #fff; }
.slider_rbanner li.kefu a{border-bottom: 1px solid #26c651;}
.gongzhonghao a {background: url(../image/gongzhong.png) no-repeat center 10px;}
.slider_rbanner li.gongzhonghao:hover  a {background: url(../image/gongzhong0.png) no-repeat center 10px;}
.weixin a {background: url(../image/chengxu.png) no-repeat center 10px;}
.slider_rbanner li.weixin:hover  a {background: url(../image/chengxu0.png) no-repeat center 10px;}
.kefu a {background: url(../image/kefu0.png) no-repeat center 10px;}
.slider_rbanner li.kefu:hover  a {background: url(../image/kefu0.png) no-repeat center 10px;}
.tel a {background: url(../image/dianhua.png) no-repeat center 15px;}
.slider_rbanner li.tel:hover  a { background: url(../image/dianhua0.png) no-repeat center 15px;}
.app a {background: url(../image/APP.png) no-repeat center 15px;}
.slider_rbanner li.app:hover a {background: url(../image/APP0.png) no-repeat center 15px;}
.top a {background: url(../image/backtop.png) no-repeat center 11px;}
.slider_rbanner li.top:hover  a {background: url(../image/backtop0.png) no-repeat center 11px;}
.slider_rbanner li:hover div{display: block; }
.slider_rbanner li div{ position: absolute;   padding: 10px; right: 73px; width: 146px; top: 0;box-shadow: 0px 0px 6px 0px rgba(0, 11, 19, 0.1);background-color: #ffffff;}
.slider_rbanner li div img{ width: 100%;}
.tel div{ padding: 10px 24px 15px 24px;}
.app div{   text-align: center;}
.weixin div{ text-align: center; height: auto;}
.gongzhonghao div{ width: 280px !important; text-align: center;}
.gongzhonghao div img{ width: 129px !important;}
.gongzhonghao div p{ border-top: 1px solid #f2f2f2; padding-top: 8px;}
.gongzhonghao div label{ display: inline-block; width: 50%; text-align: center; padding-bottom:8px;}
.nologin a{ color:#fff!important;}
.nologin a.combtn_1{ color:#38c85f!important;}
#nickName { width:174px;}
#nickName .ellipsis{ width:74%;}
.codemainrapper { margin-bottom:70px;}
/*遮罩层 弹框*/
.layer{  display:none; z-index:999;}
.layer-bg{width:100%; height:100%; position:absolute;filter:alpha(opacity=70);opacity: 0.7; background:#000; top:0; left:0; z-index:999;}
.div-table{ background:#ffffff; width:420px; position:absolute; left:50%; top:50%; border-radius: 4px; color:#666;box-shadow: 0px 7px 50.7px 6.3px rgba(0, 0, 0, 0.1);z-index:999;}
.layer-main{  padding:20px; }
.cloesbtn,.caluclose,.alertCloesbtn{ float:right; display: inline-block; width: 14px; height: 14px; background: url("../image/alert_close_nor.png") no-repeat left center;margin-top: 12px;margin-right: 12px;}
.layertab{ height:40px; line-height:40px; width:100%;  padding-left:18px; color:#242424;  border-bottom: solid 1px #f7f7f7; font-size:16px;}
.common_tips{ width:320px; }
.coderesult td{ padding: 10px; }
.coderesult tr td:first-child{ width:30%;}
.coderesult table{ margin-bottom:30px;}
.offlineactiove td {
    padding: 10px;
}

.offlineactiove tr td:first-child {
    width: 30%;
}

.offlineactiove table {
    margin-bottom: 30px;
}
.ucenter.senavbox img{ margin-left:5px;}
.nologin .combtn,.nologin .combtn_1{ line-height:28px;}
.serchewrapper .pertit:first-child{ position:relative; border-bottom:none;}
.serchewrapper .pertit:first-child:after{ content:""; display:block; position:absolute; width:96%; bottom:0;left:2%; border-bottom:1px dashed  #e4ecf3; height:1px;}
.infooter .inwrapper{ font-size:14px;}
.Audition_box { position:fixed; top:50% !important; margin-top:-315px;}
.newfot a,.newfot span{ margin-right: 10px;}