@charset "gb2312";/*全局样式*//* reset */
/* html{-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, input, textarea, blockquote, th, td, span{ margin:0px; padding:0px}
body{ font-size:14px; font-family:"Microsoft YaHei", SimSun, '\5b8b\4f53', sans-serif; line-height:18px}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details{ display:block}
table{ border-collapse:collapse; border-spacing:0}
fieldset, img{ border:0px}
address, caption, em, code, i, strong, font{ font-style:normal; font-weight:normal}
pre, code, kbd, samp{ font-family:inherit}
ol, ul{ list-style:none}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal}
a{ text-decoration:none; color:#333}/*clear*/
input:focus,textarea:focus{outline:none}
input,textarea,select{font-family:inherit;font-weight:inherit}
input,textarea{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;border:0;background: none;}
input::-webkit-input-placeholder{color:#ccc;}

.clearfix:after{ display:block; visibility:hidden; overflow:hidden; clear:both; height:0; font-size:0px; content:''}
.clearfix{ zoom:1}
.top-nav-wrap{ top:0}/* layout-box */
.layout-box{ width:1196px; margin:0 auto; clear:both}
.ch-coursemain{ width:100%}
.w300{ width:284px}
.w460{ width:436px}
.w220{ width:208px}
.w145{ width:137px !important}
.w140{ width:132px !important}
.ch-cousebox{ width:100%; line-height:0}
.ch-cousebox a{ display:block}
.f-mt20{ margin-top:20px}
.ch-iconorg{ background:#f65221}
.ch-icongreen{ background:#66b664}
.ch-iconred{ background:#ff6e65}
.ch-icongre2{ background:#85c583}
.ch-colorg{ color:#ff923d}
.ch-colgreen{ color:#66b664}
.ch-colred{ color:#ef3620}
.ch-colblue{ color:#63a7e3}
.ch-bgorg{ background:#ff923d}
.ch-bggreen{ background:#60b25e}
.ch-bgred{ background:#ef3620}
.ch-bgblue{ background:#63a7e3}/* float */
.fl{ float:left}
.fr{ float:right}
.blank20{ width:100%; height:20px; line-height:20px; font-size:0px; text-indent:3333px; overflow:hidden; clear:both; display:block}
.fb{ font-weight:bold}/**顶部区**/
.header-wrap{ padding-top:51px;
background:#fff;
}
.nav-wrap-box{
background:#fff;
}
.top-nav-wrap .tn-header{ width:1220px; margin:0px auto}/* logo区域 */
.logo-header{ padding:25px 0px; position:relative}/*logo*/
.logo-fl{ margin-right:100px; height:40px}
.logo-fl a{ display:block}
.nav-wrap{ position:relative; z-index:10}/* 搜索框 */
.search-wrap{ position:relative; z-index:50;}
.search-wrap .search-input-wrap{ border:solid 1px #c8c8c8; width:434px; position:relative; float:left; line-height:38px; height:38px}
.search-input-wrap .search-ico{ background:url(wx-page-ico.png) no-repeat; width:18px; height:18px; display:block; position:absolute; left:10px; top:10px}
.search-input-wrap .s-con-input{ display:block; width:100%; height:38px; border:none; padding:0; line-height:38px; text-indent:38px; z-index:1; font-size:14px; position:relative; background:transparent}
.search-input-wrap .search-hot{ position:absolute; right:10px; top:0px}
.search-input-wrap .search-hot a{ font-size:12px; width:60px; height:18px; line-height:18px; color:#666; background:#eee; text-align:center; display:inline-block}
.search-input-wrap .search-hot a:hover{ background:#ff8500; color:#fff}
.ch-search-hot{ display:inline-block; height:20px; padding:10px 10px 10px 0; position:absolute; top:0; right:0; z-index:50}
.ch-search-hot a{ display:inline-block; margin-right:10px; height:20px; font:normal 12px/20px "宋体"; color:#888; padding:0 7px; background:#eee; vertical-align:top}
.ch-search-hot a.ch-seahot{ background:#ffa4a0; color:#fff}
.ch-search-hot a:hover{ background:#ff4c44; color:#fff}/*搜索按钮*/
.search-button{ background:#f3f3f3; width:104px; height:40px; text-align:center; color:#888; font:normal 18px/40px "Microsoft Yahei", "Arial", sans-serif; border:solid 1px #c8c8c8; border-left:none; float:left; cursor:pointer}
.search-button:hover{ background:#ff4c44; color:#fff; border-color:#ff4c44}/*搜索框下拉*/
.ui-autocomplete{ border:solid 1px #eee; padding:10px; width:443px; position:absolute; left:0px; top:39px; background:#fff; z-index:999}
.ui-autocomplete .dl-list dt{ background:#f8f8f8; height:26px; line-height:26px; padding:0px 10px; font-size:12px; color:#bbb; margin-bottom:10px}
.ui-autocomplete .dl-list dt span{ color:#f00}
.ui-autocomplete .dl-list dt span i{ background:url(wx-page-ico.png) no-repeat 0px -32px; width:9px; height:9px; display:inline-block; margin-left:3px; vertical-align:middle}
.ui-autocomplete .dl-list dt span em{ vertical-align:middle; display:inline-block}
.ui-autocomplete .dl-list dd{ line-height:30px; color:#666; font-size:14px}
.ui-autocomplete .dl-list dd span{ margin-right:10px}
.ui-autocomplete .dl-list dd:hover{ background:#f8f8f8; color:#f00}/*右边二维码*/
.logo-header .logo-fr-box{ position:absolute; right:0; top:7px; padding:0 4px; border:1px solid #e8e8e8; display:block; background:#fff; text-align:center; width:70px}
.logo-header .logo-fr-box:hover{ border:1px solid #e8baba}
.logo-header .logo-fr-box a{ display:block; width:70px; height:70px; margin-top:3px}
.logo-header .logo-fr-box img{ width:70px; height:70px}
.logo-header .logo-fr-box p{ line-height:12px; color:#f00; font-size:12px; line-height:14px; padding:3px 0 4px 0; text-align:center}/*导航*/
.header-nav-wrap{ height:34px; position:relative; z-index:11}
.main-nav{ height:34px; line-height:34px; font-size:16px}
.main-nav a, .main-nav span{ display:inline-block; vertical-align:top}
.main-nav a{ color:#333; font-weight:500; padding:0 35px}
.main-nav a:hover{ color:#ff4c44}
.main-nav span{ width:1px; height:10px; margin-top:12px; background:#eee}
.main-nav a.ch-activenav{ padding:0; width:284px; text-align:center; color:#fff; background:#e84932; border-radius:2px 2px 0 0}/*url(wx-page-ico.png) 0 -320px no-repeat */
.main-nav a.ch-activenav:hover{ color:#fff}/*科目分类*/
.wx-catalog{ width:284px; position:absolute; left:0px; top:34px; z-index:40; box-shadow:0px 1px 2px #ddd;}
.wx-catalog dl{ background:#fff; border:solid #fff 2px; padding:17px 0; border-bottom:1px solid #eee}
.wx-catalog dl:hover{ border:solid 2px #e84932; background:#ffffed; margin-top:-1px; padding-top:18px; padding-bottom:16px; position:relative; z-index:2}
.wx-catalog dl dt{ height:26px; padding:0 10px 0 16px; line-height:26px; font-size:16px; color:#333; font-weight:bold;}
.wx-catalog dl dt span, .wx-catalog dl dt a{ display:inline-block; vertical-align:middle}
.wx-catalog dl dt span{ background:url(//img.233.com/wx/img/index/2016/nav-ico.png) no-repeat; width:16px; height:16px; margin-right:8px; margin-bottom:4px;}
.wx-catalog dl dt span.ck-ico{ background-position:0px -114px}
.wx-catalog dl dt span.cj-ico{ background-position:0px -57px}
.wx-catalog dl dt span.zc-ico{ background-position:0px -170px}
.wx-catalog dl dt span.qt-ico{ background-position:0px -228px}
.wx-catalog dl dt span.xx-ico{ background-position:0px -284px}
.wx-catalog dl dt a{ font-size:16px; height:26px; line-height:26px; color:#333; font-weight:bold; margin-left:8px}
.wx-catalog dl dt a:hover{ color:#ff4840}
.wx-catalog dl dd{ margin-top:5px; padding:0 11px;}
.wx-catalog dl dd a{ display:inline-block; line-height:26px; white-space:nowrap; height:26px; vertical-align:middle; overflow:hidden; color:#555; padding:0px 6px; margin-left:-2px; position:relative; font-size:15px;}
.wx-catalog dl dd a span{ display:block; width:1px; height:10px; background:#f0f0f0; position:absolute; top:9px; right:0; z-index:2}
.wx-catalog dl dd a:last-child span{ display:none}
.wx-catalog dl dd a.blue{ color:#f40}
.wx-catalog dl dd span.hot-ico{ background:url(wx-page-ico.png) no-repeat 0px -56px; width:21px; height:12px; display:inline-block; position:absolute; right:-7px; top:-7px}
.wx-catalog dl dd a:hover{ color:#f00; text-decoration:none;}
.wx-catalog dl dd.nav-line{ border-top:solid 1px #eee; padding-bottom:0px}
.wx-catalog dl dd div{ display:none}
.wx-catalog dl:hover dd div{ display:block; width:100%; margin-top:-8px; position:absolute; z-index:50; left:-2px; top:100%; background:#ffffed; border:2px solid #ff4c44; border-top:0}
.wx-catalog dl:hover dd div p{ padding:0 20px 8px 10px}/*banner区块*/
.wx-banner-wrap{ position:relative; z-index:2}
.wx-activity_slide{ width:100%; height:380px;background: #e13b29;}
.activity_slide{ width:100%; height:auto;background: #e13b29;}
.activity_slide .activity_images{ height:380px; width:100%; overflow:hidden;background: #e13b29;}
.activity_slide .activity_images li{ width:100%; height:380px; position: absolute; overflow:hidden; top:0px; left:0px;background: #e13b29;}
.activity_slide .activity_images li a{ display:block; width:685px; overflow:hidden; line-height:0; position:absolute; left:50%; margin-left:-314px}
.activity_slide .activity_images li a img{ width:100%}
.wx_banner_center{ width:1220px; margin:-380px auto 0px auto; position:relative; height:380px; z-index:4}
.wx-bc_center{ position:absolute; width:640px; height:24px; margin-left:-294px; left:50%; bottom:20px; z-index:6}
.promo-nav{ height:24px; text-align:center}
.promo-nav li{ float:left; display:-moz-inline-stack; display:inline-block; vertical-align:middle; *vertical-align:auto; zoom:1; *display:inline; margin-right:1px; *margin-left:1px; width:127px; *width:126px; _width:134px; height:24px; color:#fff; position:relative}
.promo-nav li .bg{ position:absolute; top:0px; left:0px; z-index:5px; width:100%; height:24px; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:top 0.3s, height 0.3s; background:rgba(0,0,0,0.3); *background:#000; filter:alpha(opacity=30)}
.promo-nav li.on .bg, .promo-nav li:hover .bg{ height:27px; top:-3px; background:rgba(0,0,0,0.65); *background:#000; filter:alpha(opacity=65)}
.ctrl-dot{ padding:0px; margin:0px; position:absolute; height:10px; *padding-top:10px; top:-10px; left:0px; width:100%; text-align:center; display:none}
.promo-nav .on .ctrl-dot{ display:block}
.ctrl-dot i{ display:inline-block; padding:0px; width:8px; height:3px; background:#fff; margin:-4px 1px 0; position:relative}
.promo-nav h4{ position:absolute; top:0; left:0px; width:100%; height:24px; line-height:24px; z-index:7; color:#fff}
.ctrl-dot i.now, .title-list p.now i{ background:#f30}
.title-item{ width:223px; height:auto; background:rgba(0,0,0,0.65); *background:#000; filter:alpha(opacity=65); position:absolute; bottom:24px; z-index:0; display:none; transition:background-color 1s; -moz-transition:background-color 1s; -webkit-transition:background-color 1s; -o-transition:background-color 1s; padding-bottom:5px}
.title-list{ display:block; padding:4px 12px 0; height:auto}
.title-list p{ float:left; width:100%; height:24px; line-height:24px; text-align:left}
.title-list p i{ display:inline-block; padding:0px; width:8px; height:3px; background:#fff; position:relative; vertical-align:middle; margin:0 8px}
.title-list p a{ color:#fff}
.title-list p a:hover{ color:#ff0}
.promo-nav li:hover .title-item{ display:block}
.promo-nav li:hover .ctrl-dot{ display:none}
.promo-nav li:hover .bg{ height:24px; top:0px}
.promo-opt{ position:relative}
.promo-opt a{ display:none; width:36px; height:70px; background:url(wx-page-ico.png) no-repeat -96px -112px; opacity:0.7; cursor:pointer; position:absolute; left:0px; top:-205px}
.promo-opt .icon_next{ background-position:-151px -112px; right:0; left:auto;}
.activity_slide:hover .promo-opt a{ display:block}/***顶部右侧栏目***/
.wx_bc_right{ width:228px; height:340px; position:absolute; left:50%; top:20px; z-index:10; margin-left:370px; overflow:hidden; border-radius:2px; background:#fff}/**登录前**/
.ch-loginbox{ width:100%}
.wx-course-my-info{ padding:15px 10px 0 10px}
.wx-course-my-info .my-headimg{ width:50px; height:50px; border-radius:50%; overflow:hidden; display:block; float:left}
.wx-course-my-info a.my-headimg img{ width:100%; height:100%}
.wx-course-my-info .info-detail{ padding:0 0 5px 10px; float:left; width:145px; font-size:14px}
.wx-course-my-info .info-detail>p{ height:20px; line-height:20px; color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wx-course-my-info .info-detail p a{ color:#e84932}
.wx-course-my-info .info-detail a.ch-loginout{ color:#888}
.login-entry{ height:30px; padding:10px 0 0 15px}
.login-entry a{ display:block; float:left; margin-right:10px; width:94px; height:28px; line-height:28px; text-align:center; border:1px solid #e84932; color:#e84932; border-radius:2px}
.login-entry a:hover{ background:#e84932; color:#fff}
.login-entry a.btn-login{ background:#e84932; color:#fff}
.login-entry a.btn-login:hover{ background:#d83e28}
.login-iconmain{ width:229px; border-top:1px solid #f6f6f6; margin-top:10px; overflow:hidden}
.login-iconmain li{ width:33.33%; float:left}
.loginicon-box{ display:block; height:46px; border-right:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; padding:8px 0 9px 0; text-align:center; *cursor:pointer}
.loginicon-icon{ height:30px; width:40px; margin:0 auto; background:url(https://img.233.com/wx/img/index/2017/wx-page-ico.png) no-repeat; position:relative; transition:all .5s}
.loginicon-box:hover .loginicon-icon{ transform:translateY(-5px)}
.loginicon-icon span{ display:none; height:14px; line-height:14px; min-width:10px; border-radius:7px; color:#fff; font-size:12px; padding:0 2px; font-family:"Arial"; position:absolute; z-index:3; top:0; left:24px; background:#e84932}
.loginicon-ascen{ background-position:-410px 0}
.loginicon-course{ background-position:-410px -32px}
.loginicon-moble{ background-position:-410px -90px}
.loginicon-order{ background-position:-410px -60px}
.loginicon-coupon{ background-position:-410px -120px}
.loginicon-envel{ background-position:-410px -150px}
.loginicon-munber{background-position:-411px -188px;text-indent:-99999px;font-size:0px;}
.loginicon-box p{ height:16px; line-height:16px; font-size:12px; color:#888}
.loginicon-box:hover p{ color:#e84932}
.login-news{ display: none; padding:15px 13px 0 13px; line-height:20px; height:40px; font-size:12px}
.login-news p{ height:20px; line-height:20px; overflow:hidden; color:#888;}
.login-news p span{ display:inline-block; vertical-align:middle; height:14px; font:lighter 12px/14px "Arial", "Microsoft Yahei"; padding:0 2px; border:1px solid #85c583; color:#85c583; margin-right:6px; border-radius:2px}
.login-news p a{ color:#888; line-height:20px}
.login-news p a:hover{ color:#e84932}
.login-member{ padding:10px 15px 20px 15px;}
.login-member h5{ height:20px; line-height:20px; padding-bottom:5px; font-size:16px; color:#e84932}
.login-member h5 span{ display:inline-block; width:20px; height:20px; margin-right:3px; background:url(https://img.233.com/wx/img/index/2017/wx-page-ico.png) -290px -270px no-repeat; vertical-align:top}
.login-member p{ height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#888;}
.login-member p span{ display:inline-block; width:14px; height:14px; line-height:14px; float:left; font-family:"Arial", "Microsoft Yahei"; border-radius:50%; color:#f77d5d; border:1px solid #fcdcd0; text-align:center; vertical-align:middle; margin-top:3px}
.login-member p a{ display:inline-block; height:22px; margin-left:5px; max-width:185px; overflow:hidden; _margin-left:5px; _display:block; _width:170px; color:#888}
.login-member p a:hover{ color:#e84932}/****登录后****/
.ch-login-userbtn{ padding-top:7px}
.ch-login-userbtn a{ display:inline-block; height:30px; line-height:30px; font-size:12px}
.ch-login-learn{ width:95px; text-align:center; color:#fff; background:#e84932; float:left; border-radius:2px; transition:0.5s}
.ch-login-learn:hover{ background:#d33822}
.ch-login-out{ float:right; color:#888; padding-right:10px;}
.ch-learnbox{ padding:10px 15px 0 15px}
.ch-learn-tit{ height:26px; line-height:26px; color:#555; font-size:16px}
.ch-learnago{ width:100%}
.ch-learnago dt{ height:26px; line-height:26px; overflow:hidden; font-size:14px}
.ch-learnago dt a{ color:#555}
.ch-learnago dd{ padding-top:3px}
.ch-learnago dd div{ width:44px; height:18px; line-height:18px; font-size:12px; float:left; border-radius:2px; border:1px solid #85c583; color:#85c583; text-align:center}
.ch-learnago dd p{ padding-left:52px}
.ch-learnago dd p span, .ch-learnago dd p a{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:12px}
.ch-learnago dd p a{ color:#888}
.ch-learnago a:hover{ color:#d33822}
.ch-learnago dd p span{ color:#aaa}
.ch-learnnone{ text-align:center; padding-top:20px}
.ch-learnnone span, .ch-learnnone i{ display:inline-block; height:36px; vertical-align:top}
.ch-learnnone span{ width:34px; background:url(wx-page-ico.png) -360px -60px no-repeat}
.ch-learnnone i{ line-height:18px; color:#888; font-size:14px; margin-left:10px; text-align:left}/*顶部广告区*/
.feature-panel-wrap{ background:#f5f5f5; padding:20px 0}
.feature-panel-list{ padding-left:284px; _padding-left:260px; width:912px; _width:980px; margin:0 auto}
.feature-panel-list li{ width:284px; height:176px; margin-left:20px; float:left}
.feature-panel-list li.w140{ width:140px}
.feature-panel-list li a{ display:block; background:#fff; line-height:0; *cursor:pointer; position:relative; text-align:center; z-index:0}
.feature-panel-list li:nth-child(1) a:before,.feature-panel-list li:nth-child(2) a:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; background: #eee; transition: .5s}
.feature-panel-list li:nth-child(1) a:hover:before,.feature-panel-list li:nth-child(2) a:hover:before{ top:5px; left:5px}
.feature-panel-list li a img{ max-width:100%}
.feature-panel-time{ position:absolute; z-index:5; left:15px; bottom:15px; width:80%; height:20px; text-align:left; font-size:12px; color:#666; line-height:20px}
.feature-panel-time span{ display:inline-block; height:20px; width:20px; vertical-align:top; font-family:"Arial", sans-serif; background:#444; color:#fff; border-radius:2px; text-align:center; margin:0 5px}
.feature-box2{ height:160px; padding-top:16px; text-align:center}
.feature-box2 h5{ height:24px; line-height:24px; color:#333; font-size:18px}
.feature-box2 h6{ height:18px; line-height:18px; margin-top:5px}
.feature-box2 h6 span{ display:inline-block; width:94px; color:#fff; font-size:12px}
.feature-box2 div{ height:100px; padding-top:13px}
.feature-box2 div img{ max-width:100%; transition:all 0.5s}
.feature-box2:hover div img{ transform:translateY(-5px)}/*****栏目标题*****/
.ch-titpub{ height:40px; padding:30px 0 20px 0}
.ch-titpub span, .ch-titpub i{ display:inline-block; height:40px; line-height:40px; vertical-align:middle; font-size:28px; color:#333}
.ch-titpub span{ width:40px; background:url(wx-page-ico.png) no-repeat; margin-right:5px}
.ch-titpub a.ch-titlink{ display:inline-block; font-size:14px; line-height:40px; color:#999; padding:0 5px; margin-left:10px; vertical-align:bottom; float:right;}
.ch-titpub a.ch-titlink:hover{ color:#f85e30;}
.ch-hotcla span{ background-position:-235px -20px}
.ch-freecou span{ background-position:-235px -65px}
.ch-goodteach span{ background-position:-236px -111px}/****热门课程****/
.ch-hotcloum a{ border:0; transition:.5s; position:relative}
.ch-hotcloum a img{ max-width:100%}
.ch-hotcloum a:before{ content:""; display:block; width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0; background:#f5f5f5; transition:.5s;}
.ch-hotcloum a:hover:before{ top:5px; left:5px}
/*.ch-hotcloum a:hover{ box-shadow:0px 3px 3px 0px #f7f7f7}*//*****免费学习*****/
.ch-freemain{ padding-bottom:30px}
.ch-freelisten{ width:284px; height:196px; position:relative; float:left; overflow:hidden}
.ch-freelisten img{ width:100%; transition:.6s ease all}
.ch-freelisten:hover img{ -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1)}
.ch-freelis-box{ width:100%; height:100%; position:absolute; z-index:2; top:0; left:0}
.ch-freelis-box div{ padding:30px 35px}
.ch-freelis-box h4{ height:44px; line-height:44px; color:#fff; font-size:36px}
.ch-freelis-box p{ padding-top:12px; position:relative; color:#fff; font-size:12px; line-height:16px}
.ch-freelis-box p span{ display:block; _display:inline; width:72px; height:2px; background:#fff; position:absolute; z-index:2; top:2px; left:0}
.ch-freelis-box a{ display:inline-block; height:36px; margin-top:23px; border-radius:20px; padding:0 15px; line-height:36px; font-size:18px; background:#f15e4d; color:#fff}
.ch-freelis-box a span{ display:inline-block; width:24px; height:36px; vertical-align:top; margin-left:10px; background:url(wx-page-ico.png) -80px -220px no-repeat}
.ch-freelis-box a:hover{ color:#ff4c44; background:#fff}
.ch-freelis-box a:hover span{ background-position:-200px -105px}
.ch-freelist{ width:912px; float:left}
.ch-freelist li{ width:208px; height:196px; margin-left:20px; _margin-left:15px; float:left}
.ch-freelist li a{ display:block; background:#f5f5f5; height:196px; *cursor:pointer}
.ch-freelist li a .ch-free-leftimg{ width:100%; height:117px; overflow:hidden; position:relative; line-height:0}
.ch-freelist li a .ch-free-leftimg img{ width:100%; transition:.6s ease all}
.ch-freelist li a:hover .ch-free-leftimg img{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05)}
.ch-freelist li a .ch-free-leftimg span.ch-freeicon{ display:block; width:50px; height:50px; position:absolute; z-index:10; top:0; left:0; background:url(wx-page-ico.png) -200px -250px no-repeat}
.ch-freelist li a .ch-free-leftimg span.ch-freebg{ display:none; width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; background:#000; background:rgba(0,0,0,0.6); filter:alpha(opacity=60); -webkit-opacity:0.6; -moz-opacity:0.6; opacity:0.6; transition:0.5s}
.ch-freelist li a .ch-free-leftimg span.ch-freebtn{ display:none; width:48px; height:48px; position:absolute; z-index:5; top:50%; left:50%; margin:-24px 0 0 -24px; background:url(wx-page-ico.png) -200px -170px no-repeat; transition:0.5s}
.ch-freelist li a:hover .ch-free-leftimg span.ch-freebg, .ch-freelist li a:hover .ch-free-leftimg span.ch-freebtn{ display:block}
.ch-freelist li h4{ height:34px; line-height:34px; padding:0 10px; font-size:16px; color:#333; overflow:hidden}
.ch-freelist li .ch-free-info{ padding:8px 15px 0 10px; height:26px; font-size:14px; transition:0.5s}
.ch-freelist li .ch-free-info i, .ch-freelist li .ch-free-info font{ display:inline-block; vertical-align:middle}
.ch-freelist li .ch-free-info i{ max-width:90px; height:26px; line-height:26px; color:#999}
.ch-freelist li .ch-free-info font{ width:94px; text-align:center; height:24px; line-height:24px; color:#ff4c44; box-shadow:0 3px 3px #f7d2d0; border:1px solid #ff4c44; border-radius:12px; background:#fff}
.ch-freelist li .ch-free-info font span{ display:inline-block; width:24px; height:24px; background:url(wx-page-ico.png) -200px -145px no-repeat; vertical-align:top}
.ch-freelist li a:hover .ch-free-info font{ color:#fff; background:#f15e4d}
.ch-freelist li a:hover .ch-free-info font span{ background-position:-80px -260px}/****名师云集***/
.ch-bot-main{ width:100%; overflow:hidden; background:url(wx-bottom-bg.jpg) no-repeat top center; padding-bottom:70px}
.ch-teachbox{ width:100%; position:relative; overflow:hidden; line-height:0}
.ch-teachbox img{ max-width:100%; *width:100%; _width:100%; *display:block; *height:auto}
.ch-teachtit{ position:absolute; top:15px; left:27px; z-index:2; width:158px}
.ch-teachtit h4{ height:24px}
.ch-teachtit h4 span, .ch-teachtit h4 i{ display:inline-block; vertical-align:middle}
.ch-teachtit h4 i{ font-size:20px; line-height:24px; color:#333}
.ch-teachtit h4 span{ height:20px; line-height:20px; color:#fff; border-radius:2px; margin-left:10px; padding:0 6px}
.ch-teachtit p{ margin-top:7px; line-height:16px; font-size:12px; color:#a5a5a5}
.ch-teachtit .ch-teach-icon1{ width:32px; height:32px; margin-top:15px; background:url(wx-page-ico.png) -290px -20px no-repeat}
.ch-teachinfo{ display:block; *display:inline; position:absolute; z-index:10; top:0; left:-100%; width:100%; height:100%; background:#333; *cursor:pointer; background-color:rgba(51,51,51,0.85); filter:Alpha(opacity=85); transition:0.5s}
.ch-teachbox:hover .ch-teachinfo{ left:0}
.ch-teachout{ padding:15px 20px; color:#fff}
.ch-teachout h5{ height:30px; line-height:30px; padding-bottom:9px; overflow:hidden; border-bottom:1px solid #666}
.ch-teachout h5 i{ font-size:20px; display:inline-block; vertical-align:middle}
.ch-teachout h5 span{ display:inline-block; padding:0 6px; height:20px; line-height:20px; border-radius:2px; text-align:center; font-size:14px; margin-left:10px}
.ch-teachfield{ margin-top:10px; line-height:26px; font-size:14px}
.ch-teachfield dt{ width:70px; height:26px; float:left}
.ch-teachfield dd{ padding-left:73px}
.ch-teachfield dd p{ overflow:hidden}
.ch-teachlink{ display:block; overflow:hidden; color:#fff; margin-bottom:25px;}
.ch-teachlink h5{ height:20px; line-height:20px; padding-bottom:3px;}
.ch-teachlink h5 i{ font-size:16px; vertical-align:top;}
.ch-teachlink .ch-teachfield{ margin-top:0; line-height:20px;}
.ch-teachlink .ch-teachfield dt{ height:20px; float:12px;}
.ch-teachsatis{ width:78%; height:10px; overflow:hidden; position:relative; margin-top:8px; background:#fff; border-radius:5px; float:left;}
.ch-teachsatis span{ display:block; position:relative; height:10px; background:#66b664; border-radius:5px}
.ch-teachbai{ float:left; text-align:right; color:#fff; padding-left:3px; font-size:12px;}
.ch-teachbox.w145 .ch-teachout h5 i{ font-size:18px}
.ch-teachbox.w145 .ch-teachfield{ line-height:22px}
.ch-teachbox.w145 .ch-teachfield dt{ width:100%; height:22px; text-align:left; float:none}
.ch-teachbox.w145 .ch-teachfield dd{ padding-left:0; width:100%}
.ch-teachbox.w145 .ch-teachfield dd p{ line-height:22px}
.ch-teachjoin{ position:relative; height:431px; background:url(teach_img6.jpg) top left no-repeat}
.ch-teajoin-tit{ margin-top:68px; text-align:center; font-size:20px; color:#fff; line-height:30px; font-weight:bold; padding:0 10px; position:relative}
.ch-teajoin-tit:before{ content:" "; display:block; width:50px; height:2px; position:absolute; z-index:3; bottom:-8px; left:50%; margin-left:-25px; background:#fff; background-color:rgba(255,255,255,0.8); filter:alpha(opacity=20); -webkit-opacity:0.2; -moz-opacity:0.2; opacity:0.2}
.ch-teajoin-btn{ margin-top:200px; text-align:center; padding:0 45px}
.ch-teajoin-btn a{ display:block; height:30px; padding:10px 0; border-radius:25px; background:#ff4c44; box-shadow:0 5px 5px #f06c5a; transition:0.5s}
.ch-teajoin-btn a span, .ch-teajoin-btn a i{ display:inline-block; vertical-align:middle; height:30px; line-height:30px; color:#fff; font-size:20px; margin-right:5px}
.ch-teajoin-btn a span{ width:30px; background:url(wx-page-ico.png) -370px -20px no-repeat}
.ch-teajoin-btn a:hover{ background:#fff}
.ch-teajoin-btn a:hover span{ background-position:-330px -20px}
.ch-teajoin-btn a:hover i{ color:#f05f4e}
.ch-teachtip{ width:60px; padding:8px 0 27px 0; background:url(wx-page-ico.png) no-repeat; position:absolute; top:0; z-index:2; text-align:center; line-height:18px}
.ch-teachjoin .ch-teachtip{ background-position:-290px -145px; font-size:16px; color:#fb7c5d; left:10px}
.ch-teachbox .ch-teachtip{ background-position:-290px -65px; font-size:14px; color:#fff; left:20px}
.ch-teachcloun{ width:100%; position:absolute; z-index:5; top:20px; left:0}
.ch-teachcloun h4{ padding:0 20px 0 90px; text-align:center}
.ch-teachcloun h4 span{ font-size:18px; line-height:28px; display:block; color:#333}
.ch-teachcloun h4 i{ font-size:24px; line-height:34px; display:block; color:#ff4c44}/****开通课程后****/
.ch-freekaitong span{ background-position:-150px -230px}
.ch-freecloum{ width:1216px}
.ch-freecloum dd{ width:25%; float:left}
.ch-ktmain{ height:365px; margin-right:20px; background:#fff; overflow:hidden; position:relative}
.ch-ktinfo{ padding-top:40px; position:relative; text-align:center; height:325px}
.ch-ktinfo h5{ height:26px; line-height:26px; font-size:16px}
.ch-ktinfo h4{ height:38px; line-height:38px; font-size:26px; color:#333; margin-top:15px}
.ch-ktinfo p{ font-size:12px; line-height:20px; color:#b0b0b0; padding-top:4px}
.ch-kticon{ width:85px; height:105px; margin:43px auto 0 auto; background:url(learn-icon.png) no-repeat}
.ch-ktlisten{ background-position:0 0}
.ch-kttiku{ background-position:0 -140px}
.ch-ktintflow{ background-position:0 -280px}
.ch-ktarti{ height:25px; line-height:25px; font-size:12px; background:#ff923d; color:#fff; padding:0 10px; border-radius:0 15px 15px 0; position:absolute; z-index:5; top:11px; left:0}
.ch-prew, .ch-next{ display:block; width:20px; height:48px; background:url(learn-icon.png) no-repeat #d6d6d6; position:absolute; z-index:10; top:150px; cursor:pointer; transition:0.5s}
.ch-prew{ background-position:-110px -450px; left:0}
.ch-next{ background-position:-130px -450px; right:0}
.ch-prew:hover, .ch-next:hover{ background-color:#ef3620}
.ch-downbox{ padding:43px 40px 0 40px}
.ch-down-lt{ width:90px; float:left}
.ch-down-rt{ padding-left:100px}
.ch-andbtn, .ch-applebtn{ display:block; height:34px; border-width:1px; border-style:solid; margin-bottom:10px; font-size:16px; border-radius:4px; transition:0.5s}
.ch-andbtn{ border-color:#89bf1f; color:#89bf1f}
.ch-applebtn{ border-color:#555555; color:#222222}
.ch-andbtn span, .ch-applebtn span{ display:inline-block; width:22px; height:34px; line-height:34px; background:url(learn-icon.png) no-repeat; vertical-align:middle; margin-right:7px}
.ch-andbtn span{ background-position:-110px -280px}
.ch-applebtn span{ background-position:-110px -320px}
.ch-andbtn:hover, .ch-applebtn:hover{ color:#fff}
.ch-andbtn:hover{ background:#89bf1f}
.ch-andbtn:hover span{ background-position:-110px -360px}
.ch-applebtn:hover{ background:#555}
.ch-applebtn:hover span{ background-position:-110px -400px}
.ch-downtip{ width:100%; height:10px; position:absolute; z-index:30; left:0; bottom:30px; text-align:center}
.ch-downtip span{ display:inline-block; cursor:pointer; margin:0 12px; width:6px; height:6px; border-radius:50%; background:#ababab; border:2px solid #fff; transition:0.5s}
.ch-downtip span.ch-active, .ch-downtip span.ch-active:hover{ background:#fff; border-color:#e24533}
.ch-downtip span:hover{ background:#e24533}
.ch-downpc p{ height:40px; line-height:40px; font-size:20px; color:#333}
.ch-downpc a{ display:block; height:34px; line-height:34px; color:#ef3620; border:1px solid #ef3620; border-radius:3px; font-size:16px; transition:0.5s}
.ch-downpc a:hover{ color:#fff; background:#ef3620}
.ch-pcicon{ width:85px; height:105px; background:url(learn-icon.png) 0 -420px no-repeat}
.ch-kthover{ width:100%; height:365px; position:absolute; z-index:50; left:0; top:-364px; transition:0.5s}
.ch-ktmain:hover .ch-kthover{ top:0}
.ch-ktbox{ text-align:center; padding:25px 37px 20px 37px}
.ch-ktbox h6{ height:38px; line-height:38px; color:#fff; font-size:26px}
.ch-ktbox h6.f-mt20{display:none;}
.ch-ktbox .ch-kticon{ margin-top:16px}
.ch-ktbox .ch-ktlisten{ background-position:-110px 0}
.ch-kt-linklist{ width:220px; overflow:hidden}
.ch-kt-linklist li{ width:50%; float:left; padding-top:8px}
.ch-kt-linklist li a,.ch-kt-linklist li span{ display:block; height:28px; margin-right:10px; color:#fff; line-height:28px; font-size:16px; border-radius:3px; transition:0.5s}
.ch-kt-linklist li a:hover{ background:#fff; border-color:#fff !important}
.ch-ktbtn{ margin-top:10px; padding:8px 0; background:url(learn-icon.png) 0 -560px no-repeat}
.ch-ktbtn a{ display:block; height:50px; line-height:50px; font-size:20px; border-radius:25px; box-shadow:0 0 5px #rgba(0, 0, 0, 0.2); transition:0.5s}
.ch-kt-viptip{ margin-top:10px; padding:10px 25px; font-size:16px; color:#fff; line-height:20px; background:#52a750; border-radius:2px}
.ch-downline{ _display:inline; width:100%; height:1px; position:absolute; top:0; left:0; z-index:50; background:#ef3620}
.ch-ktbox .ch-ktintflow{ background-position:-110px -140px}
.ch-bgorg .ch-kt-linklist li a,.ch-bgorg .ch-kt-linklist li span{ border:1px solid #ffb67d}
.ch-bgorg .ch-kt-linklist li a:hover{ color:#ff923d}
.ch-bgorg .ch-ktbtn a{ background:#fff8f2}
.ch-bgorg .ch-ktbtn a:hover{ background:#f4e9e0}
.ch-bggreen .ch-kt-linklist li a{ border:1px solid #90c98f}
.ch-bggreen .ch-kt-linklist li a:hover{ color:#60b25e}
.ch-bggreen .ch-ktbtn a{ background:#f4fff4}
.ch-bggreen .ch-ktbtn a:hover{ background:#dbf3da}
.ch-bgblue .ch-kt-linklist li a,.ch-bgblue .ch-kt-linklist li span{ border:1px solid #92c2eb}
.ch-bgblue .ch-kt-linklist li a:hover{ color:#63a7e3}
.ch-bgblue .ch-ktbtn a{ background:#f2f9ff}
.ch-bgblue .ch-ktbtn a:hover{ background:#e8f0f7}/****优势及服务****/
.ascen_box{ width:100%; height:98px; box-shadow:0 -10px 20px #fdcec1; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ea663d,endColorStr=#e13b29); /*IE 6 7 8*/  background: -ms-linear-gradient(right, #e13b29,  #ea663d);/* IE 10 */background:-moz-linear-gradient(right,#ea663d,#e13b29);/*火狐*/background: -webkit-linear-gradient(right, #e13b29, #ea663d);   /*Safari5.1 Chrome 10+*/background: -o-linear-gradient(right, #ea663d, #e13b29);  /*Opera 11.10+*/ _background:#ec653e}/* background:url(ascen_bg.jpg) top center no-repeat;*/
.ascen_box ul{ width:1260px; height:98px; margin:0 auto}
.ascen_box ul li{ width:20%; height:54px; padding:22px 5% 22px 0; float:left; position:relative}
.ascen_box ul li .ascen-tit{ width:50px; height:50px; text-align:center; font:lighter 30px/50px "Microsoft Yahei"; color:#fff; border:2px solid #fff; border-radius:50%; float:left}
.ascen_box ul li .ascen-line{ width:21px; height:40px; background:url(wx-page-ico.png) -255px -170px no-repeat; position:absolute; z-index:2; top:29px; right:7%}
.ascen_box ul li h4{ padding-left:65px;}
.ascen_box ul li h4 em{ display:block; height:30px; line-height:30px; font-size:22px; overflow:hidden; color:#fff}
.ascen_box ul li h4 span{ display:block; height:24px; line-height:24px; font-size:14px; color:#f5e5e2}/**底部区**/
.site-footer{ width:100%; background:#f5f5f5}
.footer-links{ padding:20px 0px 50px 0px; position:relative}
.footer-links .a-proposal-btn{ position:absolute; right:0px; bottom:-1px; background:#fff; border:solid 1px #eee; height:30px; line-height:30px; border-bottom:none; padding:0px 10px; border-radius:2px}
.footer-links .a-proposal-btn:hover{ color:#f00; text-decoration:underline}
.footer-links .footer-links-l a:hover{ color:#ee491f; text-decoration:underline}
.footer-links .footer-links-l{ float:left; width:840px; padding-top:20px}
.footer-links .footer-links-l dt{ color:#2c2f3d; font-size:18px; padding-bottom:15px}
.footer-links .footer-links-l a{ display:block; font-size:12px; color:#888; line-height:26px}
.footer-links .footer-links-l dl{ width:25%; float:left}
.col-contact{float:right; width:240px; height:132px; padding:10px 70px 0 30px; border-left:solid 1px #eee}
.col-contact .phone{ font-size:32px; height:38px; line-height:38px; color:#e84932}
.col-contact .phone-txt02{ font-size:12px; color:#999; height:18px; line-height:18px}
.col-contbtn{ margin-top:15px}
.col-contbtn a{ display:block; height:30px; line-height:30px; padding:8px 0; text-align:center; border-radius:2px; background:#e84932; transition:0.5s}
.col-contbtn a span, .col-contbtn a i{ display:inline-block; height:30px; vertical-align:middle; transition:0.5s}
.col-contbtn a span{ width:30px; background:url(wx-page-ico.png) -290px -230px no-repeat; margin-right:10px}
.col-contbtn a i{ font-size:18px; color:#fff; line-height:30px}
.col-contbtn a:hover{ background:#e72e26}
.footer{ clear:both; font:12px/24px Arial !important; margin:0px auto; width:100%; color:#333; text-align:center; padding-top:20px; text-decoration:none; background:#fff; border-top:#eee solid 1px}
.footer .a2{ width:1000px; margin:0px auto; text-align:center; color:#666; font:12px/24px Arial !important; word-spacing:6px; padding-top:0px; background:#fff}
.footer .a2 A:link, #footer .a2 A:visited{ color:#333}
#footer strong.cDRed{ color:#d00; font-size:14px; font-weight:500}
.footer .a2 A:hover{ COLOR:#ff0000; text-decoration:underline}
#footer .a2 span{ font-weight:normal; color:#999; word-spacing:0px}
.foot-police{ display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(//img.233.com/wx/img/index/2017/icon_police.png) no-repeat;}
/*底部结束*//*底部广告*/
.m-app-openBox{ position:fixed; z-index:5555; left:0; bottom:0; height:90px; width:100%; min-width:1000px}
.m-app-openBox .box-background{ position:absolute; z-index:1; top:0; left:0; height:100%; width:100%; background:url(banner_bg.jpg)center no-repeat; opacity:1; filter:alpha(opacity=90)}
.m-app-openBox .box-inner{ position:relative; width:1000px; margin:0 auto; height:100%; z-index:2}
.m-app-openBox .background-img{ position:absolute; bottom:0; left:0; z-index:0}
.m-app-openBox .background-img a{ position:absolute; left:60px; bottom:0; width:670px; height:104px; z-index:3; opacity:0; background:#fff; filter:alpha(opacity=0)}
.m-app-openBox .background-img img{ width:1000px; height:90px; display:block}
.m-app-openBox .btn-download{ position:absolute; z-index:1; left:805px; top:6px; display: none;}
.m-app-openBox .btn-download a{ width:70px; height:24px; line-height:24px; margin-bottom:5px; display:block; background:#9c1f2c; border-radius:2px; color:#fff; text-align:center}
.m-app-openBox .btn-download a:hover{ text-decoration:underline; color:#fff}
.m-app-openBox .btn-close{ background:url(wx-page-ico.png) no-repeat -96px -56px; width:40px; height:40px; position:absolute; z-index:1; top:5px; left:0; cursor:pointer}


.m-app-close{ position:fixed; z-index:99999; left:0; bottom:0}
.m-app-close .background-img{ cursor:pointer}
.m-app-close .background-img img{ width:180px}/*右侧导航*/
.index_mod_hang{ position:fixed; _position:absolute; left:50%; top:50%; z-index:100; width:40px; margin:-122px 0 0 608px}
.index_mod_hang_col{ text-align:center; border:2px solid #e84932; background:#fff}
.index_mod_hang_col a.index_mod_hang_item, .index_mod_hang_col .index_mod_hang_nav{ display:block; padding:5px 0px; border-bottom:solid 1px #e84932; line-height:14px; cursor:pointer; font-size:12px; color:#666; -webkit-transition:all .25s ease; transition:all .25s ease}
.index_mod_hang_col a:hover, .index_mod_hang_col a.this{ background:#e84932; color:#fff;}
.index_mod_hang_col a.index_mod_hang_top{ background:#e84932; color:#fff}
.index_mod_hang_col a i.index_mod_iconfont{ background:url(wx-page-ico.png) no-repeat -130px -225px; width:13px; height:9px; display:block; margin:5px auto}
.index_mod_hang_col .index_mod_hang_car:hover{ background:url(wx-page-ico.png) no-repeat -159px -269px}
.index_mod_hang_col a span, .index_mod_hang_col .index_mod_hang_nav span{ display:inline-block; vertical-align:middle}
/*.index_mod_hang_col .index_mod_hang_nav{ padding:0px; height:40px; line-height:40px; font-size:14px;}顶部广告图*/
.top-adver-box{ position:fixed; _position:absolute; z-index:999999; left:50%; top:0px; margin-left:-75px}/*底部广告关闭按钮*/
.m-app-open .btn-close{ transition:all 300ms; -webkit-transition:all 300ms}
.m-app-open .btn-close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg)}

/*底部广告效果淡入*/
.m-app-open{ 
display:block; left: 0px;
-webkit-animation:fadeInLeft .5s .1s ease both;
-moz-animation:fadeInLeft .5s .1s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-200px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-200px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

/*底部广告效果淡出*/
.m-app-open-no{ display:none;
-webkit-animation:fadeOutLeft .5s .1s ease both;
-moz-animation:fadeOutLeft .5s .1s ease both;}
@-webkit-keyframes fadeOutLeft{
0%{opacity:1;
-webkit-transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-1000px)}
}
@-moz-keyframes fadeOutLeft{
0%{opacity:1;
-moz-transform:translateX(0)}
100%{opacity:0;
-moz-transform:translateX(-1000px)}
}


/*底部小广告效果淡入*/
.m-app-close{ 
display:block; left: 0px;
-webkit-animation:fadeInLeft 1s .1s ease both;
-moz-animation:fadeInLeft 1s .1s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-100px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-100px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

/*响应式1300px*/
@media screen and (max-width:1400px){
body{ overflow:auto; overfl-x:hidden}
.layout-box{ width:1010px; margin:0px auto}
.logo-fl{ margin-right:40px}
.search-wrap .search-input-wrap{ width:320px}
.main-nav a{ padding:0 30px}
.main-nav a.ch-activenav, .wx-catalog{ width:240px}
.wx-catalog dl{ padding:7px 0}
.wx-catalog dl:hover{ padding-top:8px; padding-bottom:6px}
.wx-catalog dl:last-child{ padding-bottom:8px}
.wx-catalog dl dt{ height:20px; font-weight:bold;}
.wx-catalog dl dt a{ height:20px; line-height:20px; font-size:14px}
.wx-catalog dl dd{ margin-top:2px; padding:0 5px 0 12px;}
.wx-catalog dl dd a{ font-size:12px; line-height:18px; height:18px; padding:0 5px}
.wx-activity_slide, .activity_slide .activity_images, .activity_slide .activity_images li{ height:305px}
.activity_slide .activity_images li a{ width:575px; margin-left:-265px}
.wx-bc_center{ width:546px; bottom:15px; margin-left:-249px}
.title-item{ width:190px}
.promo-nav li{ width:107px; margin-right:2px; font-size:12px}
.promo-opt a{ top:-187px}
.wx_bc_right{ width:195px; height:280px; margin-left:310px; top:10px}
.feature-panel-wrap{ padding:17px 0}
.feature-panel-list{ width:770px; padding-left:240px}
.feature-panel-list li{ width:240px; margin-left:17px; height:auto}
.feature-panel-list li.w140{ width:110px !important}
.feature-panel-time{ left:10px; bottom:10px}
.feature-panel-time span{  margin:0 3px}
.feature-box2{ height:135px; padding-top:6px}
.feature-box2 h5{ font-size:14px; height:20px; line-height:20px}
.feature-box2 h6{ margin:0}
.feature-box2 div{ padding-top:10px}
.feature-panel-list li.w140 a img{ max-width:60%}
.feature-panel-list li div.f-mt20{ margin-top:17px !important}
.ch-titpub{ padding:16px 0 10px 0; margin-top:10px}
.ch-titpub i{ font-size:24px}
.ch-hotcloum .w300{ width:240px}
.ch-hotcloum .w460{ width:370px}
.ch-hotcloum .w220{ width:176px}
.ch-hotcloum .f-ml20{ margin-left:16px}
.ch-hotcloum .f-mt20{ margin-top:16px}
.ch-freelisten{ width:240px; height:166px}
.ch-freelis-box div{ padding:15px}
.ch-freelis-box h4{ height:34px; line-height:34px; font-size:26px}
.ch-freelis-box p span{ width:50px; top:5px}
.ch-freelis-box a{ margin-top:15px}
.ch-freelist{ width:770px}
.ch-freelist li a{ height:166px}
.ch-freelist li{ width:176px; margin-left:16px; height:166px}
.ch-freelist li a .ch-free-leftimg{ height:100px}
.ch-freelist li .ch-free-info{ padding:0 8px; font-size:12px}
.ch-freelist li h4{ height:28px; line-height:28px; font-size:14px}
.ch-coursemain .w300{ width:240px}
.ch-coursemain .w145{ width:116px !important}
.ch-coursemain .f-mt10{ margin-top:8px}
.ch-coursemain .f-ml10{ margin-left:8px}
.ch-coursemain .f-ml20{ margin-left:16px}
.ch-teachtit{ top:10px; left:20px}
.ch-teachtit h4{ height:20px}
.ch-teachtit h4 i{ line-height:20px; font-size:16px}
.ch-teachtit h4 span, .ch-teachout h5 span{ font-size:12px}
.ch-teachtit p{ margin-top:3px}
.ch-teachtit .ch-teach-icon1{ margin-top:5px}
.ch-teachout{ padding:10px 15px}
.ch-teachout h5{ height:22px; line-height:22px; padding-bottom:2px}
.ch-teachout h5 i{ font-size:16px}
.ch-teachfield{ margin-top:10px; font-size:12px; line-height:22px}
.ch-teachfield dt{ height:22px}
.ch-teachcloun h4{ padding:0 10px 0 90px}
.ch-teachcloun h4 span{ font-size:14px; line-height:22px}
.ch-teachcloun h4 i{ font-size:18px; line-height:24px}
.ch-teachbox .ch-teachtip{ left:10px}
.ch-teachjoin{ height:364px; background-size:100% auto}
.ch-teajoin-tit{ font-size:16px}
.ch-teajoin-btn{ margin-top:140px; padding:0 30px}
.ch-teajoin-btn a i{ font-size:16px}
.ch-freecloum{ width:1026px; *width:1030px}
.ch-freecloum dd{ *width:256px}
.footer-links .footer-links-l dl{ *width:179px}
.ch-ktmain{ margin-right:16px; height:345px}
.ch-ktbox{ padding:15px 20px 10px 20px}
.ch-kt-linklist{ width:210px}
.ch-ktbtn{ background:none}
.ch-downbox{ padding:28px 25px 0 25px}
.ch-andbtn, .ch-applebtn{ font-size:12px}
.ascen_box ul{ width:1010px}
.ascen_box ul li{ width:22%; padding-right:3%}
.ascen_box ul li h4 span{ font-size:12px}
.ascen_box ul li .ascen-line{ right:5px}
.footer-links .footer-links-l{ width:719px}
.col-contact{ padding-right:0}
.index_mod_hang{ margin-left:525px}
.ch-kt-viptip, .ch-kt-linklist li a{ font-size:14px}
.wx-course-my-info{ padding:0; margin:15px 0 0 15px; width:35px; float:left; vertical-align:top}
.login-entry{ margin:0; padding:17px 0 0 60px; vertical-align:top}
#nologin .info-detail{ display:none}
.login-iconmain{ width:196px}
.wx-course-my-info .my-headimg{ width:35px; height:35px}
.login-entry a{ display:inline-block; width:55px; margin-right:8px; font-size:12px}
.login-member p a{ max-width:144px; *width:144px}
#offlogin .wx-course-my-info{ width:auto; float:none; padding:15px 10px 0 10px; margin:0}
#offlogin .wx-course-my-info .info-detail{ font-size:12px; padding:0 0 0 10px; width:125px}
#offlogin .wx-course-my-info .info-detail p{ display:none}
#offlogin .ch-login-userbtn{ padding-top:2px}
#offlogin .loginicon-box{ padding:3px 0 4px 0}
.ch-learnbox{ padding-top:5px}
/*.ch-learn-tit{ height:18px; line-height:18px; font-size:14px}
.ch-learnago dt{ height:18px; line-height:18px; font-size:12px}
.ch-learnago dd{ padding-top:1px;}
.ch-learnago dd p span,.ch-learnago dd p a{ height:16px; line-height:16px;}*/
.ch-login-learn{ width:85px;}
}

.public-dropdown{ padding:15px !important;}

/*20201023新增代码*/
.nologin-dlBox{margin:0 10px;}
.nologin-tit{font-size: 15px;color:#333;font-weight: 900;padding-top: 10px;}
.nologin-inputBox{height: 28px;line-height: 28px;position: relative;margin-top: 8px;}
.nologin-input{height: 100%;background-color: #f5f5f5;position: relative;}
.nologin-input input{position: absolute;top: 50%;left: 8px;width: 90%;height: 20px;line-height: 20px;margin-top: -10px;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;border:0;background: none;}
.nologin-input input:focus{outline: none;}
.yzm .nologin-input{margin-right: 84px;}
.nologin-inputBox .yzm-ico{position: absolute;top: 0;right:0;width: 84px;height: 100%;text-align: center;font-size: 13px;color:#fff;background-color: #f94e4d;cursor: pointer;}
.nologin-inputBox .yzm-ico:hover{background-color: #f73736;}
.nologin-inputBox .yzm-ico.gray,.nologin-inputBox .yzm-ico.disabled{background-color: #ebebeb; color:#c4c4c4;cursor: not-allowed;}
.nologin-btnBox{padding-top: 2px;}
.nologin-dlBtn>a,.nologin-elseBtn>a{display: block;height: 30px;line-height: 30px;text-align: center;border-radius: 30px;font-size: 13px;color:#fff;background-color: #f72727; background-image: linear-gradient(90deg,#ff553b,#f72727);margin-top: 8px; transition: .4s;}
.nologin-elseBtn>a{background-color: #e5d5c9;background-image: linear-gradient(90deg,#ece3dc,#e5d5c9);color:#886951;}
.nologin-btnBox a:hover{transform: translateY(-2px);}

/*验证码弹窗*/
.popup-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;filter: alpha(opacity = 70);z-index: 997}
.pic_yanzheng{position: fixed;background: #ffffff;left: 50%;top: 50%;width: 340px; margin-left: -170px;margin-top: -110px; border-radius: 6px;padding-bottom: 30px;text-align: center;z-index: 1000;}
.pic_yanzheng h2{font-size: 18px;color: #333;height: 40px;line-height: 40px;padding-top: 15px;}
.pic_yanzheng a.close{width: 20px;height: 20px;background: url(https://img.233.com/www/img/module/remind/2019/bt.png) -639px 0px no-repeat;position: absolute;top:17px;right: 20px;}
.pic_yanzheng .yz-code{border: 1px solid #e2e2e2;margin: 0 auto;display: inline-block;margin-top: 20px;}
.pic_yanzheng .yz-code p{display: inline-block;float: left;width: 120px;}
.pic_yanzheng img{float: right;width: auto;height: 40px;}
.pic_yanzheng input{ height: 40px;border:none;line-height: 40px;font-size: 14px;color: #666;width: 100px;}
.pic_yanzheng .error_yz{font-size: 14px;line-height: 20px;padding: 5px 0;height: 20px;}
.pic_yanzheng a.btn{width: 150px;height: 40px;background-color: #f44130;background-image: linear-gradient(to left,#e13b29,#f44130); border-radius: 20px;display: block;color: #fff;margin: 0 auto;font-size: 14px;line-height: 40px;box-shadow: 0px 2px 6px rgba(241,85,47,.7);}
.pic_yanzheng a.btn:hover{background: #f44130;}

/* 弹窗提示 */
.js-popup-tips__box {display: none;}
.js-popup-tips__bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;filter: alpha(opacity=70);z-index: 900;}
.js-popup-tips__main {position: fixed;top: 30%;z-index: 9999;right: 50%;-webkit-transform: translate(50%, 0);-moz-transform: translate(50%, 0);transform: translate(50%, 0);max-width: 60%;}
.js-popup-tips__content {padding: 1rem 1.5rem;font-size: 1rem;font-family: Arial;line-height: 1.5rem;background: #111;border-radius: 0.5rem;color: #fff;}


@media screen and (max-width:1400px){
#nologin .login-member{display: none;}
.login-iconmain{margin-top: 20px;}
}