@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font: 12px/1.5tahoma, arial, \5b8b\4f53; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; }

code, kbd, pre, samp { font-family: couriernew, courier, monospace; }

p, span, a, em, table { font-size: 14px; color: #333333; }

ul, ol { list-style: none; }

a { text-decoration: none; cursor: pointer; color: #333333; }

a:hover { text-decoration: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

legend { color: #000; }

fieldset, img { border: 0; }

button, input, select, textarea { border-radius: 2px; font-size: 100%; outline: none; border: 1px solid #DDDDDD; }

button { border-style: none; }

textarea { resize: none; border-color: #f2f2f2; padding: 5px; }

table { border-collapse: collapse; border-spacing: 0; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }

.relativeDiv { position: relative; }

.bold { font-weight: 700; }

.hide { display: none; }

.clearfix:after { content: ""; display: block; clear: both; }

.clearfix { zoom: 1; }

.blueBlock:after { content: ""; display: inline-block; height: 8px; width: 8px; background-color: #00a8d4; }

.fr { float: right; }

.fl { float: left; }

-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }

input[type=text]:focus, input[type=password]:focus, textarea:focus { -webkit-box-shadow: 0 0 0 1000px white inset; }

.icon { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: 100%; }

.icon-crown { background-image: url(../img/crown.png); }

.icon-diamod-purple { background-image: url(../img/diamod-purple.png); }

.icon-diamod-blue { background-image: url(../img/diamod-blue.png); }

.icon-diamod-gray { background-image: url(../img/diamod-gray.png); }

.icon-year { background-image: url(../img/yearviplogo.png); }

.icon-over { width: 20px; height: 25px; background-image: url(../img/over.png); }

.icon-free { width: 20px; height: 25px; background-image: url(../img/freecourse.png); }

.ft-16 { font-size: 16px; }

.text-center { text-align: center; }

.content-pad20 { padding: 20px 0; }

.content-padT20 { padding-top: 20px; }

.content-padB20 { padding-bottom: 20px; }

.content-box { width: 1230px; margin: 0 auto; }
.content-box label { font-size: 16px; font-weight: 700; }

.content-white { background-color: #FFFFFF; }

.content-gray { background-color: #F2F2F2; }

.content-gray2 { background-color: #F8F8F8; }

.content-gray3 { background-color: #B6B6B6; }

.content-gray4 { padding: 20px 0; background-color: #f9f9f9; }

.content-blue { background-color: #00A8D4; color: #FFFFFF; }

.content-greend { background-color: #86cf00; color: #FFFFFF; }

.btn { display: inline-block; text-align: center; cursor: pointer; }

.btn-small { width: 120px; height: 30px; line-height: 30px; border-radius: 15px; }

.btn-middle { width: 150px; height: 30px; line-height: 30px; border-radius: 15px; }

.btn-radius { border-radius: 5px; }

.btn-white { background-color: #FFFFFF; color: #000000; border: 1px solid #666666; }

.btn-black { background-color: #666666; color: #FFFFFF; }

.btn-blue { background-color: #00A8D4; color: #FFFFFF; }

.btn-red { background-color: #e84e40; color: #FFFFFF; }

.btn-blue-o { color: #00A8D4; width: 140px; height: 40px; line-height: 40px; border: 1px solid #00A8D4; }

.btn-blue1 { background-color: #00A8D4; color: #FFFFFF; }

.btn-green { background-color: #86cf00; color: #FFFFFF; }

.btn-orange { background-color: #FF9900; color: #FFFFFF; }

.btn-gray { background-color: #B6B6B6; color: #FFFFFF; }

.btn-sub { display: block; margin-bottom: 20px; font-size: 20px; color: #FFFFFF; width: 400px; height: 55px; line-height: 55px; border-radius: 5px; background-color: #00A8D4; border: 0px; }

.hearder-logo, .hearder-searchBox { display: inline-block; vertical-align: middle; }

.hearder-searchBox { position: relative; margin-left: 45px; }
.hearder-searchBox input { height: 38px; width: 487px; padding-left: 12px; border: 1px solid #00A8D4; }
.hearder-searchBox .searchButton { display: block; text-align: center; position: absolute; top: 0; right: 0; height: 38px; width: 50px; background-color: #00A8D4; }
.hearder-searchBox .searchButton .fa { text-align: center; line-height: 38px; font-size: 16px; }

.hearder-user { float: right; position: relative; line-height: 84px; }
.hearder-user ul { display: inline-block; }
.hearder-user li { display: inline-table; padding: 0 10px; }
.hearder-user li a { color: #000; font-size: 14px; }
.hearder-user li img { vertical-align: middle; width: 38px; height: 38px; border-radius: 50%; }
.hearder-user li .icon { margin: 0 5px; }
.hearder-user .li-his .icon-clock { height: 21px; width: 21px; vertical-align: middle; background-image: url(../img/icon-clock.png); }
.hearder-user .li-his span { font-size: 16px; vertical-align: middle; color: #999; }
.hearder-user .li-mobile .icon-mobile { height: 21px; width: 13px; vertical-align: middle; background-image: url(../img/icon-mobile.png); }
.hearder-user .li-mobile span { vertical-align: middle; font-size: 16px; color: #f00; }
.hearder-user .li-not { position: relative; }
.hearder-user .li-not span { display: inline-block; position: absolute; top: 40px; left: 15px; line-height: 13px; text-align: center; width: 15px; height: 15px; border-radius: 15px; color: #FFFFFF; background-color: #FF0000; }
.hearder-user .li-list { position: relative; }
.hearder-user .li-list .icon { position: absolute; height: 21px; width: 55px; bottom: 15px; right: -30px; }
.hearder-user .li-list .icon-hy01 { background-image: url(../img/icon-hy01.png); }
.hearder-user .li-list .icon-hy02 { width: 43px; background-image: url(../img/icon-hy02.png); }
.hearder-user .li-list .icon-hy03 { width: 43px; background-image: url(../img/icon-hy03.png); }
.hearder-user .li-list .icon-hy04 { background-image: url(../img/icon-hy04.png); }
.hearder-user .li-list:hover .user-det { display: block; }

.user-det { display: none; position: absolute; width: 120px; line-height: 40px; top: 60px; right: 0; background-color: #fff; border: 1px solid #DDDDDD; z-index: 9999; }
.user-det ul { width: 100%; }
.user-det .fa { font-size: 16px; width: 25px; color: #333333; margin-right: 5px; }
.user-det li { opacity: 0.7; filter: alpha(opacity=70); display: block; margin-left: 0; padding: 0 18px; border-bottom: 1px solid #DDDDDD; line-height: 40px; }
.user-det li a { font-size: 12px; font-weight: 400; }
.user-det li:hover { opacity: 1; filter: alpha(opacity=100); }

.li-jhm span { font-size: 16px; }
.li-jhm span:hover { color: #00bcee; }

.hearder-user .user-his { display: none; position: absolute; top: 60px; width: 350px; right: 0; background-color: #fff; border: 1px solid #DDDDDD; z-index: 9999; padding: 0 20px; overflow: hidden; white-space: nowrap; }
.hearder-user .user-his .user-his-item { *zoom: 1; }
.hearder-user .user-his .user-his-item:after { clear: both; content: '\20'; display: block; height: 0; line-height: 0; overflow: hidden; }
.hearder-user .user-his h3 { font-size: 16px; font-weight: 400; line-height: 40px; color: #999999; }
.hearder-user .user-his span { float: right; font-size: 12px; color: #999999; width: 120px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hearder-user .user-his span .fa-tv { margin-right: 5px; }
.hearder-user .user-his a { float: left; font-size: 12px; max-width: 165px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hearder-user .user-his a:hover { color: #00A8D4; }
.hearder-user .user-his .user-his-bot { border-top: 1px solid #DDDDDD; margin-top: 10px; padding: 0 10px; }
.hearder-user .user-his .user-his-bot a { float: right; line-height: 40px; }

.hearder-user .user-mobile { width: 350px; display: none; position: absolute; top: 60px; left: -60px; background-color: #fff; border: 1px solid #DDDDDD; z-index: 9999; padding: 0 20px; overflow: hidden; white-space: nowrap; }
.hearder-user .user-mobile .ttxcx { width: auto; height: auto; }

.content-blue .content-box { margin-top: 1px; height: 60px; }
.content-blue .topNav { line-height: 60px; }
.content-blue .topNav li { position: relative; display: inline-table; height: 60px; }
.content-blue .topNav li a { display: inline-block; height: 60px; font-size: 16px; color: #f8f8f8; padding: 0 5px; }
.content-blue .topNav li:last-child a { color: #ffff66; }
.content-blue .topNav li:hover .nav-ul { display: block; }
.content-blue .topNav .cur a { background: rgba(0, 0, 0, 0.2); }
.content-blue .topNav .fa-angle-down { margin-left: 3px; font-size: 20px; }
.content-blue .topNav .nav-ul { display: none; position: absolute; font-size: 0; z-index: 10000; width: 235px; padding: 9px 0; top: 50px; left: -10px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); border: 1px solid #eee; border-radius: 4px; background-color: #FFF; line-height: 40px; }
.content-blue .topNav .nav-ul a { display: inline-block; width: 110px; padding-left: 10px; font-size: 14px; height: 40px; color: #333; text-align: center; background-color: transparent; }
.content-blue .topNav .nav-ul a:hover { color: #00A8D4; }
.content-blue .topNav .nav-ul a:first-child::before { border-bottom: 8px solid #fff; border-left: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 255, 255, 0); top: -8px; content: ''; width: 0; height: 0; left: 45%; margin-left: -50px; position: absolute; }

.slider-box { padding-bottom: 10px; }
.slider-box .slider { position: relative; height: 350px; }
.slider-box .slider .pic li { position: absolute; top: 0; left: 0; display: none; }
.slider-box .slider img { width: 1230px; height: 350px; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.otherAbout { padding-top: 20px; padding-bottom: 40px; }
.otherAbout div { width: 240px; float: left; }
.otherAbout div p { margin-top: 20px; }
.otherAbout div p img { width: 135px; height: 135px; }
.otherAbout a:hover { color: #AE4141; }

.curriculum { width: 103%; padding-top: 10px; }
.curriculum .curriculum-box { position: relative; display: inline-block; width: 290px; margin: 0 18px 18px 0; padding: 10px; cursor: pointer; }
.curriculum .curriculum-box p { display: block; line-height: 25px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.curriculum .curriculum-box .icon { position: absolute; display: block; }
.curriculum .curriculum-box .icon-year { width: 30px; height: 30px; background-image: none; }
.curriculum .curriculum-box img { width: 100%; height: 160px; }
.curriculum .curriculum-box span { font-size: 12px; color: #999999; vertical-align: top; }
.curriculum .curriculum-box span:last-child { float: right; }
.curriculum .curriculum-box .curriculum-point { position: absolute; display: inline-block; left: 10px; top: 148px; width: 93%; line-height: 22px; background-color: rgba(0, 0, 0, 0.4); padding-left: 5px; color: #fff; }

.active a { color: #00A8D4; }

.slider-dot { position: absolute; }
.slider-dot ul { display: inline-block; padding: 0 10px; }
.slider-dot li { display: inline-table; background-color: #999; width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; }
.slider-dot .active { background-color: #00A8D4; }

.slider-dot-right { text-align: center; right: 20px; bottom: 10px; }

.slider-dot-center { text-align: center; width: 100%; bottom: 10px; }

.title-choice-ul { margin-top: 20px; border-bottom: 1px solid #DDDDDD; }
.title-choice-ul li { position: relative; padding: 0 20px; min-width: 80px; height: 40px; line-height: 40px; text-align: center; display: inline-table; }
.title-choice-ul li a { color: #999999; font-size: 16px; }
.title-choice-ul .active { border-bottom: 2px solid #00A8D4; }
.title-choice-ul .active a { color: #00A8D4; }

.slider-sm-dot { position: relative; text-align: center; margin-top: 10px; }
.slider-sm-dot ul { display: inline-block; }
.slider-sm-dot li { display: inline-table; width: 40px; }
.slider-sm-dot a { display: inline-block; background-color: #999; width: 10px; height: 10px; border-radius: 10px; }
.slider-sm-dot .active { border-bottom: none; }
.slider-sm-dot .active a { background-color: #00A8D4; }

.comper-contact { padding: 20px; height: 100px; line-height: 60px; background-color: #FFFFFF; }
.comper-contact .comper-contact-item { display: inline-block; }
.comper-contact .comper-contact-item:not(:first-child) { padding: 0 20px; margin-left: 10px; border-left: 1px solid #DDDDDD; }
.comper-contact .comper-contact-item i { color: #666666; margin: 0 10px; font-size: 40px; vertical-align: middle; }
.comper-contact span { font-size: 16px; }

.train-cur-class { min-height: 150px; padding: 20px 30px; }
.train-cur-class ul { margin: 20px 40px; margin-left: 55px; }
.train-cur-class ul li { display: inline-table; margin-left: 25px; }
.train-cur-class ul li a { font-size: 16px; }

.list-four { margin: 30px 0; padding: 20px; border: 1px solid #F2F2F2; }
.list-four .list-four-item { margin: 30px 0; }
.list-four .list-four-item ul { padding: 0 20px; }
.list-four .list-four-item li { list-style: disc; margin-left: 30px; border-bottom: 1px dotted #DDDDDD; padding: 15px 0; }
.list-four .list-four-item li span { vertical-align: bottom; display: inline-block; font-size: 16px; }
.list-four .list-four-item li span:first-child { width: 500px; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-four .list-four-item li span:not(:first-child) { width: 200px; }

.list-three { margin: 20px 0; padding: 20px; background-color: #FFFFFF; border: 1px solid #F2F2F2; }
.list-three .list-three-item { margin: 30px 0; }
.list-three .list-three-item ul { padding: 0 20px; }
.list-three .list-three-item li { list-style: disc; margin-left: 30px; border-bottom: 1px dotted #DDDDDD; padding: 15px 0; }
.list-three .list-three-item li span { font-size: 16px; }
.list-three .list-three-item li span:first-child { display: inline-block; width: 750px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.list-three .list-three-item li span:last-child { float: right; }

.red { color: #FF0000; }
.red a { color: #FF0000; }
.red span { color: #FF0000; }

.pink-p { color: #ec6567; }

.gray-p { color: #999999; }

.green { color: #009900; }
.green a { color: #009900; }
.green span { color: #009900; }

.gray { color: #666666; }
.gray a { color: #666666; }
.gray span { color: #666666; }

.pagination-box { text-align: center; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination a, .pagination span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; }
.pagination li { display: inline-block; }
.pagination .current { z-index: 1; border-color: #428bca; }

#AllObjMsg { font-family: "Microsoft Yahei", sans-serif; display: none; padding: 25px 30px 25px 30px; min-width: 80px; text-align: center; font-size: 15px; z-index: 99999; left: 45%; top: 45%; margin-left: -70px !important; margin-top: -30px !important; margin-top: -30px; margin-left: -70px; position: fixed !important; /*FF IE7*/ position: absolute; /*IE6*/ border: 1px #A3A3A3 solid; line-height: 30px; background: #FFFFFF; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }

#AllObjMsg a { margin-top: 15px; font-size: 15px; }

.btn-xs, .btn-lg { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.floater { position: fixed; _position: absolute; right: 0; top: 70%; margin-top: -200px; z-index: 200; box-shadow: 0 4px 12px 0 rgba(7, 17, 27, 0.1); background-color: #fff; text-align: center; }
.floater .floater-box { background-color: #FFFFFF; box-shadow: 0 4px 12px 0 rgba(7, 17, 27, 0.1); position: absolute; width: 172px; height: 228px; bottom: 0px; right: 60px; -webkit-transition: opacity .25s, transform .3s; -moz-transition: opacity .25s, transform .3s; transition: opacity .25s, transform .3s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 95%; -ms-transform-origin: 100% 95%; transform-origin: 100% 95%; }
.floater .floater-box .btn { padding: 3px; }
.floater .fa { color: #D9DDE1; font-size: 22px; }
.floater .fa-commenting { color: #12b7f5; }
.floater span { font-size: 12px; line-height: 12px; display: none; }
.floater .floater-item { display: block; cursor: pointer; width: 58px; height: 57px; padding: 16px; line-height: 20px; border-bottom: 1px solid #edf1f2; }
.floater .floater-item .fa-qq, .floater .floater-item .fa-phone-square { color: #12b7f5; font-size: 16px; margin-right: 5px; }
.floater .floater-item:hover .fa { display: none; }
.floater .floater-item:hover .floater-box { cursor: default; padding: 20px; text-align: left; display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-width: none; }
.floater .floater-item:hover .floater-box p { margin-bottom: 5px; line-height: 20px; }
.floater .floater-item:hover .floater-box img { margin: 12px; }
.floater .floater-item:hover .floater-box .fa { display: inline-block; }
.floater .floater-item:hover span { display: inline-block; }

.tplist { position: fixed; line-height: 40px; background-color: #F2F2F2; width: 100%; z-index: 1001; border-bottom: 1px solid #F2F2F2; }
.tplist a { margin-left: 20px; }
.tplist a:not(:first-child) { font-weight: 700; color: red; }
.tplist .tplist-message { position: relative; display: inline-block; vertical-align: middle; padding-top: 7px; height: 40px; float: right; }
.tplist .tplist-message a { margin: 0; }
.tplist .tplist-message .tplist-ul-title { background-color: #fff; }
.tplist .tplist-message .tplist-ul-title p { font-size: 12px; color: #333; border-bottom: 1px solid #eee; font-weight: 400; text-align: center; height: 48px; line-height: 48px; margin: 0 16px; }
.tplist .tplist-message .tplist-ul-list { position: absolute; top: 10px; display: none; width: 350px; overflow: hidden; text-align: left; font-size: 0; border-radius: 5px; background-color: #f3f3f3; border: 1px solid #eee; z-index: 1002; }
.tplist .tplist-message .tplist-ul-list span { display: inline-block; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tplist .tplist-message .tplist-ul-list span:hover { color: #333; }
.tplist .tplist-message .tplist-ul-list ul { position: relative; padding: 10px 16px; background-color: #fff; }
.tplist .tplist-message .tplist-ul-list li { height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tplist .tplist-message .tplist-ul-list .tplist-more { background-color: #f3f3f3; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; text-align: center; }
.tplist .tplist-message .tplist-ul-list .tplist-more a { font-size: 12px; color: #999; line-height: 45px; }
.tplist .tplist-message .tplist-ul-list .tplist-more a:hover { color: #333; }
.tplist .tplist-message .tplist-ul-list .tplist-null { padding: 30px 0; background-color: #fff; text-align: center; }
.tplist .tplist-message .tplist-ul-list .tplist-null img { width: 100px; }
.tplist .tplist-message .tplist-ul-list .tplist-null p { font-size: 12px; color: #ccc; }
.tplist .tplist-message .tplist-ul-scroll { display: block; height: 28px; padding: 0 16px; width: 350px; overflow: hidden; text-align: left; font-size: 0; background-color: #fff; border: 1px solid #ddd; }
.tplist .tplist-message .tplist-ul-scroll span { font-size: 12px; color: #999; }
.tplist .tplist-message .tplist-ul-scroll span:hover { color: #333; }
.tplist .tplist-message .tplist-ul-scroll ul { position: relative; }
.tplist .tplist-message .tplist-ul-scroll li { height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tplist .tplist-message .tplist-wrapper { display: inline-block; width: 350px; }
.tplist .tplist-notice { display: inline-block; position: relative; cursor: pointer; height: 28px; width: 28px; background-color: #00baeb; border-radius: 50%; padding: 0 7px; line-height: 35px; margin-left: 20px; vertical-align: top; }
.tplist .tplist-notice img { height: 17px; width: auto; margin-bottom: 1px; animation: noticemove 0.5s linear infinite alternate; -webkit-animation: noticemove 0.5s linear infinite alternate; }
.tplist .tplist-notice em { display: none; border: 2px solid #fff; top: -5px; right: -10px; position: absolute; text-align: center; height: 20px; width: 20px; line-height: 17px; font-size: 10px; color: #fff; background: #f00; border-radius: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tplist .tplist-notice.cur em { display: block; }

@keyframes noticemove { 0% { transform: rotate(15deg); -ms-transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); }
  50% { transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); }
  100% { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); } }
@-webkit-keyframes noticemove { 0% { transform: rotate(15deg); -ms-transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); }
  50% { transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); }
  100% { transform: rotate(-15deg); -ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); } }
.hot-tip { position: absolute; top: 7px; right: 0; }

.hearder-user li .qrcode img { border-radius: 0; width: auto; height: auto; }

.qrcode { display: inline-block; margin-right: 10px; }

.rcon { float: right; }

.rcon .txt { line-height: 28px; font-size: 17px; color: #666; font-weight: normal; }

.rcon .store { display: block; width: 150px; height: 44px; margin-top: 10px; background: url(../img/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat; }

.store.apple { background-position: 0 -28px; }

.store.android { background-position: 0 -76px; }

.alert-fixed { display: none; position: fixed; top: 0; bottom: 0; width: 100%; background-color: rgba(103, 103, 103, 0.3); }

.alert-box { position: absolute; top: 20%; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 16px; width: 500px; }

.alert-top { padding-top: 30px; text-align: center; height: 100px; border-top-left-radius: 16px; border-top-right-radius: 16px; background-image: url(../img/guide-login.png); }
.alert-top .alert-tit { cursor: pointer; margin: 0 15px; display: inline-block; }
.alert-top .alert-tit span { color: #fff; font-size: 26px; }
.alert-top .alert-tit em { display: block; margin-top: 5px; height: 6px; border-radius: 5px; }
.alert-top .alert-tit.cur span { font-weight: 700; }
.alert-top .alert-tit.cur em { background-color: #fff; }

.alert-login { display: none; }
.alert-login:first-child { display: block; }
.alert-login .login-box { padding: 30px 70px; }
.alert-login .login-box .login-item { position: relative; height: 40px; margin-bottom: 20px; }
.alert-login .login-box .login-item input::-webkit-input-placeholder { color: #ccc; }
.alert-login .login-box .login-item input::-moz-input-placeholder { color: #ccc; }
.alert-login .login-box .login-item input::-ms-input-placeholder { color: #ccc; }
.alert-login .login-box .login-item .login-inp { width: 100%; line-height: 40px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; padding-left: 40px; padding-right: 20px; }
.alert-login .login-box .login-item .login-inp-sm { width: 210px; vertical-align: middle; }
.alert-login .login-box .login-item .icon { position: absolute; left: 12px; }
.alert-login .login-box .login-item .login-code { cursor: pointer; display: inline-block; float: right; width: 130px; height: 40px; border-radius: 4px; vertical-align: middle; background-color: #ccc; }
.alert-login .login-box .login-item .login-code .code-btn { font-size: 14px; color: #00CAFF; text-align: center; width: 100%; background-color: #fff; cursor: pointer; line-height: 40px; border: 1px solid #00CAFF; border-radius: 4px; }
.alert-login .login-box .login-item .login-code .code-btn.dis { cursor: no-drop; border-color: #ccc; color: #ccc; }
.alert-login .forget-text { cursor: pointer; font-size: 14px; color: #ccc; text-align: center; margin-bottom: 20px; }

.login-btn-box { padding: 0 70px 30px 70px; }
.login-btn-box .login-btn { width: 100%; cursor: pointer; border-radius: 4px; background-color: #00CAFF; color: #fff; text-align: center; line-height: 40px; }

.alert-close { text-align: center; position: absolute; width: 100%; bottom: -70px; }

.tq-box { margin-left: -280px; width: 560px; padding: 30px 0; text-align: center; }
.tq-box .tq-text { font-size: 20px; color: #333; font-weight: 700; }
.tq-box .tq-text span { font-size: 20px; font-weight: 700; color: #fa7c8d; }
.tq-box .tq-item { display: inline-block; vertical-align: top; margin: 0 25px; }
.tq-box .tq-item img { width: 200px; height: 200px; }
.tq-box .tq-item p { font-size: 18px; color: #333; font-weight: 700; }

.tq-bg { height: 500px; background-image: url(../img/guide-bg.png); background-position: 50%; background-size: 105%; }
.tq-bg .tqa-box { padding: 135px 90px 0 90px; text-align: center; }
.tq-bg a { display: block; font-size: 18px; color: #fff; opacity: 0.8; font-weight: 700; line-height: 35px; }
.tq-bg a:hover { opacity: 1; }
.tq-bg a:nth-child(1) { margin-bottom: 55px; }
.tq-bg a:nth-child(2) { margin-bottom: 55px; }
.tq-bg p { display: block; font-size: 18px; color: #dedede; cursor: no-drop; font-weight: 700; line-height: 35px; }
.tq-bg p:nth-child(1) { margin-bottom: 55px; }
.tq-bg p:nth-child(2) { margin-bottom: 55px; }

.alert-btn { display: inline-block; width: 130px; font-size: 16px; cursor: pointer; border-radius: 17px; background-color: #00CAFF; color: #fff; text-align: center; line-height: 34px; }

.guide-user { width: 18px; height: 40px; background-image: url(../img/guide-user.png); }

.guide-pwd { width: 18px; height: 40px; background-image: url(../img/guide-pwd.png); }

.guide-tel { width: 18px; height: 40px; background-image: url(../img/guide-tel.png); }

.guide-close { cursor: pointer; width: 40px; height: 40px; background-image: url(../img/guide-close.png); }

.free-alert-box { z-index: 9999; position: fixed; bottom: 50px; left: 5px; cursor: pointer; }
.free-alert-box img { height: 100px; width: 180px; }

.fix-bar { position: fixed; bottom: 200px; right: 20px; width: 65px; z-index: 1001; }
.fix-bar .fix-bar-item { position: relative; padding: 10px 0; display: block; height: 70px; text-align: center; background-color: #00bcee; }
.fix-bar .fix-bar-item .fix-text { margin-top: 8px; display: block; font-size: 12px; color: #fff; }
.fix-bar .fix-bar-item:not(:last-child) { border-bottom: 1px solid #f9f9f9; }
.fix-bar .fix-bar-item .fix-bar-div { box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.18); border-radius: 4px; display: none; position: absolute; width: 180px; height: 180px; left: -200px; padding: 20px; bottom: 0; background-color: #fff; }
.fix-bar .fix-bar-item .fix-bar-div img { height: auto; width: 100%; }
.fix-bar .fix-bar-item .fix-bar-div .fix-bar-msg { text-align: left; }
.fix-bar .fix-bar-item .fix-bar-div .fix-bar-msg span { font-size: 14px; color: #333; }
.fix-bar .fix-bar-item .fix-bar-div .fa { font-size: 16px; color: #12B7F5; margin-right: 5px; }
.fix-bar .fix-bar-item .fix-bar-div .fbd-num { margin-top: 10px; font-size: 14px; color: #333; }
.fix-bar .fix-bar-item .fix-bar-div-cl { position: absolute; right: -5px; top: 130px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #fff; border-bottom: 5px solid transparent; }
.fix-bar .fix-bar-item:hover { background-color: #00A8D4; }
.fix-bar .fix-bar-item:hover .fix-bar-div { display: block; }

.fix-qq { width: 22px; height: 25px; background-image: url(../img/fix-qq.png); }

.fix-msg { width: 25px; height: 25px; background-image: url(../img/fix-msg.png); }

.fix-tel { width: 25px; height: 25px; background-image: url(../img/fix-tel.png); }

.fix-app { width: 18px; height: 25px; background-image: url(../img/fix-app.png); }

.fix-code { width: 28px; height: 25px; background-image: url(../img/fix-code.png); }

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, pre, hr, table, caption, th, td, form, input, button, textarea { margin: 0; padding: 0; border: 0; }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { font-weight: normal; }

html, body, img, iframe, abbr { border: 0; }

i, cite, em, var, address, dfn { font-style: normal; }

[hidefocus], summary { outline: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 12px; }

img { border: 0; vertical-align: middle; }

li { display: inline; list-style: none; }

a { text-decoration: none; color: #444; }

body, html { height: 100%; }

body { font-size: 14px; color: #444; font-family: "微软雅黑", Arial, Helvetica, sans-serif; }

body input, select, textarea { font-family: "微软雅黑"; vertical-align: middle; }

body a, input { outline: none; blr: expression(this.onFocus=this.blur()); }

.tplist .tplist-notice { line-height: 28px; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

@font-face { font-family: 'iconfont'; src: url("//at.alicdn.com/t/font_880n9q2jt3srlik9.eot"); src: url("//at.alicdn.com/t/font_880n9q2jt3srlik9.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_880n9q2jt3srlik9.woff") format("woff"), url("//at.alicdn.com/t/font_880n9q2jt3srlik9.ttf") format("truetype"), url("//at.alicdn.com/t/font_880n9q2jt3srlik9.svg#iconfont") format("svg"); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.msg-st { width: 1200px !important; background: url("../images/zhul_msg1200.png") no-repeat !important; height: 38px; margin: 0 auto; color: #444; display: none; text-align: center; overflow: hidden; }

.zhul_msg_llist { float: left; width: 850px; font-size: 12px; }

.zhul_msg_llist li { float: left; line-height: 40px; *line-height: 42px; padding-left: 10px; background: url(../images/zhul_msgl_dian.gif) no-repeat 0 50%; margin-left: 20px; }

.zhul_msg_llist a { color: #29a7e1; font-size: 12px; }

.zhul_msg_rclose { float: right; padding: 9px 4px 0 0; }

.box_massage { position: fixed; _position: absolute; width: 320px; right: 0; bottom: 0; z-index: 9999; display: none; }

.box_xtop { float: left; background: #f7f7f7; height: 44px; width: 306px; border: 7px solid #ccc; border-bottom: 1px solid #ccc; }

.box_xbot { float: left; background: #ccc; height: 7px; width: 320px; }

.box_lname { float: left; font-size: 18px; padding: 9px 0 0 12px; }

.box_lname span { color: #007fc1; }

.box_rclose { float: right; padding: 10px 14px 0 0; }

.box_xmid { float: left; background: #fff; border-left: 7px solid #ccc; border-right: 7px solid #ccc; width: 276px; height: auto; padding: 15px; }

.box_xtishi { float: left; width: 100%; color: #1caeed; line-height: 30px; font-size: 14px; border-bottom: 1px solid #ccc; padding-bottom: 14px; }

.box_massage a { font-size: 18px; color: #1caeed; }

.box_ltx { float: left; padding-right: 10px; width: 30px; }

.box_xtishi a, .box_chakan a { font-size: 14px; color: #1caeed; }

.box_xxcon { float: left; width: 100%; line-height: 20px; font-size: 12px; color: #444; word-break: break-all; padding-top: 10px; }

.box_xxcon a { color: #1caeed; font-size: 12px; }

.box_chakan { float: right; width: 100px; text-align: right; padding-top: 10px; }

.box_dbig { float: right; padding: 13px 30px 0 0; }

.j-bottom { background: url(../images/top-sprite.png); display: inline-block; background-position: -58px 0; width: 7px; height: 4px; vertical-align: middle; }

.j-top { background: url(../images/top-sprite.png); display: inline-block; position: absolute; top: -4px; left: 48px; background-position: -84px 0; width: 9px; height: 4px; }

.top { width: 100%; min-width: 1200px; background: #020202; }

.top a { color: #fff; }

.top-content { width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; }

.top-content .zhulong-logo { background: url(../images/top-sprite.png); float: left; width: 29px; height: 29px; margin: 5px 1px 0 0; background-position: 0 0; }

.footer { width: 100%; min-width: 1200px; padding: 10px 0; }

.footer .footer-content { width: 980px; text-align: center; padding: 20px 0; line-height: 25px; color: #666; margin: 0 auto; }

.footer .footer-content a { padding: 0 15px; border-right: solid 1px #cad5d7; }

.service { z-index: 9998; position: fixed; right: 0px; top: 200px; width: 45px; }

.service a { color: #555555; }

.service .service-a { position: relative; width: 100%; height: 45px; margin-bottom: 1px; }

.service .service-con { z-index: 2; position: relative; background: #555555; padding: 9px 0 10px 0; cursor: pointer; border-radius: 3px; }

.service .service-con:hover { background: #f04e4f; }

.service .i1 { position: relative; display: block; background: url(../images/kefu2.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: 0 0; }

.service .i2 { position: relative; display: block; background: url(../images/service.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: -196px 0; }

.service .i3 { position: relative; display: block; background: url(../images/service.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: -225px 0; }

.service .i4 { position: relative; display: block; background: url(../images/gwjn.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: 2px 0; }

.service .i5 { position: relative; display: block; background: url(../images/fankui2.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: 2px -2px; }

.service .i6 { position: relative; display: block; background: url(../images/service.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: -280px 0; }

.service .back-top { position: relative; display: none; z-index: 2; width: 100%; height: 45px; background: #f04e4f; margin-top: 50px; border-radius: 3px; }

.service .back-top i { position: relative; display: block; background: url(../images/service.png) no-repeat; width: 26px; height: 26px; margin-left: 9px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); background-position: -532px 0; width: 22px; height: 11px; margin: 0 auto; }

.service .back-top i:hover { position: relative; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.service .back-top a { display: block; width: 100%; height: 45px; padding-top: 15px; }

.opac1 { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); background: #f04e4f; }

.kf-2d { width: 140px; height: 45px; display: none; position: absolute; top: 0; background: #fff; left: 0; border-radius: 3px; }

.on .kf-2d, .on .kf-3d { display: block; }

.kf-2d-div p { margin-left: 2px; color: #313131; width: 126px; margin-top: 3px; padding-left: 10px; }

.kf-2d-div p:hover { background: #e5e5e5; }

.kf-2d-div a:hover { background: #e5e5e5; }

.kf-2d-div em { width: 15px; height: 17px; display: block; float: left; margin-top: 1px; }

.kf-2d-div span { float: left; text-align: left; padding-left: 5px; font-size: 12px; }

.kf-2d-div .tel em { background: url(../images/service.png) no-repeat; background-position: -584px 0; height: 15px; }

.kf-2d-div .QQ a { display: block; }

.kf-2d-div .QQ em { background: url(../images/service.png) no-repeat; background-position: -558px 0; }

.kf-3d { display: none; position: absolute; top: 0; left: -30px; z-index: 1; width: 140px; height: 120px; background: #fff; }

.kf-3d-div p { color: #313131; width: 126px; padding-left: 10px; margin-left: 1px; margin-top: 3px; font-size: 12px; line-height: 20px; }

.kf-3d-div p:hover { background: #E5E5E5; }

.kf-3d-div p a { padding-left: 25px; display: block; }

.kf-3d-div p a:hover { background: #E5E5E5; }

.i1-x, .i1-x-n { position: absolute; top: 0; left: 0; background: #f04e4f; width: 45px; height: 39px; color: #fff; text-align: center; font-size: 12px; padding-top: 6px; border-radius: 3px; }

body { background: #f9f9f9; }

.no-m-r { margin-right: 0 !important; }

.no-m-l { margin-left: 0 !important; }

.no-b-l { border-left: none !important; }

.no-float { float: none !important; }

.f-l { float: left; }

.f-r { float: right; }

.f-size12 { font-size: 12px; }

.f-size18 { font-size: 18px; }

.f-size24 { font-size: 24px; }

.mar-auto { margin: 0 auto; width: 1200px; background: #FFFFFF; }

.green { color: #f04e4f !important; }

.edu-topbanner { width: 100%; min-width: 1200px; height: 50px; position: relative; top: 0; left: 0; z-index: 9997; }

.edu-topbanner a { color: #ddd; display: inline-block; font-size: 18px; }

.edu-topbanner .topbanner-bg { width: 100%; min-width: 1200px; background: #909090; opacity: 0.95; filter: alpha(opacity=95); height: 100%; }

.edu-topbanner .topbanner-text { position: absolute; top: 0; left: 50%; margin-left: -600px; width: 1200px; line-height: 50px; z-index: 9997; }

.topbanner-text img { vertical-align: middle; }

.edu-topbanner .topbanner-text span { color: #ddd; font-size: 18px; }

.edu-topbanner .banner-rlist { font-size: 16px; }

.edu-topbanner .banner-rlist li { float: left; margin-left: 20px; }

.edu-topbanner .down-hover { position: relative; }

.edu-topbanner .down-hover:hover .down-list-course { display: block; }

.edu-topbanner .down-list-course { display: none; position: absolute; top: 50px; width: 105px; right: -50%; margin-right: 30px; background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #c5c5c5 solid; cursor: pointer; }

.edu-topbanner .down-list-course .list-item { padding: 10px 0; }

.edu-topbanner .down-list-course .list-item a { display: block; float: none; font-size: 14px; height: 25px; line-height: 25px; text-align: center; color: #1b1b1b; }

.edu-topbanner .down-list-course .list-item a:hover { color: #f04e4f; }

.edu-topbanner .down-list-course .up-arrow { height: 30px; color: #FFFFFF; font-size: 26px; position: absolute; left: 38px; top: -28px; }

#e-con { margin-top: 10px; }

.fixed-nav { position: fixed; top: 5px; right: 0; z-index: 10005; }

.course-links { margin: 60px 0; }

.course-links .links-item { line-height: 34px; margin-bottom: 5px; position: relative; *z-index: 2; *margin-bottom: 10px; }

.course-links .links-item .links-title { color: #FFFFFF; float: left; width: 123px; text-align: center; font-size: 20px; background: url(../images/bg_course_class.png) no-repeat; *z-index: 4; }

.course-links .links-item .links-con { margin-left: 114px; padding-left: 35px; background: url(../images/couser_links_bg.png) repeat; *position: relative; *left: -10px; *z-index: -1; *zoom: 1; }

.course-links .links-item a { float: left; margin-right: 60px; font-size: 18px; line-height: 34px; margin-bottom: 5px; white-space: nowrap; }

.course-links .links-item a:hover { color: #1abc9c; }

.con-title { position: relative; height: 50px; border-bottom: 1px solid #d9d9d9; }

.con-title .con-title-text { float: left; font-size: 28px; font-weight: bold; color: #333; line-height: 38px; padding-bottom: 8px; border-bottom: 4px solid #ee2e2e; }

.con-title .title-border { position: absolute; left: 0; bottom: -1px; width: 105px; height: 3px; background: #f04e4f; }

.con-title-index { position: relative; height: 50px; border-bottom: 1px solid #d9d9d9; }

.con-title-index .con-title-text { float: left; font-size: 28px; font-weight: bold; line-height: 38px; color: #333333; padding-bottom: 8px; border-bottom: 4px solid #00bcee; }

.con-title-index .title-border { position: absolute; left: 0; bottom: -1px; width: 105px; height: 3px; background: #f04e4f; }

.con-title1 { position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #d9d9d9; }

.con-title1 .con-title-text { float: left; font-size: 24px; }

.con-title1 .con-title-text span { color: #1abc9c; }

.con-title1 .title-border { position: absolute; left: 0; bottom: -1px; width: 100px; height: 3px; background: #1abc9c; }

.con-title2 { position: relative; height: 35px; line-height: 35px; border-bottom: 1px solid #d9d9d9; }

.con-title2 .con-title-text { float: left; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 290px; }

.con-title2 .con-title-text span { color: #1abc9c; }

.con-title2 .title-border { position: absolute; left: 0; bottom: -1px; width: 75px; height: 3px; background: #1abc9c; }

.con-title3 { position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #d9d9d9; }

.con-title3 .con-title-text { float: left; font-size: 26px; }

.con-title3 .con-title-text span { color: #f04e4f; }

.con-title3 .title-border { position: absolute; left: 0; bottom: -1px; width: 55px; height: 3px; background: #f04e4f; }

.user-evaluation { margin: 0 30px 40px 30px; border-bottom: 10px solid #d1f2eb; }

.user-evaluation-a { color: #ACACAC; float: right; margin-top: 25px; padding-right: 20px; font-size: 16px; position: relative; }

.user-evaluation-a i { top: 7px; right: 5px; width: 9px; height: 13px; background-position: -191px 0; }

.evaluation-list { margin-right: -10px; padding: 30px 0 10px 0; }

.evaluation-list li { float: left; margin-right: 10px; margin-bottom: 20px; width: 275px; height: 135px; border: 1px solid #EEEEEE; }

.evaluation-list .evaluation-list-title { font-size: 16px; height: 30px; line-height: 30px; padding: 0 5px 0 10px; background: #EEEEEE; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.evaluation-list .evaluation-list-content { margin: 20px 10px 0 10px; }

.evaluation-list .evaluation-list-content img { float: left; width: 50px; height: 50px; margin-right: 12px; border-radius: 25px; }

.evaluation-list .evaluation-list-content p { color: #898989; font-size: 12px; line-height: 18px; height: 54px; overflow: hidden; word-spacing: normal; text-overflow: ellipsis; }

.evaluation-list .evaluation-list-content .user-name { color: #f04e4f; }

.ad-column { width: 1200px; }

.related-issues { padding: 40px 0 60px 0; margin: 0 30px; }

.related-issues .issues-children { padding: 0; }

.related-issues .issues-children li { float: left; margin-right: 30px; width: 240px; height: 230px; }

.issues-content { padding: 20px 0px 20px 77px; color: #1b1b1b; background: #f2f2f2; font-size: 14px; height: 190px; }

.issues-content p { line-height: 24px; }

.issues-content .issues-content-title { color: #f04e4f; padding-left: 0px; margin-bottom: 5px; }

.issues-AppLi { background: #FFFFFF !important; width: 300px !important; }

.issues-App { margin-top: 30px; margin-left: 0px; height: 160px; border-left: 1px solid #d9d9d9; }

.issues-App img { float: left; margin-top: 35px; margin-left: 30px; }

.issues-App a { display: block; float: left; margin-top: 55px; margin-left: 8px; width: 160px; }

.issues-App a p { font-size: 18px; font-weight: bold; margin-bottom: 5px; }

.issues-App a span { color: #999; }

.friendly-link { display: none; width: 1140px; padding: 30px 30px 70px 30px; }

.friendly-link .link-title { float: left; width: 120px; margin-left: 20px; margin-top: 20px; height: 58px; line-height: 58px; color: #434343; font-size: 20px; border-right: 1px solid #434343; }

.friendly-link .friendly-linklist { float: left; width: 950px; margin-left: 25px; margin-top: 13px; }

.friendly-link .friendly-linklist li { display: block; float: left; margin-left: 10px; line-height: 24px; text-align: center; font-size: 12px; word-break: break-all; white-space: nowrap; }

.footer { font-size: 14px; }

.footer .footer-content { color: #666666; }

.footer .footer-content a { color: #666666; border-right: 1px solid #cad5d7; }

.edu-page { width: 100%; text-align: center; padding: 50px 0; }

.edu-page li { padding: 0 5px; text-align: center; font-size: 14px; }

.edu-page a { padding: 3px 10px; }

.edu-page a:hover { background: #ee2e2e; border-radius: 2px; color: #fff; text-decoration: none; }

.edu-page .edu-pageul-hover { background: #ee2e2e; border-radius: 2px; color: #fff; text-decoration: none; }

.edu-partner { padding: 30px; }

.edu-partner .link-title { float: left; width: 120px; margin-left: 20px; margin-top: 35px; height: 58px; line-height: 58px; color: #434343; font-size: 20px; border-right: 1px solid #434343; }

.edu-partner .linklist { float: left; width: 970px; margin-left: 25px; }

.edu-partner .linklist li { display: block; width: 230px; height: 45px; margin-top: 10px; float: left; overflow: hidden; text-align: left; }

.edu-partner .linklist li img { vertical-align: middle; max-width: 100%; display: block; }

.edu-gg { margin: 0 auto; text-align: center; }

.edu-gg img { width: 1200px; }

.search-recommend { padding-top: 10px; overflow: hidden; }

.search-recommend ul { margin-left: 30px; padding-bottom: 10px; }

.search-recommend ul li { float: left; font-size: 16px; border: 1px solid #d7d7d7; width: 38px; height: 38px; line-height: 40px; text-align: center; margin-right: 4px; border-radius: 3px; }

.search-recommend ul a { display: block; }

.search-recommend ul a:hover { background: #1abc9c; color: #FFFFFF; }

.recommend-con { width: 1140px; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; }

.recommend-con ul { width: 100%; }

.recommend-con li { margin-top: 5px; float: left; margin-right: 20px; word-break: break-all; white-space: nowrap; font-size: 14px; }

.recommend-con li a:hover { color: #1abc9c; }

.share { font-size: 16px; padding-top: 18px; }

.share-panel li { float: left; color: #999999; margin-right: 10px; position: relative; }

.share-panel li a { display: block; height: 20px; width: 20px; background-image: url(../images/share-icon.png); margin: 2px 5px 0 0 !important; }

.share-panel .s-wx { background-position: 0px 0; }

.share-panel .s-wx:hover { background-position: 0px -20px; }

.share-panel .s-qq { background-position: -20px 0; }

.share-panel .s-qq:hover { background-position: -20px -20px; }

.share-panel .s-sina { background-position: -40px 0; }

.share-panel .s-sina:hover { background-position: -40px -20px; }

.share-panel .s-qzone { background-position: -60px 0; }

.share-panel .s-qzone:hover { background-position: -60px -20px; }

.share-panel .s-zl { background-position: -80px 0; }

.share-panel .s-zl:hover { background-position: -80px -20px; }

.share-panel .s-sc { background-position: -100px 0; }

.share-panel .s-sc:hover { background-position: -100px -20px; }

.share-panel .collect { background-position: -100px -20px; }

.wx-qrcode { display: none; position: absolute; bottom: 35px; left: -117px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #fff; z-index: 11001; font-size: 12px; }

.wx-pop-img { padding: 15px 16px; min-height: 150px; }

.wx-pop-img table { margin: 0 !important; }

.wx-pop-head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }

.wx-pop-head em { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; cursor: pointer; }

.wx-pop-foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }

.arrow-down-wx { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff; position: absolute; margin-right: -4px; bottom: -10px; right: 50%; }

.zhul_zr_pageHv { background: #1abc9c; border-radius: 2px; color: #fff; text-decoration: none; }

.msg-st { display: none !important; }

body { background: #f9f9f9; }

.v-c-w { display: table; *position: relative; overflow: hidden; }

.v-c-s { vertical-align: middle; display: table-cell; *width: 100%; *position: absolute; *top: 50%; *left: 0; }

.v-c-c { *width: 100%; *position: relative; *top: -50%; }

.edu-logo { width: 94px; height: 37px; position: absolute; top: 0; left: 0; }

.edu-top-nav { position: relative; *zoom: 1; top: 35px; width: 1200px; margin: 0 auto; z-index: 3; }

.edu-top-nav .nav-inner { position: relative; *zoom: 1; float: right; height: 35px; line-height: 35px; }

.edu-top-nav .bg-wrap { display: block; position: absolute; top: 0; right: 1px; width: 100%; height: 35px; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: .4; -moz-transition: background .05s ease-in; -o-transition: background .05s ease-in; -webkit-transition: background .05s ease-in; transition: background .05s ease-in; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

.edu-top-nav .nav-wrap { width: 100%; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 10px; }

.edu-top-nav .nav-wrap li > a { position: relative; display: inline-block; vertical-align: top; padding: 0 18px; color: #fff; font-size: 16px; letter-spacing: normal; -moz-transition: color .05s ease-in; -o-transition: color .05s ease-in; -webkit-transition: color .05s ease-in; transition: color 0.05s ease-in; }

.edu-top-nav .nav-wrap li > a:hover { color: #ee2e2e; }

.edu-top-nav .nav-wrap .active { background: #ee2e2e; color: #FFFFFF; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; }

.edu-top-nav .nav-wrap .active:hover { color: #fff; }

.edu-top-nav .more-nav { position: relative; }

.edu-top-nav .sub-nav { display: none; padding: 10px 20px 0; position: absolute; right: 0; top: 25px; *top: 35px; height: 35px; line-height: 35px; }

.edu-top-nav .sub-nav-item { position: relative; z-index: 10; }

.edu-top-nav .nav-sjxy { width: 320px; margin-right: -126px; }

.edu-top-nav .nav-gcxy { width: 428px; margin-right: -182px; }

.edu-top-nav .nav-jdxy { width: 304px; margin-right: -118px; }

.edu-top-nav .nav-zjxy { width: 412px; margin-right: -170px; }

.edu-top-nav .arrow-f { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #000; position: absolute; top: 0px; margin-right: -8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: .4; right: 50%; }

.edu-top-nav .nav-kt { width: 368px; }

.edu-top-nav .nav-kt .arrow-f { right: 52px !important; }

.edu-top-nav .bg-wrap-2 { display: block; position: absolute; top: 10px; right: 0; width: 100%; height: 35px; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: .4; -moz-transition: background .05s ease-in; -o-transition: background .05s ease-in; -webkit-transition: background .05s ease-in; transition: background .05s ease-in; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

.edu-top-nav .sub-nav-item a { display: inline-block; vertical-align: top; padding: 0 18px; color: #fff; font-size: 16px; letter-spacing: normal; -moz-transition: color .05s ease-in; -o-transition: color .05s ease-in; -webkit-transition: color .05s ease-in; transition: color 0.05s ease-in; }

.edu-top-nav .sub-nav-item a:hover { color: #ee2e2e; }

.edu-top-nav .nav-black .bg-wrap { background: #000000; }

.edu-top-nav .nav-black .bg-wrap-2 { background: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }

.edu-top-nav .nav-black .nav-wrap a { color: #000000; }

.edu-top-nav .nav-black .nav-wrap a:hover { color: #FFFFFF; }

.edu-top-nav .nav-black .no-link:hover { color: #000000 !important; }

.edu-top-nav .nav-black .hover-text { color: #FFFFFF; }

.edu-top-nav .nav-black .arrow-f { border-bottom-color: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }

.edu-top-nav .nav-white .bg-wrap { background: #FFFFFF; }

.edu-top-nav .nav-white .bg-wrap-2 { background: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.edu-top-nav .nav-white .nav-wrap a { color: #FFFFFF; }

.edu-top-nav .nav-white .nav-wrap a:hover { color: #000000; }

.edu-top-nav .nav-white .no-link:hover { color: #FFFFFF !important; }

.edu-top-nav .nav-white .hover-text { color: #FFFFFF; }

.edu-top-nav .nav-white .arrow-f { border-bottom-color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.edu-slider { position: relative; *zoom: 1; height: 550px; background: #EEEEEE; width: 100%; top: -19px; z-index: 1; min-width: 1200px; }

.slider-inner { z-index: 1; }

.slider-inner .slider-item { position: absolute; width: 100%; height: 100%; background: url() center 0 no-repeat; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }

.slider-inner .out { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 0; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }

.slider-inner .in { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 1; }

.slider-nav { position: absolute; top: 80px; right: 50%; padding: 15px 0 25px; width: 250px; z-index: 1; margin-right: -585px; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.8); }

.slider-nav .nav-item { display: block; height: 40px; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; transition: background-color 0.2s ease-in-out; }

.slider-nav .nav-item span { display: block; height: 40px; line-height: 40px; font-size: 14px; margin: 0 20px; border-bottom: 1px #c7cfce solid; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.slider-nav .current { background: #00bcee; }
.slider-nav .current span { color: #FFFFFF; }

.slider-nav .current span { border: none; }

.slider-nav .other-question { display: block; height: 35px; line-height: 35px; width: 180px; margin: 25px auto 0; color: #1abc9c; font-size: 18px; text-align: center; border: 1px #1abc9c solid; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }

.main-content { position: relative; margin-left: auto; margin-right: auto; width: 1200px; z-index: 4; margin-top: -70px; background: #FFFFFF; }

.content-wrap .classfiy { margin-bottom: 20px; padding: 20px 30px; background: #fff; }

.content-wrap .item-title { font-size: 30px; color: #1abc9c; }

.content-wrap .con-title-index { margin-top: 0; }

.content-wrap .classfiy-list { margin: 20px -8px -10px 0; overflow: hidden; }

.content-wrap .classfiy-list li { width: 278px; height: 212px; float: left; margin-bottom: 7px; margin-right: 7px; }

.content-wrap .classfiy-list li img { height: 212px; width: 100%; }

.content-wrap .classfiy-list li p { line-height: 30px; color: #313131; font-size: 14px; text-align: center; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.content-wrap .classfiy-list .lesson-inf { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }

.content-wrap .classfiy-list .lesson-inf .co-title { width: 100%; height: 160px; display: none; }

.content-wrap .classfiy-list .lesson-inf .t-1 { font-size: 16px; color: #FFFFFF; line-height: 22px; white-space: normal; }

.content-wrap .classfiy-list .lesson-inf .t-2 { width: 120px; position: absolute; bottom: 15px; left: 78px; padding: 0; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 14px; background: #f04e4f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.content-wrap .classfiy-list .stu-lesson { position: absolute; display: none; top: 0px; left: 0; width: 278px; height: 212px; -moz-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; -webkit-transition: top .3s ease-in-out; transition: top 0.3s ease-in-out; }

.content-wrap .classfiy-list .m-hover { display: block; position: relative; overflow: hidden; *zoom: 1; }

.content-wrap .classfiy-list .m-hover:hover .stu-lesson { display: block; }

.content-wrap .classfiy-list .row-2 { height: 433px; width: 278px; position: relative; }

.content-wrap .classfiy-list .row-2 img { height: 100%; width: 100%; }

.content-wrap .classfiy-list .row-2 p { position: absolute; left: 0; bottom: 0px; height: 30px; width: 100%; line-height: 30px; color: #313131; font-size: 14px; text-align: center; color: #FFFFFF; padding: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.content-wrap .classfiy-list .row-2 p span { position: relative; }

.content-wrap .classfiy-list-2 { margin: 20px -8px -20px 0; overflow: hidden; }

.content-wrap .classfiy-list-2 li { width: 278px; height: 212px; float: left; margin-bottom: 7px; margin-right: 7px; overflow: hidden; cursor: pointer; }

.content-wrap .classfiy-list-2 li img { height: 212px; width: 100%; border: none; }

.content-wrap .classfiy-list-2 li p { line-height: 30px; color: #313131; font-size: 14px; text-align: center; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.content-wrap .classfiy-list-2 .lesson-inf { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }

.content-wrap .classfiy-list-2 .lesson-inf .scb-title { width: 100%; height: 160px; display: none; }

.content-wrap .classfiy-list-2 .lesson-inf .t-1 { font-size: 16px; color: #FFFFFF; line-height: 22px; white-space: normal; }

.content-wrap .classfiy-list-2 .lesson-inf .t-2 { width: 120px; position: absolute; bottom: 15px; left: 78px; padding: 0; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 14px; background: #f04e4f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.content-wrap .classfiy-list-2 .stu-lesson { position: absolute; display: none; top: 0px; left: 0; width: 278px; height: 212px; -moz-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; -webkit-transition: top .3s ease-in-out; transition: top 0.3s ease-in-out; }

.content-wrap .classfiy-list-2 .m-hover { display: block; position: relative; overflow: hidden; *zoom: 1; }

.content-wrap .classfiy-list-2 .m-hover:hover .stu-lesson { display: block; }

.content-wrap .classfiy-list-2 .row-2 { height: 400px; position: relative; }

.content-wrap .classfiy-list-2 .row-2 img { height: 100%; width: 100%; }

.content-wrap .classfiy-list-2 .row-2 p { position: absolute; left: 0; bottom: 0px; height: 48px; width: 100%; line-height: 48px; color: #313131; font-size: 18px; text-align: center; color: #FFFFFF; padding: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.content-wrap .classfiy-list-2 .row-2 p span { position: relative; }

.link-list { position: absolute; top: 10px; right: 0; }

.link-list a { display: block; height: 24px; padding: 0 10px; line-height: 24px; border: 1px #f04e4f solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; float: left; margin-left: 10px; color: #f04e4f; font-size: 16px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all 0.3s ease; }

.link-list a:hover { color: #FFFFFF; background: #f04e4f; }

.ql-item { padding-top: 30px; }

.ql-item .ql-title { height: 10px; background: #F2F2F2; margin: 30px; }

.ql-item .ql-title p { font-size: 30px; position: relative; top: -15px; height: 40px; display: block; margin: 0 auto; background: #FFFFFF; text-align: center; font-weight: bold; color: #333333; }

.ql-item .ql-title .l-1 { width: 140px; }

.ql-item .ql-title .l-2 { width: 200px; }

.ql-item .ql-content { position: relative; *zoom: 1; }

.ql-item .ql-content img { width: 100%; }

.ql-item .ql-cyjm { background: url(../images/ads_cyjm.png) no-repeat 0 center; height: 233px; }

.ql-item .ql-cyjm .cyjm-link { position: absolute; top: 143px; left: 200px; }

.ql-item .ql-cyjm .cyjm-link a { display: block; float: left; width: 180px; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF; margin-right: 15px; font-size: 18px; }

#wkt-img { height: 230px; width: 1200px; }

#qydx-img { height: 235px; width: 1200px; }

.cut-line { height: 1px; background: #d9d9d9; margin: 0 30px; }

.opac-bg-1 { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.dark-bg { display: none; width: 100%; height: 100%; background: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }

.user-evaluation { border-bottom: 0; margin: 30px 30px 0px 30px; }

.friendly-link { padding: 30px 30px 0px 30px; }


@-moz-keyframes popOut { 0% { -moz-transform: translate(0, 276px); transform: translate(0, 276px); opacity: 1; }
  100% { -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } }
@-webkit-keyframes popOut { 0% { -webkit-transform: translate(0, 276px); transform: translate(0, 276px); opacity: 1; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } }
@keyframes popOut { 0% { -moz-transform: translate(0, 276px); -ms-transform: translate(0, 276px); -webkit-transform: translate(0, 276px); transform: translate(0, 276px); opacity: 1; }
  100% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } }
.live-advert { padding: 0 30px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; }

.live-advert-list { width: 100%; }

.live-advert-list li { display: block; width: 100%; }

.live-advert-list i { color: #f04e4f; font-size: 18px; }

.live-advert-list span { color: #f04e4f; }

.padding15 { padding-top: 15px; }

/*左侧边栏*/
.side-nav { display: none; position: fixed; z-index: 6666; overflow: hidden; top: 10px; width: 54px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); _position: absolute; background: white; _top: expression(document.documentElement.scrollTop + Math.round(document.documentElement.offsetHeight / 2 - 180) + "px"); overflow: hidden; }

.side-nav span { display: block; height: 1px; width: 36px; margin: 0 auto; background: #E5E5E5; }

.side-nav a { display: block; overflow: hidden; width: 54px; height: 54px; line-height: 13px; background: white; text-align: center; font-size: 12px; }

.side-nav a div { margin-top: 15px; }

.side-nav a:hover { color: #FFFFFF; background: #ee2e2e; }

.side-nav a.active { color: #FFFFFF; background: #ee2e2e; }

/*新直播样式*/
.onlyone { width: 1134px; height: 147px; margin: auto; border-radius: 5px; box-shadow: 0 0 10px 2px #F1F1F1; }

.weiyizhibo { padding: 27px 0 0 68px; }

.weiyizhibo p { width: 700px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.one-title { color: #313131; font-size: 20px; line-height: 47px; }

.one-zhiboing { color: #f04e4f; font-size: 17px; line-height: 47px; }

.one-yugao { color: #ADADAD; font-size: 17px; line-height: 47px; }

.zhibobtn { display: block; width: 140px; height: 43px; float: right; background: #F04E4F; color: white; border-radius: 5px; line-height: 43px; font-size: 17px; text-align: center; position: relative; top: -70px; right: 104px; }

.zhibobtn:hover { background: #FE4343; }

/*多个直播*/
.morelive { width: 1134px; margin: auto; padding: 0 33px; }

.morelive-item { width: 354px; height: 116px; float: left; margin: 0 33px 23px 0; position: relative; border-radius: 10px; background: #f7f7f7; border: 1px solid #e6e6e6; }

.morelive-item:nth-of-type(3n) { margin-right: 0; }

.morelive-item:hover .more-title { color: #ee2e2e; }

.more-title { height: 48px; padding-top: 23px; font-size: 16px; line-height: 24px; color: #333333; width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.more-zhiboing { padding-top: 10px; color: #ee2e2e; font-size: 14px; }

.more-yugao { color: #ADADAD; font-size: 14px; padding-top: 10px; }

.issues-hot a, .issues-hot a:hover { color: #f2f2f2; }

.kf-3d-div1 { display: block; width: 100%; height: 38px; position: absolute; left: 0; bottom: 0; font-size: 12px; text-align: center; color: #444; letter-spacing: 1px; }

/*首页改版*/
.course-list { width: 106%; padding: 40px 0 20px; }

.course-list li { display: block; width: 350px; float: left; margin: 0 45px 20px 0; background: #fff; }

.course-list li a { display: block; height: 100%; }

.content-blue .topNav { height: 60px; }

.course-img { width: 100%; height: 200px; overflow: hidden; }

.course-name { width: 100%; padding: 10px; font-size: 16px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; }

.course-list li:hover .course-name { color: #ee2e2e; }

.course-bot { width: 192px; height: 22px; padding: 0 10px 10px; font-size: 12px; line-height: 22px; color: #999999; }

.bot-left { display: block; width: 70px; float: left; }

.bot-right { display: block; width: 70px; float: left; }

.course-bot img { margin-right: 5px; position: relative; top: -2px; }

.userOne { width: 1140px; height: 106px; overflow: hidden; margin-top: 50px; }

.userOne ul li { display: block; height: 100%; float: left; width: 234px; height: 84px; padding: 10px 20px; border: 1px solid #e6e6e6; border-radius: 4px; background: #f7f7f7; margin-right: 14px; }

.eva-top { margin-top: 5px; }

.eva-top img { vertical-align: top; }

.user-img { width: 24px; height: 24px; border-radius: 50%; margin-right: 2px; }

.user-name { display: inline-block; width: 100px; font-size: 14px; color: #999; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.user-star { height: 12px; float: right; margin-top: 6px; }

.user-say { width: 100%; font-size: 14px; color: #333; line-height: 24px; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }

.userTwo { width: 1140px; height: 106px; overflow: hidden; margin: 20px 0 50px 0; }

.userTwo ul { width: 2320px; }

.userTwo ul li { display: block; height: 100%; float: left; width: 234px; height: 84px; padding: 10px 20px; border: 1px solid #e6e6e6; border-radius: 4px; background: #f7f7f7; margin-right: 14px; }

.consult_code { top: 465px; }

.jd { width: 1px; height: 100%; margin: auto; position: fixed; top: 0; left: -1230px; right: 0; z-index: 1051; bottom: 0; }

.live-area { width: 1140px; margin: 20px auto; }

.morelive-area { padding: 20px 0 10px 0; overflow: hidden; }

.teacher_photo { width: 69px; height: 69px; display: inline-block; overflow: hidden; border-radius: 50%; margin: 23px 23px 0 23px; float: left; border: 2px solid #dddddd; }

.more-zhiboing img { width: 16px; vertical-align: baseline; margin-right: 6px; }

.more-yugao img { width: 16px; vertical-align: sub; margin-right: 6px; }

.content { margin: 0 auto; width: 1230px; }

.details-header { padding-bottom: 40px; background: url(../img/246DFCE43264EC8F54DB85C94EEC359A.jpg); }

.details-header-title { padding-top: 25px; }
.details-header-title p { color: #FFFFFF; }
.details-header-title a { color: #FFFFFF; padding: 0 20px; }
.details-header-title a:first-child { padding-left: 0; }
.details-header-title a:last-child { color: #ddd; }

.details-top { position: relative; background-color: #fff; padding: 35px; margin-top: 16px; }
.details-top .peixun-title { font-size: 24px; font-weight: 700; color: #333; margin-bottom: 30px; }
.details-top .peixun-tip { display: block; margin-bottom: 20px; }
.details-top .peixun-tip span { font-size: 14px; }
.details-top .peixun-tip span:first-child { color: #999; }
.details-top .peixun-tip span:last-child { display: inline-block; margin-left: 14px; color: #333; }
.details-top .peixun-btn { padding: 10px 0 20px; }
.details-top .btn-white { display: inline-block; cursor: pointer; width: 110px; text-align: center; line-height: 30px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #666; border-radius: 15px; margin-right: 35px; }
.details-top .btn-blue { display: inline-block; cursor: pointer; width: 110px; text-align: center; margin-right: 35px; line-height: 30px; font-size: 14px; border-radius: 15px; color: #fff; background-color: #00bcee; }
.details-top .btn-gray { display: inline-block; cursor: pointer; margin-right: 35px; width: 110px; text-align: center; line-height: 30px; font-size: 14px; border-radius: 15px; color: #fff; background-color: #999; }
.details-top .btn-red { display: inline-block; cursor: pointer; width: 110px; text-align: center; line-height: 30px; font-size: 14px; border-radius: 15px; color: #fff; background-color: #f00; float: right; }

.peixun-fw { padding-top: 30px; padding-bottom: 10px; border-top: 1px solid #ddd; }
.peixun-fw .fw-tip { margin-right: 10px; font-size: 16px; color: #999; vertical-align: middle; }
.peixun-fw .fw-item { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin-right: 55px; }
.peixun-fw .fw-item .fw-ab { display: none; width: 149px; position: absolute; left: -65px; top: 15px; z-index: 999; }
.peixun-fw .fw-item .fw-ab a { display: block; color: #ee2e2e; }
.peixun-fw .fw-item .fw-text { margin-top: 10px; padding: 25px 25px 10px 25px; font-size: 12px; line-height: 22px; color: #333; background-color: #fff; box-shadow: 0 -4px 8px rgba(109, 109, 109, 0.2); }
.peixun-fw .fw-item .fw-text:before { border-bottom: 8px solid #fff; border-left: 8px solid rgba(255, 255, 255, 0); border-right: 8px solid rgba(255, 255, 255, 0); box-shadow: 0 -4px 8px rgba(109, 109, 109, 0.2); top: 2px; content: ''; width: 0; height: 0; left: 45%; position: absolute; }
.peixun-fw .fw-item .fw-text span { vertical-align: inherit; }
.peixun-fw .fw-item:hover .fw-ab { display: block; }
.peixun-fw .fw-item img { height: auto; width: 16px; }
.peixun-fw .fw-item span { font-size: 12px; color: #333; margin-left: 5px; display: inline-block; vertical-align: middle; }
.peixun-fw .fw-item:hover span { color: #ee2e2e; }

.icon { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: 100%; }

.icon-video { width: 16px; background-image: url(../img/px-video.png); }

.icon-zhibo { width: 16px; background-image: url(../img/px-zhibo.png); }

.icon-ms { width: 16px; background-image: url(../img/px-ms.png); }

.icon-ques { width: 16px; background-image: url(../img/px-ques.png); }

.icon-sx { width: 16px; background-image: url(../img/px-sx.png); }

.icon-zs { width: 16px; background-image: url(../img/px-zs.png); }

.icon-group { width: 16px; background-image: url(../img/px-group.png); }

.icon-zl { width: 16px; background-image: url(../img/px-zl.png); }

.icon-zy { width: 16px; background-image: url(../img/px-zy.png); }

.icon-share { height: 16px; width: 17px; background-image: url(../img/px-share.png); }

.icon-qq { height: 16px; width: 13px; background-image: url(../img/px-qq.png); }

.icon-tel { height: 16px; width: 13px; background-image: url(../img/px-tel.png); }

.icon-user { height: 12px; width: 16px; background-image: url(../img/px-user.png); }

.peixun-zixun { position: absolute; right: 35px; top: 35px; }
.peixun-zixun .zixun-item { position: relative; display: inline-block; margin-left: 20px; }
.peixun-zixun .zixun-item span { vertical-align: middle; font-size: 14px; color: #999; }

.peixun-cour { padding: 20px 0 20px 35px; margin-top: 20px; background-color: #fff; }
.peixun-cour .pc-tip { margin-right: 10px; font-size: 16px; color: #999; vertical-align: top; }
.peixun-cour .cour-box { display: inline-block; }
.peixun-cour .cour-box .cour-item { cursor: pointer; display: inline-block; margin-right: 15px; margin-bottom: 10px; }
.peixun-cour .cour-box .cour-item img { width: 140px; height: 80px; }
.peixun-cour .cour-box .cour-item .cour-msg { display: inline-block; width: 170px; padding-left: 6px; vertical-align: top; }
.peixun-cour .cour-box .cour-item .cour-msg .cour-tip { font-size: 14px; color: #333; line-height: 20px; height: 60px; overflow: hidden; }
.peixun-cour .cour-box .cour-item .cour-msg span { margin-left: 4px; display: inline-block; color: #999; font-size: 12px; vertical-align: middle; }
.peixun-cour .cour-box .cour-item:hover .cour-tip { color: #ee2e2e; }

.con-title-more { float: right; font-size: 14px; color: #666; line-height: 52px; }
.con-title-more:hover { color: #00bcee; }

.peixun-main { background-color: #fff; padding: 20px; margin: 20px auto; }
.peixun-main p, .peixun-main span, .peixun-main a, .peixun-main em, .peixun-main table, .peixun-main strong { font-size: medium; }
.peixun-main h2 { font-size: 16px; margin: 20px 0 10px; font-weight: 600; color: #333; line-height: 1.7; }
.peixun-main p { display: block; line-height: 35px; font-size: 16px; color: #333; font-family: Georgia, serif; width: auto; letter-spacing: 0.5px; }
.peixun-main pre { white-space: normal; }
.peixun-main img { max-width: 100%; }
.peixun-main .red { text-align: center; line-height: 60px; margin: 20px 0; color: red; background-color: #F2F2F2; }

.xly-title { border-bottom: 1px solid #ddd; }
.xly-title h2 { font-weight: 700; line-height: 42px; font-size: 22px; color: #333; }

.xly-list { padding-top: 40px; }
.xly-list .xly-item { display: inline-block; vertical-align: middle; margin-bottom: 40px; margin-right: 30px; }
.xly-list .xly-item:nth-of-type(2n) { margin-right: 0; }
.xly-list .xly-item img { width: 280px; height: auto; }
.xly-list .xly-item .xly-item-msg { display: inline-block; padding-left: 15px; width: 270px; vertical-align: top; }
.xly-list .xly-item .xly-item-msg h3 { font-weight: 700; line-height: 32px; height: 64px; overflow: hidden; font-size: 18px; color: #333; }
.xly-list .xly-item .xly-item-msg p { line-height: 32px; font-size: 14px; color: #999; }

/*# sourceMappingURL=peixun.css.map */