body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#f8f8f8;}
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;font-weight:normal}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;*star:expression(this.onFocus=this.blur());}
input{outline:none;}
textarea{resize:none;}
.layout{width:1200px!important;margin:0 auto;}
.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;}
.header-mod .top-tel,.card-pop .card-pop-content i,.focus-mod .focusDot li,.prev,.next,.teacher-mod .teacherDot li, .ca-chapter .ca-btn,.coach-ready .coach-ready-list li i,.bottom-mod .bot-tels .bot-list a,.fs-purport .fs-purport-slide,.navPub-panel .nav-tj-pop a{background: url(../images/spirit-v5.png) no-repeat;}
.coach-join .cj-info,.kjsw-mod .kjsw-list li i,.obtain-mod .obtain-list li i,.obtain-mod .obtain-list li em,.bottom-mod .bot-tels .bot-tel,.navPub-panel .nav-tj-pop{background:url(../images/bigSpirit-v3.png) no-repeat;}
.header-mod{background:#fff;margin-bottom:20px;}
.header-mod .top-panel{height:80px;}
.header-mod .logo{margin: 17px 27px 0 0;}
.header-mod .logo img{display: block;}
.header-mod .logo a:hover{text-decoration: none;}
.header-mod .slogo-mod{margin-top:15px;margin-left: 15px;}

.jiaoliu-Wrap{
    display:none;
    width: 760px;
    height: 356px;
    padding-top: 75px;
    background: url(../images/jiaoliu_bk.png) no-repeat center top;
    border-radius: 12px;
    position: fixed;
    z-index: 99;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -380px;
    text-align: center;
}
.jiaoliu-Wrap p{
    font-size: 28px;
    font-weight: 700;
    color: #333333;
    padding-left: 30px;
    line-height: 40px;
}
.jiaoliu-Wrap img{
    width: 195px;
    height: 195px;
    position: absolute;
    left: 50%;
    top: 140px;
    margin-left: -84px;
}
.jiaoliu-Wrap .close{
    background: url(../images/gb_09.png) no-repeat center top;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 26px;
    height: 26px;
}

.jiaoliu-Wrap em{
    font-size: 18px;
    color: #666666;
    line-height: 33px;
    padding-top: 238px;
    display: inline-block;
    padding-left: 30px;
}

.jiaoliu-Wrap em i{
    color:#f58339;
}

.mask{display:none;width:100%;z-index:98;height:100%;background:#000;opacity:.3;filter:alpha(opacity=30);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.top-panel .cen{ height: 36px; margin: 22px 40px 0 25px; font-size: 16px; color: #333;}
.top-panel .cen a{ color: #333333;}
.top-panel .cen .cen-n02:hover{ color: #ff6600; text-decoration: none;}
.top-panel .cen .non .pop2{display:block;}
.top-panel .pop2{display: none;width: 250px;padding: 27px 10px 0;height: 135px;background: url(../images/pop-bk01.png) no-repeat center top;left: -77px;top: 30px;cursor: auto;z-index: 9;}
.top-panel .pop2 .bCon{margin: 0 18px;float: left;}
.top-panel .pop2-t{ text-align: center;z-index:9; }
.top-panel .pop2-t img{ width: 89px; height: 89px;}
.top-panel .pop2-b{ line-height: 26px; text-align: center; font-size: 12px; color: #666;}
.top-panel .cen-n02{     display: inline-block;
    padding: 0px 40px 0 0;
    text-align: center;
    line-height: 36px;}
.top-panel .cen-n02 i{display:inline-block;width: 7px;height: 5px;background: url(../images/do_02.png) no-repeat center top;vertical-align: 3px;transition: all .3s linear;}
.top-panel .cen-n02.pr0{padding-right: 0!important;}
.top-panel .cen-n02:hover i{-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}


.kuaisou-mod{width: 209px;height: 38px;border: 1px solid #DDDDDD;border-radius: 4px;;overflow: hidden;border-radius:20px;}
.kuaisou-mod form{width:auto;height:38px;}
.kuaisou-mod .search-bd{width: 134px;
    height: 38px;
    padding: 0 7px 0 20px;
    position: relative;
    z-index: 5;
    background: url(../images/kuaisou-line.png) no-repeat right center;}
.kuaisou-mod .search-bd #searchShow{width:100%;height:20px;line-height:20px;padding:7px 0;*padding:6px 0;background:#fff;color:#333;border:0 none;vertical-align:top;font-size:14px;}
.kuaisou-mod .search-bd label{position:absolute;left:20px;top:0;right:7px;line-height:38px;color:#999;font-size: 12px;cursor:pointer;}
.kuaisou-mod .searchBtn{width:48px;height:38px;line-height:340px;overflow:hidden;cursor:pointer;border:0 none;color:#fff;background:url(../images/search-b.png) no-repeat center 10px;}
.kuaisou-mod .searchBtn:hover{opacity:.8;}


.nav-panel{background:#FF7500;}
.nav-panel div{font-size: 0;white-space: nowrap;}
.nav-panel a{height: 50px;line-height: 50px;display: inline-block;*display: inline;*zoom:1;margin-right:26px;vertical-align: top;color:#fff;font-size:14px;}
.nav-panel span{width: 1px;height: 23px;display: inline-block;background: #fff;margin-right: 26px;margin-top: 14px;}
.loginBefore{
    position: relative;
}

.fs-left,.fs-middle,.fs-right,.coach-mod,.kjsw-mod,.obtain-mod,.cdel-mod{background:#fff;-webkit-box-shadow:0 5px 20px #efefef;-moz-box-shadow:0 5px 20px #efefef;-ms-box-shadow:0 5px 20px #efefef;-o-box-shadow:0 5px 20px #efefef;box-shadow:0 5px 20px #efefef;}
.first-screen,.coach-mod,.kjsw-mod,.obtain-mod{margin-bottom:20px;}
.fs-left{width:250px;}
.login-mod{height:188px;padding:0 0 0 14px;}
/* .login-mod .ln-ewmBtn{ top: 0; right: 0; width: 44px; height: 44px; cursor: pointer;} */
.login-mod .ln-ewmBtn .ewm_bg{ display:none; top: 0; right: 0; z-index: 1; width: 44px; height: 44px;background:url(../images/jerWm.png) no-repeat;}
.login-mod .userSun{height:76px;padding-top: 16px;}
.login-mod .userSun .userAvatar{width:60px;height:60px;overflow:hidden;position:relative;z-index:1;}
.login-mod .userSun .userAvatar i{width:60px;height:60px;position:absolute;top:0;left:0;background:url(../images/icon-user-mask.png) no-repeat;}
.login-mod .userSun ul{margin-left:78px;padding-top:9px;}
.login-mod .userSun ul li{height:22px;line-height:22px;}
.login-mod .btns,.login-mod .my-tool{height:32px;}
.login-mod .btns a,.login-mod .my-tool a{width:98px;height:28px;line-height:28px;border:1px solid #EC8640;color:#fff;background:#fd7400;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;display:block;float:left;text-align:center;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}
.login-mod .btns a:hover{background:#f58339;border-color:#f58339; text-decoration:none;}
.login-mod .btns a.reg-btn{border-color:#f58339;background:#fff;color:#f58339;margin-left:22px;display:inline;}
.login-mod .my-tool a{background: none;color: #999;border:1px solid #999;text-decoration: none;}
.login-mod .my-tool .shopCart{margin-left: 22px;}
.login-mod .fastLogin{margin-top:16px;font-size: 12px;}
.login-mod .fastLogin strong{font-size:14px;color:#999;line-height:22px;float:left;font-weight:normal;}
.login-mod .fastLogin a{width:25px;height:25px;line-height: 220px;overflow: hidden; _display:inline;float:left;margin:0 5px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:url(../images/ico.png) no-repeat;}
.login-mod .fastLogin a.weixin-btn{background-position:-3px -2px}
.login-mod .fastLogin a.qq-btn{background-position:-38px -3px}
.login-mod .fastLogin a.weibo-btn{background-position:-73px -3px}
.login-mod .fastLogin a.weixin-btn:hover{background-position:-3px -34px}
.login-mod .fastLogin a.qq-btn:hover{background-position:-38px -34px}
.login-mod .fastLogin a.weibo-btn:hover{background-position:-73px -34px}
.login-mod .loginAfter{display:none;}
.login-mod .userSun ul li .user-name{color:#EC8640;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;}
.login-mod .userSun ul li .logout-btn{overflow:hidden;font-size:12px;color:#999;float:right;margin-right: 14px;}
.login-mod .learned{width: 212px;display:none;margin:8px 14px 0 0;font-size:12px;line-height:24px;}
.login-mod .learned dt{height:24px;padding-left:20px;background:url(../images/gre.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.login-mod .learned dd{height:24px;color:#999;}
.login-mod .learned dd span{float:left;}
.login-mod .learned dd a{color:#fd7400;margin-top: 3px;padding: 0 3px;height: 15px;line-height: 15px;text-align:center;border:1px solid #EC8640;border-radius:1px;}
.login-mod .learned dd #videoFullName{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.login-mod .learned #showCourseName{color: #EC8640;background:url(../images/yel.png) no-repeat left center;}


.fs-purport{height:48px;padding:0 0 0 14px;background:#fff;}
.fs-purport .fs-purport-slide{height:48px;overflow:hidden;position:relative;z-index:1;background-position:left -1400px;padding-left:28px;}
.fs-purport .fs-purport-slide li{height:48px;line-height:48px;font-size:12px;white-space:nowrap;}
.fs-purport .fs-purport-slide li a{color:#666;}
.fs-card table{width:100%;border-collapse: collapse;}
.fs-card table td{width:33.33%;border: 1px solid #f8f8f8;border-left:0 none;border-bottom:0 none;}
.fs-card table tr td.noline{border-right:0}
.fs-card table tr td.notop{border-top:0}
.fs-card table td a{height:70px;padding-top:24px;display: block;text-align: center;}
.fs-card table tr td a em{background:url(../images/spirit-T3.png?v=12) no-repeat;display:block;width:26px;height:27px;margin:0 auto;background-position:left -118px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.fs-card table tr td a.a01 em{background-position:-28px -75px}
.fs-card table tr td a.a02 em{background-position:-89px -76px}
.fs-card table tr td a.a03 em{background-position:-28px -151px}
.fs-card table tr td a.a04 em{background-position:-89px -151px}
.fs-card table tr td a.a05 em{background-position:-28px -225px}
.fs-card table tr td a.a06 em{background-position:-89px -224px}
.fs-card table tr td a.a07 em{background-position:-28px -300px}
.fs-card table tr td a.a08 em{background-position:-89px -300px}
.fs-card table tr td a.a09 em{background-position:-27px -377px}
.fs-card table tr td a span{display:block;line-height:18px;margin-top:8px;}
.fs-card table tr td a:hover{text-decoration:none;}
.fs-card table tr td a:hover span{color:#EC8640;}
.fs-card table tr td a.a01:hover em{background-position:-28px -112px}
.fs-card table tr td a.a02:hover em{background-position:-89px -113px}
.fs-card table tr td a.a03:hover em{background-position:-28px -189px}
.fs-card table tr td a.a04:hover em{background-position:-89px -189px}
.fs-card table tr td a.a05:hover em{background-position:-29px -264px}
.fs-card table tr td a.a06:hover em{background-position:-89px -263px}
.fs-card table tr td a.a07:hover em{background-position:-28px -338px}
.fs-card table tr td a.a08:hover em{background-position:-89px -338px}
.fs-card table tr td a.a09:hover em{background-position:-27px -411px}


.card-pop{width:136px;height:160px;background:#fff;border:1px solid #e0e0e0;position: absolute; top:-162px;left:50%;margin:0 0 0 -68px;box-shadow:0 0 3px 1px #e0e0e0;display: none;}
.card-pop .card-pop-content{padding-top:10px}
.card-pop .card-pop-content i{display:block;width:17px;height:12px;background-position:left -766px;bottom:-12px;left:50%;margin:0 0 0 -8px;overflow:hidden}
.card-pop .card-pop-content img{display:block;margin:0 auto;}
.card-pop .card-pop-content label{display:block;color:#999;line-height:20px;padding-top:6px;font-size: 12px;}
.fs-card table tr td a.card-hover:hover .card-pop{display: block;}
.fs-card .card-hot{position: absolute;right: 3px;top: 6px;background: url(../images/hot.png) no-repeat;width: 31px;height: 17px;}
.fs-middle{width:600px;margin-left:10px;}
.focus-mod,.focus-mod .focusContent{height:150px;position:relative;z-index:1;overflow:hidden;}
.focus-mod .focusDot{width:100%;height:6px;position:absolute;left:0;bottom:10px;z-index:3;text-align:center;font-size: 0;}
.focus-mod .focusDot li{width:6px;height:6px;line-height:100px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;margin:0 3px;background-position:left -786px;}
.focus-mod .focusDot li.on{background-position:-20px -786px;}
.prev,.next{width:20px;height:30px;position:absolute;left:-2px;top:50%;margin-top:-15px;z-index:4;display:none;background-position:left -806px;}
.next{left:auto;right:1px;background-position:left -846px;}

.news-mod{padding:10px 10px 8px 30px;}
.news-mod h2,.news-mod h3,.news-mod h4{height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fd7400;font-size: 18px;}
.news-mod h2 a,.news-mod h3 a,.news-mod h4 a{color: #FF5000;}
.news-mod h2 a,.news-mod h3 a,.news-mod h4 a.redorg{color: #EB5020;}
.news-mod .news-list li,.news-mod .news-list-row li{height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-mod .news-list li a:hover,.news-mod .news-list-row li a:hover{color: #FF5000;text-decoration: none;}
.news-mod .news-list li span{display:inline-block;height:18px;line-height: 17px;*line-height: 18px;margin-right:6px;}
.news-mod .news-list li span a{font-size:13px;height:18px;width: 48px;border-radius: 10px;color:#FF7000;border: 1px solid #FFB290;text-align:center;display: inline-block;}
.news-mod .news-list li span a:hover{background: #FF7000;color: #fff;text-decoration: none;}
.news-mod .news-list-row li{width:286px;float: left;}

.title-mod{height:67px;line-height:67px;padding-right:30px;}
.title-mod h2,.title-mod h3{font-size: 20px;float: left;}
.title-mod h2 a:hover,.title-mod h3 a:hover{text-decoration:none;}
.title-mod h2 i,.title-mod h3 i{width:3px;height:20px;background: #FF780D;float: left;margin: 23px 17px 0 0;}
.title-other{text-align: right;}
.title-other a{color: #999;}
.title-other a:hover,.title-mod h2 a:hover,.title-mod h3 a:hover,.min-title h3 a:hover{color:#FF780D;}
.title-other .a-more{background:url(../images/fastLoginIcon.png) no-repeat right -58px;padding-right:10px;display: inline-block;}
.title-other .a-more:hover{background-position: right -98px;text-decoration:none;}
.min-title{height:35px;line-height:35px;padding-top:10px;border-bottom: 1px solid #f8f8f8;}
.min-title h3{line-height:35px;font-size: 16px;font-weight: normal;border-bottom:2px solid #FF780D;margin-bottom: -1px;float: left;}
.min-title .title-other .a-more{background-position:right -59px;}
.min-title .title-other .a-more:hover{background-position:right -99px;}
.min-title .ready-time{color:#999;}
.min-title .ready-time span{color:#FF5000;font-weight: 400;}
.fs-right{width:330px;float: right;}
.fs-right .title-mod{padding:4px 18px 0 0;height:38px;line-height:38px;}
.fs-right .title-mod h3{font-size: 18px;}
.fs-right .title-mod h3 i{height:18px;margin:11px 15px 0 0;}

.teacher-mod .teacher-main{margin: 0 18px;}
.teacher-mod .teacher-main,.teacher-main .teacherContent{height:154px;position:relative;z-index:1;overflow:hidden;}
.teacher-main .teacherContent ul li a{
    width: 294px;
    height: 194px;
    background: url(../images/572854.png) no-repeat;
    position: relative;
    display: flex;
}
.teacher-main .teacherContent ul li a img{
    display: block;
    margin-top: 10px;
}

.teacher-main .teacherContent ul li a:hover{
    text-decoration: none;
}
.teacher-main .teacherDot{width:100%;height:6px;position:absolute;left:0;bottom:10px;z-index:3;text-align:center;font-size: 0;}
.teacher-main .teacherDot li{width:4px;height:46px;line-height:100px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;margin:0 3px;background-position:left -886px;}
.teacher-main .teacherDot li.on{background-position:-22px -886px;}
.teacher-main .teacherContent .minCon{

    width: 257px;height: 116px;text-decoration:none;
    display: block;
    padding: 30px 0 0 1px;
    background: none;
    color: #333;
    position: static;
    margin-left: 8px;
}
.teacher-main .teacherContent .minCon h3{font-size: 16px;line-height: 1;color: #493A25;}
.teacher-main .teacherContent .minCon em{font-size:12px;line-height: 1;color: #493A25;margin-top: 16px;display: block;}
.teacher-main .teacherContent .minCon p{padding-top: 20px;}
.teacher-main .teacherContent .minCon p span{
    width: auto;height: 20px;text-align:center;line-height: 20px;font-size:12px;color:#493A25;border-radius:11px;display:inline-block;background: inherit;}

.openLive-mod{margin-top:10px;}
.openLive-mod .openLive{height:271px;padding-top:1px;overflow:hidden;}
.openLive-mod .openLive dl{min-height:50px;padding:18px 16px;background:url(../images/openLive-x.png) repeat-x left bottom;}
.openLive-mod .openLive dl dt{float: left;margin-top:3px;}
.openLive-mod .openLive dl dt img{-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 2px 5px rgba(213,222,243,.5);-moz-box-shadow:0 2px 5px rgba(213,222,243,.5);-o-box-shadow:0 2px 5px rgba(213,222,243,.5);-ms-box-shadow:0 2px 5px rgba(213,222,243,.5);box-shadow:0 2px 5px rgba(213,222,243,.5);}
.openLive-mod .openLive dl dd{margin-left:65px;position: relative;z-index: 1;}
.openLive-mod .openLive dl dd strong{display:block;line-height:18px;height: 36px;margin-right:55px; font-weight: normal;word-wrap: break-word;white-space: normal;word-break: break-all;}
.openLive-mod .openLive dl dd strong a:hover{color: #FF5000;}
.openLive-mod .openLive dl dd .twoRow{height:36px;line-height:18px;padding-top: 0;overflow:hidden;}
.openLive-mod .openLive dl dd .openLive-tag{height:20px;line-height:20px;font-size: 12px;color:#999;text-align: right;}
.openLive-mod .openLive dl dd .openLive-tag p{width:190px;float:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.openLive-mod .openLive dl dd .openLive-tag span{color:#999;}
.openLive-mod .openLive dl dd .openLive-tag span.living{color:#76AFDE;}
.openLive-mod .openLive dl dd .openLive-go{position: absolute;right:0;top:5px;*top:0;line-height: 1;padding:5px 7px;*padding-bottom:4px;border: 1px solid #FFB290;color: #FF7100;font-size: 12px;border-radius:12px;}
.openLive-mod .openLive dl dd .openLive-go:hover{background:#FF5000;color:#fff;text-decoration: none;}
.openLive-mod .openLive dl dd .openLive-icon{font-size:12px;width:38px;height:18px;line-height:17px;position:absolute;left:-81px;top:-18px;background: #FFF5E1;border-radius: 0px 0px 9px 0px;color: #BA7352;text-align: center;background-position: -33px -33px;}
.coach-forYou .forYou-classes,.kjsw-mod .kjsw-list li{background-color:#fff;-webkit-box-shadow:0 0 10px #efefef;-moz-box-shadow:0 0 10px #efefef;-o-box-shadow:0 0 10px #efefef;-ms-box-shadow:0 0 10px #efefef;box-shadow:0 0 10px #efefef;border: 1px solid #f8f8f8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.coach-forYou .forYou-classes:hover,.kjsw-mod .kjsw-list li:hover{margin-top:15px;border-color:#f0f0f0;-webkit-box-shadow:0 0 10px #e0e0e0;-moz-box-shadow:0 0 10px #e0e0e0;-o-box-shadow:0 0 10px #e0e0e0;-ms-box-shadow:0 0 10px #e0e0e0;box-shadow:0 0 10px #e0e0e0;}
.coach-mod .coach-nav{height:40px;line-height: 40px;padding:10px 0;background:#fafafa;}
.coach-mod .coach-nav li{line-height:40px;width: 134px;height: 40px;margin-left:9px;text-align:center;font-size:18px;float: left;cursor: pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}
.coach-mod .coach-nav li a:hover{color:#FF5000;}
.coach-mod .coach-nav li.on{background: #FE7E07;background-position: -32px -89px;font-weight: bold;cursor: default;}
.coach-mod .coach-nav li.on a{color: #fff;}
.coach-mod .coach-nav li.on a:hover{text-decoration:none;}
.coach-mod .coach-main{padding:0 30px 20px;display: none;}
.coach-mod .coach-left{width:784px;}
.coach-mod .coach-right{width:326px;}
.coach-mod .title-mod .title-rbanner{ float: right; margin-top: 17px;}
.coach-mod .title-mod .title-rbanner img{ width: auto; height: 36px;}
.coach-audition .coach-audition-main{height:168px;position: relative;z-index: 1;}
.coach-audition .coach-audition-list{height:178px;overflow: hidden;margin: 0 -10px;position: relative;}
.coach-audition .coach-audition-main ul{width:3000px;height:178px;}
.coach-audition .coach-audition-main ul li{width:223px !important;height:122px;padding:26px 14px 0 12px;float:left;margin:20px 7px 0;background:#fff;box-shadow: 0px 0px 9px 1px #efefef;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.coach-audition .coach-audition-main ul li:hover{margin-top:16px;border-color:#f0f0f0;box-shadow:0px 0px 9px 1px #EFEFEF;}
.coach-audition .coach-audition-main ul li .ca-info{float: left;}
.coach-audition .coach-audition-main ul li .ca-info{padding-bottom: 19px;}
.coach-audition .coach-audition-main ul li .ca-info p{font-size:16px;font-weight: 500;line-height: 16px;padding-bottom: 13px;color: #FF5901;}
.coach-audition .coach-audition-main ul li .ca-info .lisBq span{font-size:12px;line-height: 12px;color:#666666;padding-right: 7px;}
.coach-audition .coach-audition-main ul li .ca-info .lisBq i{width:1px;height:11px;background:#999;opacity:0.5;margin-right: 7px;display:inline-block;vertical-align: middle;}
.coach-audition .coach-audition-main ul li .ca-main .ca-chapter{float: left;}
.coach-audition .coach-audition-main ul li .ca-main .ca-chapter img{float: left;margin-right: 6px;}
.coach-audition .coach-audition-main ul li .ca-main .ca-chapter p{ display: inline-block;margin: 15px 0 0 5px;}
.coach-audition .coach-audition-main ul li .ca-main i{width:52px;height:22px;background:linear-gradient(270deg,#FF7F3D,#FEB35E);border-radius:11px;display:inline-block;float: right;color:#fff;text-align: center;margin-top: 20px;font-size: 12px;line-height: 22px;}
.coach-hotspot .coach-hotspot-list{overflow:hidden;padding-top:20px;}
.coach-hotspot .coach-hotspot-list ul{*zoom:1;padding-left: 14px;padding-top: 10px;width: 371px;height: 146px;float: left;}
.coach-hotspot .coach-hotspot-list ul.mr14{margin-right: 14px;}
.coach-hotspot .coach-hotspot-list li{height:34px;line-height:34px;float: left;padding-right:28px;text-align: right;}
.coach-hotspot .coach-hotspot-list li p{width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;float: left;}
.coach-hotspot .coach-hotspot-list li p a:hover{color:#FF7000;text-decoration:underline;}
.coach-hotspot .coach-hotspot-list li p i{position:relative;width: 14px;height: 14px;line-height:1;font-size:16px;display:inline-block;background: inherit;vertical-align: middle;margin-right: 15px;color: #9195A3;}
.coach-hotspot .coach-hotspot-list li p.s1 i{background-position: -32px -158px;color: #FE2D46;}
.coach-hotspot .coach-hotspot-list li p.s1 i::after{
    display: block;
    content: '1';
    color: #FE2D46;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s2 i{background-position: -32px -192px;color: #FF6600;}
.coach-hotspot .coach-hotspot-list li p.s2 i::after{
    display: block;
    content: '2';
    color: #FF6600;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s3 i{background-position: -32px -226px;color: #FAA90E;}
.coach-hotspot .coach-hotspot-list li p.s3 i::after{
    display: block;
    content: '3';
    color: #FAA90E;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s4 i{background-position: -32px -260px;}
.coach-hotspot .coach-hotspot-list li p.s4 i::after{
    display: block;
    content: '4';
    color: #9195A3;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s5 i{background-position: -30px -294px;}
.coach-hotspot .coach-hotspot-list li p.s5 i::after{
    display: block;
    content: '5';
    color: #9195A3;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s6 i{background-position: -30px -328px;}
.coach-hotspot .coach-hotspot-list li p.s6 i::after{
    display: block;
    content: '6';
    color: #9195A3;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s7 i{background-position: -30px -362px;}
.coach-hotspot .coach-hotspot-list li p.s7 i::after{
    display: block;
    content: '7';
    color: #9195A3;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-hotspot .coach-hotspot-list li p.s8 i{background-position: -30px -396px;}
.coach-hotspot .coach-hotspot-list li p.s8 i::after{
    display: block;
    content: '8';
    color: #9195A3;
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}
.coach-books{width:790px;height:252px;position: relative;z-index:1;}
.coach-books .prev,.coach-books .next{left:1px;}
.coach-books .next{left:auto;right:2px;}
.coach-books .coach-books-list{height:252px;margin: 0 -8px 0 0;overflow: hidden;position: relative;}
.coach-books .coach-books-list ul{width:3000px;height:252px;}
.coach-books .coach-books-list ul li{width:247px;height:224px;margin:20px 10px 0 10px;float:left;border-radius: 2px;background-color:#fff;box-shadow: 0px 0px 9px 1px #efefef;;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;padding-top: 4px;}
.coach-books .coach-books-list ul li:hover{margin-top:16px;border-color:#f0f0f0;box-shadow:0 0 9px 1px #e0e0e0;}
.coach-books .coach-books-list ul li:hover .cb-price a{background-image: linear-gradient( #EB5020, #EC8640);}
.coach-books .coach-books-list ul li .cb-cover{height:130px;}
.coach-books .coach-books-list ul li .cb-cover img{display: block;margin: 0 auto;width: 238px;}
.coach-books .coach-books-list ul li .cb-info{padding:9px 15px 0;display:inline-block;}
.coach-books .coach-books-list ul li strong{ width: 218px;font-size: 14px; line-height: 20px;display: inline-block;font-weight:500}
.coach-books .coach-books-list ul li strong a:hover{color:#fd7400;text-decoration: none;}
.coach-books .coach-books-list ul li .cb-price{height:24px;line-height: 24px;margin-top:5px;text-align: right;}
.coach-books .coach-books-list ul li .cb-price span{font-weight: bold;color: #fd7400;font-size: 14px;float: left;}
.coach-books .coach-books-list ul li .cb-price i{float: left;text-decoration: line-through;padding-left: 10px;color: #999;display: inline-block;font-size: 12px;padding-top: 7px;line-height: 12px;}
.coach-books .coach-books-list ul li .cb-price a{width:64px;height: 24px;line-height: 24px;border-radius:12px;background:linear-gradient(270deg,#FF7F3D,#FEB35E);text-align:center;color:#fff;display: inline-block;text-decoration: none;font-size:12px}


/*Ã©â€”â€šÃ¥â€šÅ¡Ã¥â‚¬Â·Ã¥Â¨Â´Ã¥â€ºÂ¬Ã®â€Å¡Ã¨Â¤ÂÃ©Å½Â¹Ã£Ë†Â¤Ã¥Â¹â€¡Ã©Â¡â€Ã¨â€”â€°Ã¥ÂºÅ Ã©â€”ÂÃ¥Â½â€™Ã¥ÂÅ Ã©ÂÂ Ã¦Â¥â‚¬Ã§â€¢Â·Ã©Ââ„¢Ã¥Â¤â€¹Ã¥ÂÂÃ¦Â¿Â¡Ã§â€šÂ¶Ã®â€¡Â§Ã¦ÂµÅ“Ã©Â¹Æ’Ã¦â€šâ€”Ã¥Â¨Ë†Ã¥Å¾Â®Ã¦Â«ËœÃ©â€“Â¸Ã¥Â¬ÂªÃ¯Â¹ÂªÃ©Ââ€ºÃ®â€ Â¼ÃŽÅ¸Ã©ÂÂÃ§â€¦Å½Ã§ÂÂ°Ã©â€”ÂÃ¥â€˜Å Ã§â€˜Â¥Ã©Â¡Â¦Ã¨â€”â€°ÃŽâ€ºÃ©Ââ€Ã¥â€¦Â¼Ã¢â€™â€™Ã¥Â¨â€œÃ¦Â°Â£Ã¥Ââ€œÃ¦Â¿Å¾Ã¤Â½Â³Ã¥â€ºÂ¨Ã¥Ââ€¹Ã©â€“Â¸Ã¢â€žÆ’Ã£Ââ€šÃ¥Â¨â€˜Ã¦Â¨Å“Ã¦â€”Ë†Ã¥Â´ÂªÃ¦ÂµÂ£Ã¨Â§â€žÃ¦Â«â€ Ã©â€”â€šÃ¤Â½Â¸Ã¥Â£Å Ã©Ââ€¹Ã¥â€˜Â­ÃƒÂºÃ¥Â§â€”Ã¢â€šÂ¬Ã©ÂÂ©Ã¦Â¶Â¢Ã¥Â¹â€¹Ã©â€â€Ã¨â€”â€°Ã¤Â»Â¯Ã©â€”ÂÃ¨Â¯Â¡Ã¥Å½Â½Ã§â€Â¯Ã¦Å½â€œÃ¤Â¿Å Ã¦Â¿â€šÃ¥â€˜Å Ã§â€¦â€ºÃ©ÂÅ½Ã¯Â½Å½Ã¥Ââ€žÃ©ÂÂÃ¦â€™Â®Ã¦Å¸Â¡Ã¥Â®â‚¬Ã¥Â¬Â¬Ã§Â£Â¿Ã©â€“Â³Ã‘Å’Ã¥â€°Â¨Ã§Â¼ÂÃ¥â€”ËœÃ§Â¦ÂÃ©ÂÂ«Ã¦â€ºÅ¸Ã¥Ââ€šÃ©â€“Â¸Ã¥Â¿â€¢Ã¢â€™Ë†Ã¥Â¨Ë†Ã¤Â»â€¹Ã¦Å¸Â£Ã©Å½Â°Ã®Ë†Å¡Ã§Å¡ÂºÃ§Â¼ÂÃ§Å Â²Ã®Å¸Â·Ã©ÂÅ’Ã§â€ Â¼Ã¦Å’Å Ã¦Â¾Â¶Ã¦â€žÂ¬Ã¥Â¼Â°Ã©ÂÅ½Ã¨Â§â€žÃ¦Â´ËœÃ§â€Â¯Ã¦Å½â€”Ã¥Å¸Å¾Ã©Å½Â´Ã¯Â¹â‚¬Ã©â€ â€¡Ã¦Â¤Â¤Ã¦â€žÂ¶Ã¥ÂÅ Ã¨Â¤â€Ã¥Â§Å Ã¥Â©Å¡Ã¥Â´â€™Ã¥Â§ËœÃ®Æ’Â½Ã¥Ââ€œÃ¥Â®â€žÃ¦â€¡Å Ã¥Â½â€™Ã¥Â´Â¶Ã¨Â¤â€°Ã©Ââ€¹Ã¦Â Â­Ã¦Å¸Â¡Ã©ÂÂ¥Ã£Æ’Â¥Ã§ÂÂ©Ã§Â¼ÂÃ¦â€žÂ­Ã®Å¡Å Ã©ÂÅ’Ã§â€ Â¼Ã¦â€šÂ§Ã©ÂÂ«Ã§â€ ÂºÃ¥â€¡Â¡Ã©â€”ÂÃ¥â€˜Å Ã¥Å¾Â¹Ã¦Â¿Â®Ã¦â€™Â®Ã¥Å¸Å¾Ã©Å½Â´Ã¯Â¸Â½Ã¥ÂÂÃ©ÂÅ½Ã¥Å“Â­Ã¥Â§Â´Ã©Â¡Â¥Ã¦Â¿Ë†Ã§Â´â€œÃ¦ÂµÂ£Ã¥â€œâ€žÃ®â‚¬Å’Ã©â€“Â¸Ã£â€žÂ¥Ã§Ë†Â¼Ã¥Â¯Â®Ã¥Â©Å¡Ã¦â€¢ÂÃ¦Â¾Â¶Ã¥Â©â€žÃ®â€¦ÂºÃ©â€”ÂÃ¦Å’Å½Ã§Â¹â€šÃ©Å½Â²Ã¦Â¶Â¢Ã¥Â¹ËœÃ§Â¼ÂÃ¦Â¨Â¼Ã¥Å½Â¸Ã©â€”ÂÃ¥â€˜Å Ã¤Â¾â€”Ã©ÂÂ Ã¦Â¥â€¦Ã¥Â´ÂÃ©Å½Â°Ã§â€°Ë†Ã§â€¦â€ºÃ§â‚¬Â¹Ã¢â€šÂ¬Ã§â‚¬Â£Ã®â€žâ‚¬Ã¥Å¸Å’Ã©â€”ÂÃ¥Â®Â Ã®â€¡Â§Ã¦Â¥Â Ã¦ÂÂÃ¥Å¸Â¢Ã¦ÂÂ´Ã£â€žÂ¥Ã§Â®Â£Ã©â€“Â»Ã¦Â¬ÂÃ¦â€¡ÂÃ©ÂÅ¡Ã¥Â½â€™Ã¦Â¢Â»Ã©ÂÅ’Ã¦Â¬â€˜Ã§Âªâ€Ã¦Â¿Å¾Ã¤Â½Â³Ã¥â€¦Â¾Ã¦Â¶ËœÃŽâ€Ã©ÂÅ“Ã¤Â½Â¹Ã¦â„¢Å¾Ã¦Â¿Â Ã£Ë†Â£Ã¥Å¸â€“Ã©Ââ€Ã¦Â¥â‚¬Ã§â€¢ÂµÃ¦Â¸Å¡Ã¢â€šÂ¬Ã©Ââ€œÃ®â€šÂ¦Ã¥Â´Â¶Ã©Å Å Ã‘â‚¬Ã¥Â§â€¡Ã©â€”ÂÃ¥â€œâ€žÃ¦â€¡ÂÃ©Å½Â®Ã¥â€šÅ¾Ã¥Â¼Â»Ã©Å Å Ã¢â€¢â€šÃ¥Ââ€ Ã©â€“Â¸Ã¥Â±Â¾Ã§Â¨â€˜Ã©Â¡ÂÃ¯Â¿Â½*/
.coach-classes{width:784px;height:252px;position: relative;z-index:1;}
.coach-classes .prev,.coach-classes .next{left:1px;}
.coach-classes .next{left:auto;right:2px;}
.coach-classes .coach-classes-list{height:256px;margin: 0 -8px 0 0;overflow: hidden;position: relative;}
.coach-classes .coach-classes-list ul{width:3000px;height:256px;}
.coach-classes .coach-classes-list ul li{width:248px;height:232px;margin:20px 14px 0 0px;float:left;border-radius: 2px;background-color:#fff;border: 2px solid #f7f7f7;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.coach-classes .coach-classes-list ul li:hover{margin-top:16px;border-color:#f0f0f0;box-shadow:0 0 9px 1px #EFEFEF;}
.coach-classes .coach-classes-list ul li:hover .cb-price a{background-image: linear-gradient( #EC8640, #EB5020);}
.coach-classes .coach-classes-list ul li .cb-cover{height:134px;padding-top: 6px;text-align:center;}
.coach-classes .coach-classes-list ul li .cb-cover img{display: block;margin: 0 auto;}
.coach-classes .coach-classes-list ul li .cb-info{padding:10px 15px 0;display:inline-block;}
.coach-classes .coach-classes-list ul li strong{font-size: 14px; line-height: 14px;display:block;}
.coach-classes .coach-classes-list ul li strong a:hover{color:#fd7400;text-decoration: none;}
.coach-classes .coach-classes-list ul li em{font-size:12px;color:#999;line-height: 28px;display:inline-block;}
.coach-classes .coach-classes-list ul li .cb-price{width: 222px;height:24px;line-height: 24px;text-align: right;}
.coach-classes .coach-classes-list ul li .cb-price span{font-weight: bold;color: #fd7400;font-size: 18px;float: left;}
.coach-classes .coach-classes-list ul li .cb-price a{width:74px;height: 24px;line-height: 24px;border-radius:12px;background-color: #EC8640;text-align:center;color:#fff;display: inline-block;text-decoration: none;}
.coach-mod .coach-classmain {padding: 0 30px 30px!important;}

.coach-seckill .coach-seckill-list{padding-top:5px;overflow:hidden;}
.coach-seckill .coach-seckill-list li.mr0{margin-right: 0 !important;}
.coach-seckill .coach-seckill-list li{float: left;margin-right: 16px;height: 54px;}
.coach-seckill .coach-seckill-list li a{width:95px;height:36px;line-height: 36px;background:#fff;border:1px solid #F7F7F7;border-radius:5px;display:inline-block;text-align:center;margin-top: 14px;}
.coach-seckill .coach-seckill-list li a{color:#333;}
.coach-seckill .coach-seckill-list li:hover a{border:1px solid #FFB077;margin-top: 15px;}
.coach-seckill .coach-seckill-list li:hover a{color:#FF5000;text-decoration: none;}
.coach-feedback .coach-feedback-main{margin-top: 20px;}
.coach-feedback .coach-feedback-main .smjl-Con{width: 301px;height: 101px;padding:18px 0 0 25px ;background:url(../images/sml_bk.png) no-repeat center top;}

.coach-feedback .coach-feedback-list{overflow:hidden;margin-top: 10px;}
.coach-feedback .coach-feedback-list li{height:75px;padding:3px 0;}
.coach-feedback .coach-feedback-list li .cf-hd{height:24px;text-align: right;color:#bbb;font-size:12px;}
.coach-feedback .coach-feedback-list li .cf-hd span{float: left;}
.coach-feedback .coach-feedback-list li .cf-bd{height: 42px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 100%;line-height: 21px;}
.coach-feedback .coach-feedback-list li .cf-bd a:hover{color: #333;text-decoration: none;}

.coach-join{height:64px;background:#f2f6fd;margin-top: 16px;padding-left:21px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}
.coach-join .cj-info{float:left;padding:7px 0 0 59px;background-position:left 20px;}
.coach-join .cj-info strong{display: block;line-height:29px;font-size: 16px;color: #294143;}
.coach-join .cj-info p{line-height: 22px;font-size: 12px;color: #294143;}
.coach-join .cj-img{float: left;margin:17px 0 0 18px;}
.coach-join .cj-add{padding:0 22px;height: 24px;white-space: nowrap; line-height: 24px;color: #fff;margin: 20px 0 0 20px;font-size:12px; background: #EC8640;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;float: left;}
.coach-join .cj-add:hover{background:#EC8640;text-decoration: none;}

.obtain-mod .obtain-main{padding:0 30px 30px;}
.obtain-mod .obtain-famous{margin:0 -30px 0 0;}
.obtain-mod .obtain-famous li{width:262px;float: left;margin: 0 30px 0 0;-webkit-transition:margin-top .3s ease;-moz-transition:margin-top .3s ease;-o-transition:margin-top .3s ease;-ms-transition:margin-top .3s ease;transition:margin-top .3s ease;}
.obtain-mod .obtain-famous li img{display: block;margin:0 auto;}
.obtain-mod .obtain-famous li:hover{margin-top:-5px;}

.cdel-mod .cdel-main{padding:0 30px 20px;}
.cdel-mod .cdel-video{width:610px;height:400px;overflow:hidden;position: relative;z-index:1;}
.cdel-mod .cdel-video img{cursor:pointer;display:block;}


.cdel-mod .cdel-video video{width: 610px;height: 400px;border-radius:10px;background-color:#f5f5f5;}
.cdel-mod .cdel-video object{width: 436px;height: 244px;background-color: #f5f5f5;border-radius:10px;}
.cdel-mod .cdel-video p{position: absolute;left:0;right:0;bottom:0;line-height: 54px;padding:0 20px;font-size:16px;color: #fff;}
.cdel-mod .cdel-block{width:510px;}
.cdel-mod .cdel-block ul{margin:0 -5px;*zoom:1;}
.cdel-mod .cdel-block ul li{width:250px;height:162px;padding-top:33px;margin:0 5px 10px;background:#f5f5f5;float:left;text-align: center;}
.cdel-mod .cdel-block ul li i{width:58px;height:58px;display: block;margin: 0 auto 15px;background:url(../images/wx01.png) no-repeat center 3px;}
.cdel-mod .cdel-block ul li.cb02 i{background:url(../images/wx02.png) no-repeat center 3px;}
.cdel-mod .cdel-block ul li.cb03 i{background:url(../images/wx03.png) no-repeat center 3px;}
.cdel-mod .cdel-block ul li.cb04 i{background:url(../images/wx04.png) no-repeat center 3px;}
.cdel-mod .cdel-block ul li strong{display: block;line-height:24px;font-size: 16px;font-weight: normal;}

.bottom-mod{background:#f7f7f7;}
.bottom-mod .botnav-mod{padding:50px 0 13px;}
.bottom-mod .botnav-dls{width: 482px!important;padding:0 0 0 0px!important;}
.bottom-mod .botnav-dls dl{width:129px;line-height:30px;float:left;}
.bottom-mod .botnav-dls dl dt{line-height:16px;font-size:16px;margin-bottom: 11px;font-weight:bold;}
.bottom-mod .botnav-dls dl dd a{color:#666;}
.bottom-mod .botnav-dls dl dd a:hover{color:#EC8640;}
.bottom-mod .botnav-dls dl.dl-about{width:112px;}
.bottom-mod .botnav-dls dl.dl-interests{margin-right:0!important;}
.bottom-mod .botnav-dls dl.dl-interests dd{width:110px;float:left;}
.bottom-mod .bot-contact{width: 718px!important;}
.bottom-mod .bot-tels{width:246px;}
.bottom-mod .bot-tels h6{line-height: 16px;font-size: 16px;margin-bottom: 14px;}
.bottom-mod .bot-tels .bot-tel{padding-left:63px;line-height:30px;font-size:22px;margin-bottom:5px; background:url(../images/dianh.png) no-repeat left 5px}
.bottom-mod .bot-tels .bot-tel span{margin:0 11px 0 10px;}
.bottom-mod .bot-tels .bot-list{font-size:0;line-height:26px;}
.bottom-mod .bot-tels .bot-list span{display:block;line-height:26px;padding-left:46px;font-size:14px;line-height: 14px;margin-bottom:7px;}
.bottom-mod .bot-tels .bot-list a{padding-left:36px;margin-right:28px;display:inline-block;background-position:left -1312px;font-size:14px;}
.bottom-mod .bot-tels .bot-list a.tels-feedback{margin-right:0;background-position:left -1352px;}
.bottom-mod .bot-tels .bot-list a:hover{color:#EC8640;text-decoration: none;}
.bottom-mod .bot-contact .ct-ewm{width: 113px;padding:10px;line-height: 24px;color: #666;text-align: center;}
.bottom-mod .bot-contact .ct-ewm img{display:block;}
.bottom-mod .botlink-mod{border-top:1px solid #e8e8e8;padding:22px 0 9px;*padding-bottom:21px;}
.bottom-mod .botlink-mod .link-dt{line-height:28px;font-size:16px;float:left;}
.bottom-mod .botlink-mod .link-dd{margin-left:96px;padding-top:2px;}
.bottom-mod .botlink-mod .link-dd a{height:28px;line-height:28px;margin:0 19px 0 0;color:#666;float:left;}
.bottom-mod .botlink-mod .link-dd a.mr0{margin-right: 0 !important;}
.bottom-mod .botlink-mod .link-dd a:hover{color:#EC8640;text-decoration:none;}
.ewm-pop{ display:none; width:113px; text-align:center; border:1px solid #e1e2e3; left:50%; margin-left:-67px; top:85px; background:#fff; padding:10px; z-index:19;}
.ewm-pop img{ display:block; width:113px;}
.ewm-pop p{ line-height:20px; color:#999;display:none;}
.ewm-pop .arrow{ display:block; width:14px; height:6px; left:50%; margin-left:-7px; top:-6px;background: url("../images/ico.png") no-repeat center top;background-position:-28px -33px;}
.header-top-in .slogo{       position: relative;
    height:50px;
    width: 175px;
    margin: 14px 0 0 0;
    overflow: hidden;}
.header-top-in .tel-tit{color:#333;font-size:18px;height: 80px;float: left;line-height: 80px;padding-left: 130px;color:#333333;}
.header-top-in .tel-tit img{vertical-align:-5px;margin-right: 8px;}
.header-top-in .top-titd{color:#333;font-size:18px;height: 80px;float: left;line-height: 80px;padding-left: 210px;color:#333333;}
.header-top-in .top-titd img{vertical-align:-5px;margin-right: 8px;}
.header-top-in .slogo .si_bg{display:block;height:52px;width:175px;background:url(../images/slogo_bg3.png) no-repeat 16px 24px;
    -webkit-animation:ani_slogo_bg 1s ease-out .3s 1 both;
    -moz-animation:ani_slogo_bg 1s ease-out .3s 1 both;
    -ms-animation:ani_slogo_bg 1s ease-out .3s 1 both;
    -o-animation:ani_slogo_bg 1s ease-out .3s 1 both;
    animation:ani_slogo_bg 1s ease-out .3s 1 both;
}
@-webkit-keyframes ani_slogo_bg{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ani_slogo_bg{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes ani_slogo_bg{
    0%{opacity:0}
    100%{opacity:1}
}
@-o-keyframes ani_slogo_bg{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes ani_slogo_bg{
    0%{opacity:0}
    100%{opacity:1}
}

.header-top-in .slogo em{display:block;background:url(../images/slogo4.png) no-repeat 0 0}
.header-top-in .slogo .sem01{      width: 16px;
    height: 17px;
    background-position: 0 -21px;
    top: 22px;
    left: 0px;
    -webkit-animation:ani_slogo .6s ease-out 0s 1 both;
    -moz-animation:ani_slogo .6s ease-out 0s 1 both;
    -ms-animation:ani_slogo .6s ease-out 0s 1 both;
    -o-animation:ani_slogo .6s ease-out 0s 1 both;
    animation:ani_slogo .6s ease-out 0s 1 both;
}
.header-top-in .slogo .sem02{    width: 17px;
    height: 17px;
    background-position: -16px -14px;
    top: 15px;
    left: 16px;
    -webkit-animation:ani_slogo .6s ease .1s 1 both;
    -moz-animation:ani_slogo .6s ease .1s 1 both;
    -ms-animation:ani_slogo .6s ease .1s 1 both;
    -o-animation:ani_slogo .6s ease .1s 1 both;
    animation:ani_slogo .6s ease .1s 1 both;
}
.header-top-in .slogo .sem03{width: 17px;
    height: 17px;
    background-position: -33px -10px;
    top: 11px;
    left: 33px;
    -webkit-animation:ani_slogo .6s ease .2s 1 both;
    -moz-animation:ani_slogo .6s ease .2s 1 both;
    -ms-animation:ani_slogo .6s ease .2s 1 both;
    -o-animation:ani_slogo .6s ease .2s 1 both;
    animation:ani_slogo .6s ease .2s 1 both;
}
.header-top-in .slogo .sem04{    width: 18px;
    height: 15px;
    background-position: -49px -6px;
    top: 6px;
    left: 49px;
    -webkit-animation:ani_slogo .6s ease .3s 1 both;
    -moz-animation:ani_slogo .6s ease .3s 1 both;
    -ms-animation:ani_slogo .6s ease .3s 1 both;
    -o-animation:ani_slogo .6s ease .3s 1 both;
    animation:ani_slogo .6s ease .3s 1 both;
}
.header-top-in .slogo .sem05{width: 18px;
    height: 15px;
    background-position: -66px -3px;
    top: 4px;
    left: 66px;
    -webkit-animation:ani_slogo .6s ease .4s 1 both;
    -moz-animation:ani_slogo .6s ease .4s 1 both;
    -ms-animation:ani_slogo .6s ease .4s 1 both;
    -o-animation:ani_slogo .6s ease .4s 1 both;
    animation:ani_slogo .6s ease .4s 1 both;
}
.header-top-in .slogo .sem06{
    width: 18px;
    height: 16px;
    background-position: -88px -1px;
    top: 2px;
    left: 88px;
    -webkit-animation:ani_slogo .6s ease .5s 1 both;
    -moz-animation:ani_slogo .6s ease .5s 1 both;
    -ms-animation:ani_slogo .6s ease .5s 1 both;
    -o-animation:ani_slogo .6s ease .5s 1 both;
    animation:ani_slogo .6s ease .5s 1 both;
}
.header-top-in .slogo .sem07{width: 17px;
    height: 15px;
    background-position: -106px -1px;
    top: 1px;
    left: 106px;
    -webkit-animation:ani_slogo .6s ease .6s 1 both;
    -moz-animation:ani_slogo .6s ease .6s 1 both;
    -ms-animation:ani_slogo .6s ease .6s 1 both;
    -o-animation:ani_slogo .6s ease .6s 1 both;
    animation:ani_slogo .6s ease .6s 1 both;
}
.header-top-in .slogo .sem08{
    width: 16px;
    height: 18px;
    background-position: -123px 0px;
    top: 1px;
    left: 123px;
    -webkit-animation:ani_slogo .6s ease .7s 1 both;
    -moz-animation:ani_slogo .6s ease .7s 1 both;
    -ms-animation:ani_slogo .6s ease .7s 1 both;
    -o-animation:ani_slogo .6s ease .7s 1 both;
    animation:ani_slogo .6s ease .7s 1 both;
}
.header-top-in .slogo .sem09{
    width: 15px;
    height: 21px;
    background-position: -140px 0px;
    top: 1px;
    left: 140px;
    -webkit-animation:ani_slogo .5s ease .8s 1 both;
    -moz-animation:ani_slogo .6s ease .8s 1 both;
    -ms-animation:ani_slogo .6s ease .8s 1 both;
    -o-animation:ani_slogo .6s ease .8s 1 both;
    animation:ani_slogo .6s ease .8s 1 both;
}
.header-top-in .slogo .sem10{    width: 16px;
    height: 20px;
    background-position: -158px -2px;
    top: 3px;
    left: 158px;
    -webkit-animation:ani_slogo .5s ease .8s 1 both;
    -moz-animation:ani_slogo .6s ease .8s 1 both;
    -ms-animation:ani_slogo .6s ease .8s 1 both;
    -o-animation:ani_slogo .6s ease .8s 1 both;
    animation:ani_slogo .6s ease .8s 1 both;
}

@-webkit-keyframes ani_slogo{
    0%{-webkit-transform:translate(0px,-55px) rotateZ(-180deg)}
    100%{-webkit-transform:translate(0px,0px) rotateZ(0deg)}
}
@-moz-keyframes ani_slogo{
    0%{-moz-transform:translate(0px,-55px) rotateZ(-180deg)}
    100%{-moz-transform:translate(0px,0px) rotateZ(0deg)}
}
@-ms-keyframes ani_slogo{
    0%{-ms-transform:translate(0px,-55px) rotateZ(-180deg)}
    100%{-ms-transform:translate(0px,0px) rotateZ(0deg)}
}
@-o-keyframes ani_slogo{
    0%{-o-transform:translate(0px,-55px) rotateZ(-180deg)}
    100%{-o-transform:translate(0px,0px) rotateZ(0deg)}
}
@keyframes ani_slogo{
    0%{transform:translate(0px,-55px) rotateZ(-180deg)}
    100%{transform:translate(0px,0px) rotateZ(0deg)}
}

.header {
    height: auto!important;
}
.live-is-show{
    margin-top:-20px;
}

/* appÃ¥Â©ÂµÃ§Å ÂµÃ¦â€¢Â¸Ã¦Â¿Â®Ã§Æ’Â½Ã¥Â¼Â«Ã©Å½Â¼Ã¤Â½Â¸Ã§Â£Â»Ã©â€“Â»Ã¦â€žÂ¬Ã¦ÂÂ«Ã©ÂÂ¨Ã¥â€šÅ¾Ã¦Å¸â€ºÃ©Â¡ÂÃ¯Â½â€ Ã§Â¤â‚¬Ã§Â¼ÂÃ§Å Â±Ã¥ÂÂ³Ã©ÂÅ’Ã§â€ Â¼Ã¦Â¢Â»Ã§â‚¬ÂµÃ¦Â­Å’Ã§Âªâ€”Ã©â€”ÂÃ¨Â½Â°Ã§Â¤ÂÃ§â‚¬Å¡Ã¤Â¼Â´Ã¥Â¼Â»Ã¥Â¨â€˜Ã£Ë†Â©Ã¦â€¢Æ’Ã©â€“Â¿Ã¦Â¿â€ Ã¦Â´Â©Ã§Â»Å’Ã¥Ââ€”Ã¦â€šÂ·Ã¥Â©Å Ã¥â€˜Â­Ã®â€¢Â¼Ã©ÂÂ¢Ã®Ë†â€ºÃ®Å¡Å Ã¥Â¯Â®Ã¦Å¸Â¥Ã¥Â¹â€“Ã¦ÂµÂ£Ã¥Å“Â­Ã¥Ââ€ Ã©â€”ÂÃ§Â»ËœÃ¦Â´â€“Ã©ÂÅ Ã¥Å“Â­Ã¢â€šÂ¬Ã¦Â°Â¾Ã¦â€¹Â· Ã©â€”â€šÃ¥â€šÅ¡Ã¥â‚¬Â¸Ã©ÂÅ Ã¦ÂÂÃ¥Â´ÂÃ¥Â®â€žÃ¦â€¡Å Ã¥Â½â€™Ã¥Â´Â¶Ã©Â¡â€™Ã¢â€šÂ¬Ã¨Â¿ÂÃ©â€”ÂÃ©â‚¬Å¾Ã¥Â±Â½Ã¥Â¢Â´Ã©â€“ÂºÃ¥Â±Â¾Ã§Â¨â€œÃ©Ë†Â§Ã®â€žÅ Ã§Â¶â€ Ã©Ââ€¹Ã¥â€˜Â­Ã§â€¢Â·Ã¥Â®â‚¬Ã¥â€¹Â¬Ã§â€¦â€ºÃ§â‚¬Â¹Ã¢â€šÂ¬Ã§â‚¬Â£Ã®â€žâ€šÃÅ“Ã©â€”ÂÃ¨Â¯Â¡Ã¥â€“â€œÃ©ÂÂ¨Ã¨â€”â€°Ã§â€¢Â·Ã©Å Å Ã¯Â¸Â¾Ã§Â¯â‚¬Ã©â€“Â¸Ã¦â€ºÂ¨Ã¥Ââ€žÃ¥Â¨Ë†Ã£Æ’Â§Ã§Â´â€œÃ©ÂÅ’Ã¦Â°Â¬Ã¢â€šÂ¬Ã¦ÂÂÃ¥Â´ÂÃ©ÂÂÃ£Æ’Â§Ã§Å¸â„¢Ã©â€“Â¸Ã¦â€ºÂ¨Ã¥Å¾Â°Ã§Â»Â Ã®Ë†Å¾Ã¦Å¸Â¨Ã©Ââ€¢Ã¥â€šâ€ºÃ¥Â«Â¹ */
.top-panel .changes-app{
    width: 488px;
    padding-right: 20px;
    height: 161px;
    left: -337px;
    background: url(../images/app-bg2.png) no-repeat;
}
.top-panel  .changes-app .bCon{
    float:right;
}
.top-panel .changes-app .pop2-b{
    color:#333;
}
.top-panel .changes-app .app-tit{
    font-size: 12px;
    color: #666;
    padding-left: 14px;
    line-height: 22px;
}
.top-panel .changes-app .app-tit a{
    color:#0066FF;
}
.bottom-mod .bot-contact .ct-app{
    background: #fff;
    width: 342px;
    margin-right: 30px;
}
.bottom-mod .bot-contact .ct-app .fl{
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    color: #666;
    padding-top: 10px;
}
.bottom-mod .bot-contact .ct-app .fl a{
    color:#0066FF;
}


/* Ã©â€”â€šÃ¥â€šÅ¡Ã¥â‚¬Â¸Ã©ÂÅ Ã§Æ’Â½Ã¦â€¡â€”Ã©â€˜Â¸Ã§â€ÂµÃ¤Â»Å¡Ã¦Â¿Â Ã§â€ÂµÃ¥Ââ€ºÃ©ÂÂ¡Ã£â€žÂ¥Ã§â€¢ÂÃ§Â»â€¹Ã¨Â·Â¨Ã¦Å¡Â¦Ã¦Â¿Â¡Ã£â€šâ€šÃ¥Ââ€œÃ©â€“Â³Ã¨â€”â€°Ã®ËœÂ¯Ã©Â¡Â«Ã¦Â¿â€¹Ã®â€ËœÃ¨Â¤Å½Ã§Â¼ÂÃ¦Â¥ÂÃ¤Â¿Å Ã©ÂÂÃ®Ââ€žÃ¢â€šÂ¬Ã¦Â Â«Ã¦â€¢Â®Ã©Å½ÂºÃ¦â€“ÂºÃ¥Ââ€œÃ¥Â§ËœÃ§â€¦Å½Ã¥Â¢Â´Ã©â€“Â¹Ã®Ë†Å¡Ã¨â€¹Â¯Ã¨Å¾â€“Ã©â€“Â¸Ã¦Â¶Â±Ã¥â€“Å¡Ã©Ââ„¢Ã¥â€¹Â«Ã¢â€â€˜Ã©Â¡â€Ã¦â€“Â¤Ã¤Â¾â€ºÃ©â€“Â¸Ã¦â€™Â´Ã§â€˜Â©Ã©ÂÂ©Ã¢â€šÂ¬Ã¦Â¤Â¤Ã¦Å½â€ Ã¥Ââ€œÃ¦Â¤Â¤Ã®â€¦Â Ã¥â€¦ËœÃ©ÂªÅ¾Ã¥â€ Â®Ã¦â€šÂ¿Ã©Â¡â€“Ã¦Â»â€¦Ã¦ÂÂ¸Ã¥Â©ÂµÃ§â€šÂ´Ã¥Å¾Â¶Ã©ÂÅ¸Ã£Æ’Â©Ã¥Å¸â‚¬Ã©Â¡â€™Ã¥â€šâ€ºÃ¦Å¡Â¬Ã©â€“ÂºÃ¥Â²â€¹Ã§Â¶â‚¬Ã©Â¡Â¦Ã¦Å¸Â¥Ã¦Å¸Å¸Ã§â€™â€¡Ã‘â€¦Ã§Â£Â¿Ã©â€“Â³Ã‘Å’Ã¥â€°Å¡Ã©Ââ€Ã®â€žâ€žÃ¥Â¹ÂÃ©â€Å¸Ã¯Â¿Â½ */
.coach-feedback{
    padding-top:1px;
}
.coach-feedback .the-public{
    padding: 10px 0 0 15px;
    width: 312px;
    height: 146px;
    background:url('../images/gzhbk.png')no-repeat center top;
    position: relative;
    margin-top: 20px;
}
.coach-feedback .the-public h2,.code-set-main ul li h2{
    line-height: 28px;
    color:#333333;
    font-size:16px;
    font-weight: 500;
}
.coach-feedback .the-public h2{
    line-height: 32px;
    background:url('../images/y.png')no-repeat 169px bottom;
}
.coach-feedback .the-public p,.code-set-main ul li p{
    color:#666;
    line-height: 34px;
}
.code-set-main ul li p{
    line-height: 26px;
    font-size: 13px;
    color: #666;
}
.code-set-main ul li span{
    font-size:12px;
    color:#999;
    line-height: 18px;
    margin-bottom: 7px;
    display:inline-block;
}
.coach-feedback .the-public p em,.code-set-main ul li p em{
    font-size:12px;
    color:#c07450;
    width: 68px;
    height: 20px;
    line-height: 20px;
    background-color: #fff5e1;
    border-radius:10px;
    display:inline-block;
    text-align: center;
    margin-right: 8px;
    margin-top: 4px;
}
.code-set-main ul li p em{
    display:block;
}
.coach-feedback .the-public .maskbk,.code-set-main ul li .maskbk{
    display: none;
    background: rgba(0,0,0,.7);
    background: #999 \9;
    position:absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    text-align: center;
}
.coach-feedback .the-public .maskbk img,.code-set-main ul li .maskbk img{
    width: 112px;
    height: 112px;
}
.coach-feedback .the-public .maskbk img{
    margin-top: 20px;
}
.code-set-main ul li .maskbk img{
    margin-top: 56px;
}
.code-set-main{
    position: relative;
    border:2px solid #f7f7f7;
    width: 320px;
    height: 229px;
    background:#fff;
    margin-top: 19px;
}
.code-set-main .code-set-list ul li{
    width:307px;
    height:217px;
    padding: 12px 0 0 13px;
    position: relative;
}


/* Ã©â€”â€šÃ¥â€šâ„¢Ã¦Âµâ€¡Ã¥Â®â€¢Ã¥Å¾Â«Ã¦â€¦Â¨Ã©Å½Â¶Ã¨Å Â¥Ã¢â€™â€Ã§â‚¬Â¹Ã£Æ’Â¥Ã®ËœÂ¯Ã©ÂÂ¨Ã¥â€šÅ¾Ã¦Å¸Â¦Ã¥Â¦Â¯Ã§Å’Â´Ã§Â´Å¡Ã©â€“Â¿Ã¦Â¿â€ Ã®ËœÂ¯Ã§Â»â‚¬Ã¥Â¬Â«Ã£Ââ€žÃ©ÂÂÃ£â€žÂ¦Ã§Å¡â€˜Ã©â€“Â»Ã¦â€™Â´Ã¥Å¾Â¿Ã©Å½Â®Ã¦Â¥â€¦Ã¦â€šÂ·Ã©Ââ€°Ã¦Â¬Â¾Ã¤Â»Â¾Ã¦Â¿Â Ã£Ë†Â¢Ã¦â€¡â€œÃ¥Â¦Â«Ã¦Â¥â€¦Ã¢â‚¬Â¦Ã©ÂÂ¥Ã®â€žâ‚¬Ã§Â±ÂÃ©â€“Â¸Ã¥Â±Â¾Ã§Â²Å½Ã©â€â€ºÃ¦Â»Ë†Ã¦Â¢ÂºÃ©â€“Â«Ã§â€šÂ²Ã¨â€¹Â¯Ã¦Â¾Â§Ã¦â€™Â®Ã¦Å¸Â¡Ã¦ÂµÂ£Ã¨Â§â€žÃ¥Â´Å’Ã©â€“ÂºÃ¤Â½Â¹Ã¦Ââ€¡Ã©ÂÂÃ¦â€™Â»Ã¦â€¢â€œÃ©â€Å¸Ã¯Â¿Â½ */
.Accounts-public{
    position: relative;
    margin-top: 15px;
    z-index: 97;
}
.Accounts-public .message-reminding{
    width: 222px;
    height: 30px;
    background: linear-gradient(360deg, #FFE6D7 0%, #FFEFE4 100%);
    border-radius: 3px;
    border: 1px solid #FFE4D3;
    line-height: 30px;
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FF7000;
    text-align:center;
}
.Accounts-public .message-reminding:hover+.Accounts-show{
    display:inline-block;
    color: red !important;
}
.Accounts-public .message-reminding img{
    margin-right: 3px;
    vertical-align: -3px;
}
.Accounts-public .Accounts-show{
    width: 222px;
    height:224px;
    background:url('../images/gzh_bk.png')no-repeat center top;
    margin-top: 4px;
    text-align: center;
    padding-top: 25px;
    display:none;
}
.Accounts-public .Accounts-show{
    position: absolute;
}
.Accounts-public .Accounts-show span{
    color:#FD8027;
    font-size:14px;
    line-height: 14px;
    display:block;
    padding-bottom: 4px;
}
.Accounts-public .Accounts-show em{
    color:#333333;
    font-size:12px;
    line-height: 12px;
    display:inline-block;
}
.Accounts-public .Accounts-show img{
    display: block;
    margin-top: 9px;
    margin: 9px auto 0;
}











.topp{
    width:1080px;
    margin:0 auto;
}
.topp ul{
    display:flex;
    align-items:center;
}
.topp ul li{
    height:40px;
    margin:0;
    padding:0;
    list-style:none!important;
    background:none;
}
.topp ul li a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    color:#fff;
    padding:0 15px;
}


.listcont{
    padding:10px 0
}
.listcont .tits{
    position: relative;
    margin-bottom: 20px;
    padding-left: 27px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #f5f5f5;
}
.listcont .titsmore{
    float:right;margin-right:10px;color:#999}
.listcont .tits:after {
    position: absolute;
    left: 13px;
    top: 50%;
    content: '';
    margin-top: -8px;
    width: 3px;
    height: 16px;
    background-color: #FF7500;
}
.listcont .spdian {
    width:5px;height:5px;background:#ddd;border-radius:100%;display:inline-block;float:left;margin:10px 10px 0 0
}







.footer{
    padding:20px 0;
    background-color:#fff;
    color:#333;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#333;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #FF7500;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #FF7500;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}