body, button, input, select, textarea { font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif }

.class-multi ._price i, .class-single ._price i { font-style: normal }
html { height: 100%; text-rendering: optimizelegibility; overflow-x: hidden; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body { min-height: 100% }
body, html { font-size: 14px }
code, pre { font-family: Courier, "Courier New", monospace; white-space: pre-wrap; word-wrap: break-word }
body, dd, dl, html, li, ol, p, ul { margin: 0; padding: 0 }
ol, ul { list-style: none }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: 400 }
a, ins { text-decoration: none; cursor: pointer }
a { outline: 0 !important; color: inherit }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
form { margin: 0 }
fieldset { margin: 0; padding: 0; border: 0 }
legend { padding: 0; border: 0; white-space: normal; *margin-left:-7px
}
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: baseline }
button, input { line-height: normal }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button }
input[type=checkbox], input[type=radio] { padding: 0 }
input[type=search] { -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
textarea { overflow: auto; vertical-align: top }
.container, .outer { display: block; width: 1000px; padding: 0; margin-left: auto; margin-right: auto }
.header-placeholder { width: 100%; height: 40px }
[data-enable=click] {
cursor:pointer
}
.disabled, [disabled] {
pointer-events:none
}
._btn.disabled { background: #999 !important; color: #eee !important; opacity: 0.8 !important }
.banner ._labels a:hover, .class-multi ._btn:hover, .class-single ._btn:hover, .coupon ._btn:hover { opacity: .75 }
.outer { width: 100% }
.ib, .inline-block { display: inline-block; *zoom:1;
*display:inline
}
.break-word, .break-word td, .break-word th { word-wrap: break-word; overflow-wrap: break-word; word-break: break-all }
.clearfix:after, .clearfix:before { content: " "; display: table }
.clearfix:after { clear: both }
.clearfix { *zoom:1
}
.banner .container { height: 75px; overflow: hidden }
.banner ._wrap { padding: 0 20px }
.banner ._title { float: left; height: 75px; line-height: 75px }
.banner ._head { font-size: 34px }
.banner ._summary { font-size: 18px }
.banner ._labels { float: right }
.banner ._labels a { margin-top: 24px; margin-left: 8px; padding: 0 18px; -webkit-border-radius: 14px; border-radius: 14px; font-size: 14px; height: 28px; line-height: 28px; text-align: center }
.class-multi+.class-multi, .class-multi+.class-single, .class-single+.class-multi, .class-single+.class-single { margin-top: -15px }
.class-multi ._wrap { padding: 16px 16px 0; *padding-bottom:16px;
margin-right: -16px }
.class-multi[col="4"] .wrap { margin-right: -12px }
.class-multi[col="2"] ._left, .class-multi[col="2"] ._right { float: left }
.class-multi ._left { position: relative }
.class-multi ._left ._shadow { position: absolute; bottom: 0; width: 100%; height: 24px; line-height: 24px; color: #fff; font-size: 12px; text-align: center; background: #000; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; word-wrap: break-word }
.class-multi ._left ._hover { display: none; position: absolute; top: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.5) }
.class-multi ._left ._hover ._info { position: absolute; top: 50%; left: 50%; width: 202px; height: 52px; margin-left: -101px; margin-top: -26px }
.class-single ._left ._hover, .class-single ._left ._shadow { left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000')
}
.class-multi ._left ._hover p { line-height: 26px; color: #fff; font-size: 14px }
.class-multi ._class { float: left; background: #fff; padding: 15px; margin-right: 16px; margin-bottom: 16px }
.class-multi[col="4"] ._class { padding: 13px; margin-right: 12px }
.class-multi[col="2"] ._pic { display: block; width: 249px; height: 166px }
.class-multi[col="3"] ._pic { display: block; width: 282px; height: 188px }
.class-multi[col="4"] ._pic { display: block; width: 207px; height: 138px }
.class-multi ._desc ._title { height: 48px; overflow: hidden; line-height: 24px; font-size: 14px }
.class-multi ._desc ._title:hover { color: #FA5C53 }
.class-multi ._desc ._label { float: left; margin-right: 4px; font-weight: 700; color: #FA5C53 }
.class-multi[col="2"] ._right { width: 184px; margin-left: 12px }
.class-multi[col="3"] ._right { width: 282px; margin-top: 10px }
.class-multi[col="4"] ._right { width: 207px; margin-top: 10px }
.class-multi ._price { margin-top: 12px }
.class-multi ._price ._discount { float: right; width: 48px; height: 18px; line-height: 18px; color: #fff; font-size: 12px; text-indent: 14px; background: url(../Images/discount-middle-c17f15902ae77cc1.png) no-repeat }
.class-multi ._price ._curr { color: #FA5C53 }
.class-multi ._price ._curr i { font-size: 16px }
.class-multi ._price ._old { float: right; clear: right; text-decoration: line-through; line-height: 24px; color: #9F9F9F; font-size: 16px }
.class-multi[col="2"] ._curr { height: 28px; padding-top: 14px; line-height: 28px; font-size: 28px }
.class-multi[col="4"] ._curr, .class-multi[col="3"] ._curr { height: 28px; padding-top: 8px; line-height: 28px; font-size: 28px }
.class-multi[col="4"] ._price, .class-multi[col="3"] ._price { margin-top: 2px; height: 42px }
.class-multi ._btn { display: block; height: 44px; font-size: 24px; width: 100%; float: left; line-height: 44px; text-align: center }
.class-multi[col="2"] ._btn { margin-top: 20px }
.class-multi[col="4"] ._btn, .class-multi[col="3"] ._btn { margin-top: 5px }
.class-single ._wrap { padding: 0 16px; *padding-bottom:16px
}
.class-single ._left, .class-single ._right { float: left }
.class-single ._left { position: relative }
.class-single ._left ._shadow { position: absolute; bottom: 0; width: 100%; height: 24px; line-height: 24px; color: #fff; font-size: 12px; text-align: center; background: #000; background: rgba(0,0,0,0.5) }
.class-single ._left ._hover { display: none; position: absolute; top: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.5) }
.class-single ._left ._hover ._info { position: absolute; top: 50%; left: 50%; width: 202px; height: 52px; margin-left: -101px; margin-top: -26px }
.class-single ._left ._hover p { line-height: 26px; color: #fff; font-size: 14px }
.class-single ._class { background: #fff; padding: 15px; margin-bottom: 16px }
.class-single ._class:first-child { margin-top: 16px }
.class-single ._pic { display: block; width: 422px; height: 281px }
.class-single ._desc ._title { line-height: 65px; height: 65px; overflow: hidden; font-size: 24px }
.class-single ._desc ._content { height: 84px; overflow: hidden; line-height: 28px; font-size: 14px; color: #717171 }
.class-single ._desc ._label { float: left; margin-right: 4px; font-weight: 700; color: #FA5C53 }
.class-single ._right { width: 465px; margin-left: 45px }
.class-single ._price { float: left; margin-top: 42px; margin-right: 80px }
.class-single ._price ._curr { position: relative; margin-top: 22px; margin-left: -10px; color: #FA5C53; font-size: 42px }
.class-single ._price ._curr i { font-size: 32px }
.class-single ._price ._od { margin-top: -74px; line-height: 23px }
.class-single ._price ._discount { display: inline-block; *zoom:1;
*display:inline;
vertical-align: top; width: 58px; height: 22px; margin-left: 8px; background: url(../Images/discount-large-18214cd3cb25fa0f.png) no-repeat; line-height: 22px; color: #fff; font-size: 14px; text-indent: 16px }
.class-single ._price ._old { text-decoration: line-through; color: #9F9F9F; font-size: 20px }
.class-single ._shadow { display: none }
.class-single ._btn { display: block; height: 50px; width: 190px; float: right; margin-top: 54px; line-height: 50px; font-size: 26px; text-align: center }
.coupon .container { font-size: 0; padding: 10px 0 }
.coupon ._list { padding: 0 25px; margin: 0 -7px }
.coupon ._item { float: left; padding: 0 7px; margin-bottom: 10px }
.coupon ._img { cursor: pointer; width: 306px; height: 150px }
.coupon ._img img { display: block; width: 100%; height: 100% }
.coupon ._btn { display: block; width: 306px; height: 34px; line-height: 34px; font-size: 20px; text-align: center }
.coupon ._desc { padding: 0 25px; font-size: 16px; color: #585858 }
.coupon[col="2"] ._list { margin: 0 -35px }
.coupon[col="2"] ._item { padding: 0 35px }
.coupon[col="2"] ._img { width: 440px; height: 188px }
.coupon[col="2"] ._btn { width: 440px; height: 48px; font-size: 28px; line-height: 48px }
.coupon[col="1"] ._list { padding-bottom: 0 }
.coupon[col="1"] ._item { position: relative; height: 214px; width: 100% }
.coupon[col="1"] ._item:last-child { margin-bottom: 0 }
.coupon[col="1"] ._img { width: 440px; height: 214px }
.coupon[col="1"] ._btn { width: 192px; height: 50px; line-height: 50px; font-size: 26px; position: absolute; top: 164px; left: 495px }
.coupon[col="1"] ._desc { width: 462px; height: 166px; margin-top: -214px; padding-left: 0; float: right }
.hero .container { width: 100%; position: relative; overflow: hidden }
.hero ._areas { position: absolute; top: 0; left: 0 }
.hero ._areas a { display: block; position: absolute }
.layer { position: fixed; display: none; z-index: 10000 }
.layer ._areas a, .layer ._close { position: absolute; display: block }
.layer.top { top: 60px }
.layer.middle { top: 50% }
.layer.right { left: auto; right: 20px }
.layer.left { left: 20px; right: auto }
.layer.bottom { left: 50%; bottom: 0 }
.layer.left.bottom, .layer.right.bottom { bottom: 80px; margin-left: auto !important }
.layer.right.bottom { left: auto; right: 20px }
.layer.left.bottom { left: 20px }
.layer ._close { width: 7px; height: 7px; right: -16px; top: 0; padding: 2px; border: 1px solid #E8E8E8; background: url(../Images/layer-close-2893f22e21d2211b.png) center center #DBDBDB }
.layer.left ._close { right: auto; left: -16px }
.layer ._map { display: block }
.layer ._areas a { z-index: 100 }
.price-coupon ._right ._btn:hover, .tab.blue-style ._header ._item:hover { opacity: .75 }
.price-coupon+.price-coupon { margin-top: -10px }
.price-coupon .container { padding: 10px 0 0 }
.price-coupon ._list { padding: 0 28px; margin: 0 -40px; overflow: hidden }
.price-coupon ._item { float: left; height: 146px; padding: 0 40px 15px }
.price-coupon ._pic { display: block; width: 260px; height: 146px; cursor: pointer }
.price-coupon ._left, .price-coupon ._right { float: left; font-size: 16px; height: 146px }
.price-coupon ._left { width: 260px }
.price-coupon ._right { width: 150px; margin-left: 22px }
.price-coupon ._right ._name { cursor: pointer; height: 40px; max-width: 150px; overflow: hidden; color: #717171; font-size: 23px; line-height: 40px; margin-bottom: 2px }
.price-coupon ._right ._price { height: 48px; overflow: hidden; font-size: 17px; color: #585858 }
.price-coupon ._right ._txt { line-height: 20px; display: none }
.price-coupon ._right ._icon { color: #FA4243 }
.price-coupon ._right ._num { color: #FA4243; font-size: 38px }
.price-coupon ._right ._btn { display: block; margin-top: 13px; width: 100%; height: 42px; line-height: 42px; font-size: 24px; text-align: center }
.price-coupon ._desc { padding: 0 28px; font-size: 16px; color: #585858 }
.price-coupon[col="1"] ._desc { float: right; margin: -161px 28px 0 0; padding: 0; height: 146px; width: 436px; overflow: hidden }
.price-coupon[col="2"] ._desc { padding-bottom: 10px }
.tab ._header { padding: 16px 16px 0; font-size: 0 }
.tab ._header ._item { display: block; font-size: 26px; text-align: center; height: 56px; float: left; cursor: pointer }
.tab ._header a { display: block; height: 42px; line-height: 42px; margin-top: 7px }
.tab ._header ._item a { border-left: 2px solid transparent }
.tab ._header .active+._item a, .tab ._header .active._item a { border-left-color: transparent !important }
.tab ._header ._item.active { cursor: default }
.tab[tab="2"] ._item { width: 50% }
.tab[tab="3"] ._item { width: 33.33333% }
.tab[tab="4"] ._item { width: 25% }
.tab[tab="5"] ._item { width: 20% }
.tab[tab="6"] ._item { width: 16.66667% }
.tab[tab="7"] ._item { width: 14.28571% }
.tab[tab="8"] ._item { width: 12.5% }
.tab ._panel { display: none }
.tab ._panel.active { display: block }
.tab ._btn { background: #F95A52; color: #fff }
.tab.blue-style ._header ._item { background: #CBE5EE; color: #80B5C8 }
.tab.blue-style ._item+._item a { border-left-color: #9FC7D4 }
.tab.blue-style ._header ._item.active { background: #1D97BF; color: #fff }
#kefu { position: fixed; bottom: 86px; right: 20px; width: 34px; height: 34px; text-align: center; border-radius: 3px; padding: 8px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlNNSIvlSwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=) repeat }
#kefu .icon_kefu { width: 32px; height: 32px; display: block; background: url(../Images/icons.png) no-repeat }
#kefu .hide_text { display: none; color: #FFF; line-height: 16px; font-size: 13.3px; padding: 1px; font-family: 'microsoft yahei'; letter-spacing: 2px; margin-left: 1px }
#kefu:hover { text-decoration: none; background: url(../Images/gray_bg_hover.png) repeat }
#kefu:hover .hide_text { display: block }
#kefu:hover i { display: none }
#class_gotop { position: fixed; bottom: 27px; right: 20px; display: none; width: 34px; height: 34px; text-align: center; border-radius: 3px; padding: 8px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlNNSIvlSwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=) repeat }
#class_gotop .icon_gotop { width: 32px; height: 32px; display: block; background: url(../Images/icons.png) 0 -52px no-repeat }
#class_gotop .hide_text { display: none; color: #FFF; line-height: 16px; font-size: 13.3px; padding: 1px; font-family: 'microsoft yahei'; letter-spacing: 2px; margin-left: 1px }
#class_gotop:hover { text-decoration: none; background: url(../Images/gray_bg_hover.png) repeat }
#class_gotop:hover .hide_text { display: block }
#class_gotop:hover i { display: none }
.modal, .modal ._mask { top: 0; left: 0; bottom: 0; right: 0 }
.modal { display: none; position: fixed; z-index: 200 }
.modal2 { display: block }
.loading { position: absolute; left: 50%; top: 30%; width: 200px; text-align: center; margin-left: -100px; padding: 90px 0 30px 0; background: url(../Images/loading.gif) no-repeat center 20px rgba(255,255,255,0.9); background-size: 50px auto; border-radius: 10px }
.modal ._mask { position: absolute; background-color: #000; filter: alpha(opacity=50); opacity: .5 }
._dialog { position: absolute; left: 50%; top: 50%; width: 400px; min-height: 120px; margin-left: -200px; margin-top: -200px; background: #fefff1; border-radius: 3px; overflow: hidden; border: 2px solid #fa9f2a }
._dialog ._header { width: 100%; position: relative; text-align: center }
._dialog ._header ._close { display: block; position: absolute; right: 5px; top: 5px; width: 24px; height: 24px; background: url(../Images/close-small.png) center center no-repeat #fa9f2a; background-size: 16px 16px }
._dialog ._header ._title { color: #531311; font-size: 20px; padding: 30px 2em 0 2em; display: inline-block }
._dialog ._body { padding: 20px; color: #444; font-size: 16px; height: auto }
._dialog ._err { text-align: center; padding: 0.5em 0 1.5em 0 }
._dialog ._body a { color: #db4200; text-decoration: underline }
._dialog ._body a:hover { text-decoration: none }
._dialog ._body2 { padding: 0 20px 20px 20px; text-align: left; color: #444 }
i { font-style: normal; display: inline-block }
.none { display: none }
._labels>a._lb1, ._labels>a._lb2 { display: none }
._labels>a._lb1._lb_1 { display: inline-block }
._labels>a._lb2._lb_2 { display: inline-block }
._map img { margin: 0 }
._areas>a { position: absolute }
._areas>a._one1 { display: block; width: 100%; height: 100%; left: 0; top: 0 }
.w { width: 1000px; margin: 0 auto }
.area { margin: 0 auto }
.area p { line-height: 1.4em }
._dialog ._foot { text-align: center; padding: 10px 0 30px 0 }
._dialog ._foot>a { display: inline-block; width: 120px; line-height: 34px; font-size: 14px; text-align: center; background-color: #fa9f2a; color: #fff; border-radius: 5px; margin: 0 10px }
._dialog ._foot>a:hover { background-color: #df891b }
.btn_status_1, .btn_status_3, .btn_status_InPreparing, .btn_status_OutOfStock { background-color: #bcbcbc !important; color: #fff !important }
.course .mark, .course .btn_other_1, .course .discount { background-image: url(../Images/ics.png); background-repeat: no-repeat }
img[data-original] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzJDNkEwNjE4QjkxMUU2QTA1Qzg5QzBCMTBDNjY4NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzJDNkEwNzE4QjkxMUU2QTA1Qzg5QzBCMTBDNjY4NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDMkM2QTA0MThCOTExRTZBMDVDODlDMEIxMEM2Njg3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDMkM2QTA1MThCOTExRTZBMDVDODlDMEIxMEM2Njg3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ix/rqAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) no-repeat center center #fff }
.lazy { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzJDNkEwNjE4QjkxMUU2QTA1Qzg5QzBCMTBDNjY4NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzJDNkEwNzE4QjkxMUU2QTA1Qzg5QzBCMTBDNjY4NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDMkM2QTA0MThCOTExRTZBMDVDODlDMEIxMEM2Njg3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDMkM2QTA1MThCOTExRTZBMDVDODlDMEIxMEM2Njg3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ix/rqAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) }
.center { text-align: center }
.small { font-size: 12px }
.textdiv { width: 970px; margin: 0 auto; padding: 8px 15px; position: relative; overflow: hidden }
.textdiv div, .textdiv img, .textdiv iframe { max-width: 100% }
.textdiv img { height: auto }
.coupon_rule { width: 100%; background-color: transparent !important; line-height: 160%; padding-bottom: 8px; overflow: hidden }
.coupon_rule div, .coupon_rule img, .coupon_rule iframe { max-width: 100% }
.coupon_free>div.coupon_rule { float: inherit }
.coupon_free>div.coupon_rule>*, .coupon_pay>div.coupon_rule>* { position: static }
.coupon_free { width: 944px; margin: 0 auto; padding: 0 28px; zoom: 1; overflow: hidden }
.coupon_free .btn { display: table; background-color: #e74d44; top: 0; padding: 0 10px; font-size: 22px; color: #fff; border-left: dashed 1px #fff; text-align: center }
.coupon_free .btn:hover { opacity: 0.8; filter: alpha(opacity=80) }
.coupon_free .btn>i { display: table-cell; vertical-align: middle; line-height: 1.1em }
.coupon_free>div { float: left; position: relative }
.coupon_free>div>* { position: absolute }
.coupon_free>div>.pic { left: 0; top: 0; cursor: pointer }
.coupon_free>div:first-child { margin-left: 0 }
.coupon_free>div.coupon_free_2:nth-child(2n+1) { margin-left: 0 }
.coupon_free>div.coupon_free_3:nth-child(3n+1) { margin-left: 0 }
.coupon_free>div.coupon_free_4:nth-child(4n+1) { margin-left: 0 }
.coupon_free_2 { margin: 9px 0 9px 18px; width: 463px; height: 136px }
.coupon_free_2 .pic { width: 407px; height: 136px }
.coupon_free_2 .btn { left: 407px; width: 35px; height: 136px }
.coupon_free>div.coupon_free_2.coupon_rule { float: left; margin-left: 18px; padding-bottom: 0 }
.coupon_free_3 { margin: 6px 0 6px 13px; width: 306px; height: 170px }
.coupon_free_3 .pic { width: 260px; height: 170px }
.coupon_free_3 .btn { left: 260px; width: 25px; height: 170px }
.coupon_free_4 { margin: 5px 0 5px 10px; width: 228px; height: 127px }
.coupon_free_4 .pic { width: 194px; height: 127px }
.coupon_free_4 .btn { left: 194px; width: 17px; height: 127px; font-size: 16px; padding: 0 8px }
.coupon_pay>div.coupon_rule { float: inherit }
.coupon_pay { width: 966px; margin: 0 auto; padding: 0 17px; zoom: 1; overflow: hidden }
.coupon_pay>div { float: left; position: relative; background-color: #fff }
.coupon_pay>div>* { position: absolute }
.coupon_pay .pic { cursor: pointer }
.coupon_pay .price { font-size: 34px; color: #fa5c53 }
.coupon_pay .price:before, .coupon_pay .price before { content: "￥"; font-size: 24px }
.coupon_pay .btn { display: inline-block; bottom: 12px; background-color: #e74d44; color: #fff; font-size: 24px; text-align: center }
.coupon_pay .btn:hover { opacity: 0.8; filter: alpha(opacity=80) }
.coupon_pay .title { padding-right: 5px; height: 2.7em; overflow: hidden; cursor: pointer }
.coupon_pay>div:first-child { margin-left: 0 }
.coupon_pay>div.coupon_pay_2:nth-child(2n+1) { margin-left: 0 }
.coupon_pay>div.coupon_pay_3:nth-child(3n+1) { margin-left: 0 }
.coupon_pay>div.coupon_pay_4:nth-child(4n+1) { margin-left: 0 }
.coupon_pay_2 { margin: 8px 0 8px 16px; width: 475px; height: 182px }
.coupon_pay_2 .pic { left: 15px; top: 12px; width: 241px; height: 158px }
.coupon_pay_2 .title { left: 271px; top: 12px }
.coupon_pay_2 .price { left: 271px; top: 65px }
.coupon_pay_2 .btn { left: 271px; width: 185px; line-height: 44px }
.coupon_pay>div.coupon_pay_2.coupon_rule { float: left; height: 174px }
.coupon_pay_3 { margin: 8px 0 8px 17px; width: 310px; height: 311px }
.coupon_pay_3 .pic { left: 14px; top: 14px; width: 282px; height: 185px }
.coupon_pay_3 .title { left: 14px; top: 205px }
.coupon_pay_3 .price { left: 14px; bottom: 14px }
.coupon_pay_3 .btn { right: 14px; bottom: 14px; width: 128px; line-height: 37px }
.coupon_pay_4 { margin: 6px 0 6px 13px; width: 231px; height: 245px }
.coupon_pay_4 .pic { left: 12px; top: 12px; width: 207px; height: 136px }
.coupon_pay_4 .title { left: 12px; top: 156px }
.coupon_pay_4 .price { left: 12px; bottom: 12px; font-size: 24px }
.coupon_pay_4 .price:before, .coupon_pay_4 .price before { font-size: 18px }
.coupon_pay_4 .btn { right: 12px; width: 104px; line-height: 30px; font-size: 20px }
.course { width: 966px; margin: 0 auto; padding: 0 17px; zoom: 1; overflow: hidden; padding-bottom: 6px\9 }
.course>div { float: left; margin: 6px 0 6px 10px; overflow: hidden; position: relative; background-color: #fff }
.course>div>* { position: absolute }
.course .pic { left: 14px; top: 14px }
.course .pictitle { left: 14px; background-color: #4b4b4b; background-color: rgba(60,60,60,0.8); color: #fff; font-size: 12px; line-height: 30px; max-height: 30px; padding: 0 10px; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all linear 0.5s }
.course .pic:hover+.pictitle { opacity: 1; filter: alpha(opacity=100) }
.course .mark { left: 14px; top: 0; z-index: 1; color: #fff; text-align: center; line-height: 1em; overflow: hidden }
.course .mark_0 { display: none }
.course .mark_1 { width: 45px; height: 50px; padding: 7px 5px 0 5px; font-size: 16px; background-position: 0 -103px }
.course .mark_2 { width: 45px; height: 42px; padding: 0 5px 14px 5px; line-height: 50px; font-size: 18px; background-position: 0 -178px }
.course .mark_3 { width: 30px; height: 30px; line-height: 30px; font-size: 16px; background-color: #fa5c53 }
.course .mark_4 { width: 40px; height: 35px; padding: 5px 0 0 0; background-color: #fa5c53 }
.course .mark_5 { left: 0; top: 20px; width: 95px; height: 20px; line-height: 20px; background-position: 0 -251px }
.course .tag { color: #f75d58; padding-right: 5px }
.course .discount { right: 14px; bottom: 79px; width: 48px; height: 19px; line-height: 19px; color: #fff; font-size: 12px; text-indent: 12px; background-position: right -36px }
.course .btn { right: 14px; bottom: 14px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-align: center }
.course .btn:hover { opacity: 0.8; filter: alpha(opacity=80) }
.course .btn_other_0 { display: none }
.course .btn_other_1 { background-position: 5px -64px; background-color: #fad5a0; color: #d88b06; border: solid 1px #d88b06; text-indent: 1.5em }
.course .btn_other_1:hover { background-color: #ffecd1 }
.course .btn_other_2 { border: dashed 1px #a41900; color: #e44b45; text-align: center }
.course .btn_other_2:hover { background-color: #feedcf }
.course .btn_go { background-color: #e44b45; color: #fff }
.course>div:first-child { margin-left: 0 }
.course>div.course_1 { margin-left: 0 }
.course>div.course_2:nth-child(2n+1) { margin-left: 0 }
.course>div.course_3:nth-child(3n+1) { margin-left: 0 }
.course>div.course_4:nth-child(4n+1) { margin-left: 0 }
.course .desc { line-height: 1.6em; height: 3em; overflow: hidden }
.course_1 { width: 100%; height: 268px }
.course_1 .pic { width: 360px; height: 240px }
.course_1 .pictitle { bottom: 14px; width: 340px }
.course_1 .title { left: 416px; top: 20px; font-size: 24px; max-width: 530px; height: 1.3em; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.course_1 .desc { left: 416px; top: 65px; width: 540px; height: 5em; line-height: 1.7em; color: #717171; word-break: break-all }
.course_1 .old_price { left: 416px; bottom: 58px; color: #9f9f9f; font-size: 20px; text-decoration: line-through }
.course_1 .old_price:before { content: "￥" }
.course_1 .discount { left: 500px; bottom: 58px; width: 58px; height: 22px; line-height: 22px; font-size: 14px; text-indent: 15px; background-position: right 0 }
.course_1 .price { left: 410px; bottom: 10px; font-size: 42px; color: #f75d58 }
.course_1 .price:before, .course_1 .price before { content: "￥"; font-size: 32px }
.course_1 .btn_other_1 { right: 154px; width: 129px; line-height: 38px; font-size: 18px; background-position: 13px -61px }
.course_1 .btn_other_2 { right: 143px; width: 147px; line-height: 38px; font-size: 18px }
.course_1 .btn_go { width: 129px; line-height: 40px; font-size: 18px }
.course_1 .btn_go_0 { width: 174px }
.course_2 { width: 478px; height: 194px }
.course_2 .pic { width: 249px; height: 166px }
.course_2 .pictitle { bottom: 14px; width: 229px }
.course_2 .desc { left: 276px; top: 15px; width: 186px }
.course_2 .old_price { right: 14px; bottom: 58px; color: #9f9f9f; font-size: 16px; text-decoration: line-through }
.course_2 .old_price:before { content: "￥" }
.course_2 .price { left: 276px; bottom: 54px; font-size: 28px; color: #f75d58 }
.course_2 .price:before, .course_2 .price before { content: "￥"; font-size: 20px }
.course_2 .btn_other_1 { left: 276px; width: 87px; line-height: 31px; background-position: 5px -64px }
.course_2 .btn_other_2 { left: 276px; width: 90px; line-height: 31px }
.course_2 .btn_go { width: 87px; line-height: 33px }
.course_2 .btn_go_2 { width: 96px }
.course_2 .btn_go_0 { width: 188px }
.course_3 { width: 315px; height: 364px }
.course_3 .pic { width: 287px; height: 191px }
.course_3 .pictitle { top: 175px; width: 267px }
.course_3 .desc { left: 14px; top: 218px; width: 287px }
.course_3 .old_price { right: 14px; bottom: 58px; color: #9f9f9f; font-size: 16px; text-decoration: line-through }
.course_3 .old_price:before { content: "￥" }
.course_3 .price { left: 14px; bottom: 54px; font-size: 28px; color: #f75d58 }
.course_3 .price:before, .course_3 .price before { content: "￥"; font-size: 20px }
.course_3 .btn_other_1 { left: 14px; width: 138px; line-height: 31px; background-position: 25px -64px }
.course_3 .btn_other_2 { left: 14px; width: 143px; line-height: 31px }
.course_3 .btn_go { width: 138px; line-height: 33px }
.course_3 .btn_go_2 { width: 142px }
.course_3 .btn_go_0 { width: 121px }
.course>div.course_4 { margin-left: 11px }
.course_4 { width: 233px; height: 306px }
.course_4 .pic { width: 205px; height: 137px }
.course_4 .pictitle { top: 121px; width: 185px }
.course_4 .desc { left: 14px; top: 162px; width: 205px }
.course_4 .old_price { right: 14px; bottom: 58px; color: #9f9f9f; font-size: 16px; text-decoration: line-through }
.course_4 .old_price:before { content: "￥" }
.course_4 .price { left: 14px; bottom: 54px; font-size: 28px; color: #f75d58 }
.course_4 .price:before, .course_4 .price before { content: "￥"; font-size: 20px; padding-left: 4px }
.course_4 .btn_other_1 { left: 14px; width: 98px; line-height: 31px; background-position: 10px -64px }
.course_4 .btn_other_2 { left: 14px; width: 100px; line-height: 31px }
.course_4 .btn_go { width: 98px; line-height: 33px }
.course_4 .btn_go_2 { width: 103px }
.course_4 .btn_go_0 { width: 205px }
.course_3.course_onebtn .btn_go_0 { width: auto; left: 14px }
.course .pic, .course .title, .course .desc { cursor: pointer }
.course_1 .bigpic { width: 966px; height: 268px }
.course_2 .bigpic { width: 478px; height: 194px }
.course_3 .bigpic { width: 315px; height: 364px }
.course_4 .bigpic { width: 233px; height: 306px }
.course_tab { width: 966px; margin: 0 auto; padding: 6px 17px; zoom: 1; overflow: hidden }
.course_tab a { float: left; width: 193px; line-height: 56px; font-size: 20px; text-align: center; background-color: #cae5ee; color: #6ea0b9; position: relative; word-break: keep-all; text-overflow: ellipsis; overflow: hidden }
.course_tab a.hover { background-color: #1d97c0; color: #fff }
.course_tab a:before { content: "|"; position: absolute; left: -3px; top: -3px; font-size: 36px }
.course_tab a.hover:before, .course_tab a.hover+a:before { display: none }
.course_tab a:first-child:before { display: none }
.area_tab>.course { display: none }
.course_tab+.course { display: block }
*:first-child+html .coupon_free .btn>i { display: inline-block; position: relative; top: 50%; margin-top: -140%; line-height: 1.2em }
.alertarea { position: fixed; left: 0; top: 45% }
.area_close { display: inline-block; position: fixed; z-index: 11; right: 20px; top: 20px; width: 50px; height: 50px; background: url(../Images/close-small.png) center center no-repeat }
.hj-dialog { position: fixed; display: none; z-index: 101; width: 400px; background: white; min-height: 100px; left: 50%; margin-left: -200px; padding-bottom: 50px }
.hj-dialog ._close { cursor: pointer; position: absolute; top: 2px; right: 2px; width: 28px; height: 28px; background: url(../Images/form-dialog-close.png) no-repeat }
.hj-dialog-mask { background: black; opacity: .5; filter: alpha(opacity=5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50 }
._dialog.getcp { text-align: center }
._dialog.getcp h1 { font-size: 22px; color: #531311 }
._dialog.getcp h3 { font-size: 16px; padding-top: 10px }
._dialog.getcp ._foot>a { font-size: 18px; width: 140px }
._dialog.cp_later ._body { background: url(../Images/cp_later.png) no-repeat 40px 10px; padding-left: 100px }
._dialog.cp_later ._body>h1 { font-size: 30px }
._dialog.cp_end ._body { background: url(../Images/cp_end.png) no-repeat 60px 10px; height: 120px }
._dialog.cp_end ._body>h1 { font-size: 30px; margin: 5px 0 0 180px; width: 4.5em }
._dialog.cp_nostart ._body { background: url(../Images/cp_nostart.png) no-repeat 30px 10px; padding-left: 100px }
._dialog.cp_nostart ._body>h1 { font-size: 30px }
._dialog.getcp_big { width: 480px; margin-left: -240px; top: 45% }
.cpitems { margin: 0 -15px; max-height: 260px; overflow: auto; position: relative }
.cpitems>span { display: inline-block; background: url(../Images/coupon_bg.png) no-repeat center top; background-size: 125px 64px; margin-top: 10px; width: 145px; height: 90px; position: relative }
.cpitems>span>* { position: absolute }
.cpitems>span.app { background-image: url(../Images/coupon_bg_app.png) }
.cpitems .amount { left: 20px; top: 16px; min-width: 60px; text-align: center; color: #ffeb92; font-size: 28px; font-family: "Times New Roman" }
.cpitems .amount>em { font-style: normal; font-size: 12px }
.cpitems .text { right: 20px; top: 14px; width: 3.5em; color: #fff; font-size: 12px }
.cpitems .desc { left: 0; right: 0; bottom: 8px; height: 1em; line-height: 1em; overflow: hidden; text-align: center; font-size: 12px }
.cpitems>span.tp1 .money { display: none }
.cpitems>span.tp1 .amount { left: 24px }
.cpitems>span.tp1 .amount>em { font-size: 14px }
.coupon-area { padding: 24px 0; overflow: hidden; zoom: 1 }
.coupon-area .cp-img { float: left; width: 380px; height: 250px; margin-left: 28px }
.coupon-area .cp-text { float: right; width: 550px; padding: 10px 0; margin-right: 28px }
.customtab>div { width: 1000px; background-repeat: no-repeat; background-size: 1000px auto; margin: 0 auto; zoom: 1; overflow: hidden }
.customtab a { float: left; display: inline-block; text-indent: -10000px }
.customtab a:hover { background-color: rgba(255,255,255,0.3); background-color: #fff\9; filter: alpha(opacity=30) \9 }
._dialog .nodraw dd.ml10 { margin-left: 40px\9; position: inherit\9; width: 220px\9 }
.banner+.modal ._dialog { width: 700px; margin-left: -350px; top: 55% }
.banner+.modal ._body { max-height: 360px; overflow: auto; margin-bottom: 1em }
.hero ._map, .layer ._map { background: url(data:image/png;base64,) no-repeat center 0 }
.course .desc .tag_mc { color: #f65d57 }
.course .desc .tag_mc+.tag { display: none }
.course_1 .lesson { width: 542px; height: 40px; text-align: center; line-height: 40px; font-size: 12px; color: #717171; background-color: #f6f6f6; right: 20px; bottom: 82px; text-align: left; text-indent: 10em }
.course_1 .pri { left: 396px; bottom: 10px; display: table }
.course_1 .pri .price { position: static; float: left; line-height: 42px; height: 42px }
.course_1 .pri>p { display: table-cell; float: inherit; vertical-align: bottom; padding-left: 6px; width: 80px }
.course_1 .pri>p>i.old_price { display: block; margin: 0 0 4px 0 }
.course_2 .old_price { right: auto; left: 276px; bottom: 83px; font-size: 15px }
.course_2 .discount { bottom: 82px }
.course_2 .lesson { color: #9a9a9a; right: 12px; bottom: 58px }
.course_3 .pri { left: 10px; bottom: 52px }
.course_3 .pri .price { margin-right: 10px }
.course_3 .discount { bottom: 75px }
.course_3 .lesson { color: #9a9a9a; right: 12px; bottom: 55px }
.course_4 .price { font-size: 22px }
.course_4 .old_price { left: 20px; bottom: 78px; font-size: 14px }
.course_4 .discount { bottom: 78px }
.course_4 .lesson { color: #9a9a9a; right: 12px; bottom: 58px; font-size: 14px }
.course .old_price>span, .course .price>span, .course .precount, .course .presale .desc .tag, .course .presale .pictitle, .course .presale .discount { display: none }
.course .presale .precount { display: inline-block; position: absolute; right: 18px }
.course .precount>span { color: #e44b45 }
.presale .btn_other_2 { background-color: #fff7f6; font-weight: bold; color: #f65c57 }
.course .presale .old_price>span, .course .presale .price>span { float: left }
.course .presale .price { color: #444; font-size: 20px }
.course .presale .price:before, .course .presale .price>before { font-size: 18px }
.course .presale .desc:before, .course_1.presale .title:before, .course .presale .desc>before, .course_1.presale .title>before { float: left; content: "预售中"; border: solid 1px #e2a24b; background-color: #fffef5; font-size: 0.8em; color: #b5761c; line-height: 1em; padding: 1px 2px 2px 2px }
.course .presale .lesson { background-color: #f6f6f6; color: #717171 }
.course_1.presale .desc:before, .course_1.presale .desc>before { display: none }
.course_1.presale .lesson { bottom: 110px; text-indent: 73px; width: 532px; font-size: 13px }
.course_1.presale .pri .old_price { position: absolute; left: 0; bottom: 60px; font-size: 16px }
.course_1.presale .price { padding-bottom: 12px; line-height: normal; height: 25px }
.course_1.presale .old_price>span, .course_1.presale .price>span { padding-right: 14px; font-size: 14px }
.course_1.presale .old_price>span { word-spacing: 24px }
.course_1.presale .price>span { padding-top: 5px; word-spacing: 3px }
.course_1.presale .btn_other_2 { width: 240px }
.course_1.presale .precount { bottom: 70px }
.course_1.presale .btn_go_0 { width: 129px }
.course_1.presale .pri, .course_1.presale .old_price { left: 416px }
.course_1.presale .title:before, .course_1.presale .title>before { margin: 6px 8px 0 0 }
.course_2.presale { height: 240px }
.course_2.presale .lesson { width: 190px; right: 14px; bottom: 130px; line-height: 28px; text-indent: 4px }
.course_2.presale .precount { bottom: 135px }
.course_2.presale .old_price { right: auto; left: 276px; bottom: 92px }
.course_2.presale .price { bottom: 58px }
.course_2.presale .price>span { font-size: 14px; padding-top: 5px }
.course_2.presale .btn_other_2 { width: 250px; left: 14px }
.course_2.presale .btn_go { width: 198px }
.course_2.presale .btn { font-size: 18px }
.course_2.presale .desc:before, .course_2.presale .desc>before { margin: 4px 2px 0 0 }
.course_3.presale .desc { width: 287px; left: 0; padding: 0 14px; top: 204px; line-height: 38px; height: 38px; border-bottom: solid 1px #ddd; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.course_3.presale .pri { left: 14px }
.course_3.presale .old_price { position: absolute; left: 0; top: -24px }
.course_3.presale .price>span { font-size: 14px; padding-top: 5px }
.course_3.presale .lesson { line-height: 22px; padding: 0 2px }
.course_3.presale .precount { top: 264px }
.course_3.presale .btn_go { text-indent: -10000px; width: 70px }
.course_3.presale .btn_go:before, .course_3.presale .btn_go>before { content: "GO>"; float: left; display: block; width: 100%; text-align: center; text-indent: 0 }
.course_3.presale .btn_other_2 { width: 215px }
.course_3.presale.course_onebtn .btn_go_0 { left: auto }
.course_3.presale .btn { font-size: 18px }
.course_3.presale .desc:before, .course_3.presale .desc>before { margin: 11px 2px 0 0 }
.course_4.presale .desc { width: 205px; left: 0; top: 156px; padding: 0 14px; line-height: 1.5em; height: 3.3em; border-bottom: solid 1px #ddd; overflow: hidden }
.course_4.presale .price>span { font-size: 14px; padding-top: 5px }
.course_4.presale .old_price { left: 14px }
.course_4.presale .price { bottom: 50px }
.course_4.presale .lesson { line-height: 22px; padding: 0 2px; bottom: 52px }
.course_4.presale .precount { top: 208px }
.course_4.presale .btn_go { text-indent: -10000px; width: 50px }
.course_4.presale .btn_go:before, .course_4.presale .btn_go>before { content: "GO>"; float: left; display: block; width: 100%; text-align: center; text-indent: 0 }
.course_4.presale .btn_other_2 { width: 153px }
.course_4.presale .desc:before, .course_4.presale .desc>before { margin: 3px 2px 0 0 }
.footer { background-color: #F5F5F5; padding: 10px; font-size: 1.26em }
.footer .foot-li { position: relative }
.footer .foot-li:after { content: ""; position: absolute; width: 1px; height: 55px; background-color: #DDD; right: 20px; top: 25px }
.footer .foot-li-last:after { display: none }
.footer a { color: #999; font-size: 14px }
.footer a:hover { color: #52b343 }
.footer .b-title { font-size: 20px; padding: 20px 0 10px 0; color: #666 }
.footer .b-cont { margin-bottom: 20px }
.footer .b-link a { display: block; float: left; padding: 5px 15px 5px 0 }
.footer .phone { color: #52b343; font-size: 18px; margin-right: 10px }
.footer .qr-a { position: relative; display: block; width: 36px; height: 24px; text-align: center; float: left }
.footer .qr-a .qr-pic { position: absolute; width: 95px; height: 100px; top: -100px; left: -35px; display: none }
.footer .qr-a .qr-pic img { display: block; width: 100%; height: 100% }
.footer .qr-a:hover .qr-pic { display: block }
.footer .qr-a:hover .icon-weibo { height: 20px; width: 20px; background-position: 0 -48px }
.footer .qr-a:hover .icon-weixin { height: 20px; width: 20px; background-position: 0 -28px }
.footer .copy { color: #999; height: 30px; line-height: 30px; text-align: center; font-size: 14px }
.footer .gov_item_box { overflow: hidden; text-align: center; width: 764px; margin: 0 auto; margin-top: 6px }
.footer .gov_item { float: left; border: 1px solid #dddddd; margin-right: 8px; height: 30px; line-height: 30px; color: #666; font-size: 12px; cursor: pointer; display: block }
.footer .gov_item1 { width: 148px }
.footer .gov_item2 { width: 142px }
.footer .gov_item3 { width: 148px }
.footer .gov_item4 { width: 142px }
.footer .gov_item5 { width: 142px; margin-right: 0 }
.footer .gov_item1 i, .footer .gov_item2 i, .footer .gov_item3 i, .footer .gov_item4 i, .footer .gov_item5 i { float: left; background: url(../Images/gov_icon.png) no-repeat }
.footer .gov_item1 i { width: 17px; height: 15px; background-position: 0 0; margin: 7px 8px 0px 6px }
.footer .gov_item2 i { width: 17px; height: 19px; background-position: 0 -50px; margin: 5px 10px 0px 8px }
.footer .gov_item3 i { width: 17px; height: 18px; background-position: 0 -100px; margin: 7px 3px 0px 8px }
.footer .gov_item4 i { width: 19px; height: 19px; background-position: 0 -150px; margin: 5px 6px 0px 6px }
.footer .gov_item5 i { width: 23px; height: 23px; background-position: 0 -200px; margin: 2px 6px 0px 7px }
.footer .gov_item:hover { color: #666 }
.footer .gov_item1:hover i { background-position: -50px 0px }
.footer .gov_item2:hover i { background-position: -50px -50px }
.footer .gov_item3:hover i { background-position: -50px -100px }
.footer .gov_item4:hover i { background-position: -50px -150px }
.footer .gov_item5:hover i { background-position: -50px -200px }
.footer .spliter { font-size: 12px; color: #aaa; vertical-align: top; line-height: 28px }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left }
.footer .main-block .b-cont { position: absolute; color: #FFF; z-index: 10; bottom: 15px; width: 100%; -webkit-transition: opacity .3s, -webkit-transform .3s; -ms-transition: opacity .3s, -ms-transform .3s; transition: opacity .3s, transform .3s }
.footer .main-block .b-cont p { line-height: 20px }
.footer .main-block .b-cont .b-title { font-size: 20px; margin-bottom: 5px; height: 24px }
.footer .fl { float: left }
.footer .fr { float: right }
.footer .cf { zoom: 1 }
.footer .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.footer .foot-li-last:after { display: none }
.footer .row { padding-bottom: 20px }
.footer .foot-li:after { right: 50px }
.footer .col-md-3 { width: 25% }
.footer .col-sm-0 { display: none }
.footer .icon { background: url(../Images/sprite-s.png) no-repeat; display: inline-block }
.footer .icon-weibo { height: 20px; width: 20px; background-position: -20px -48px }
.footer .icon-weixin { height: 20px; width: 20px; background-position: -20px -28px }
.footer .qr-a:hover .icon-weibo { height: 20px; width: 20px; background-position: 0 -48px }
.footer .qr-a:hover .icon-weixin { height: 20px; width: 20px; background-position: 0 -28px }
@media screen and (min-width: 1440px) {
.footer { padding: 40px 10px 20px }
.footer .row { padding-bottom: 20px }
.footer .foot-li:after { right: 50px }
}



video::-internal-media-controls-download-button {
display:none
}
video::-webkit-media-controls-enclosure {
overflow:hidden
}
video::-webkit-media-controls-panel {
width:calc(100% + 30px)
}
.video-ind { position: relative; display: none; width: 900px; height: 540px; border: 2px solid #46434c; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #000 }
.video-ind .dialog-close { position: absolute; z-index: 200; top: -17px; right: -23px; display: block; width: 26px; height: 26px; cursor: pointer; background: url(../Images/7daa3dbbfb8e0006dbe62fd993534e4b.png) no-repeat }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; height: 500px; width: 930px; margin-left: 0px }
.nopointer { cursor: default !important }
#class_gotop { position: absolute; right: -500px; display: none }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-wp8-horizontal { -ms-touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x }
.swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; background-color: #ccc; border-radius: 50%; cursor: pointer; margin: 0 15px }
.swiper-active-switch { background-color: #fff }
.slide-ban-ind { width: 100%; margin: 0 auto; height: 450px; position: relative }
.slide-ban-ind .slidmenbox { width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; background-color: #000; position: absolute; display: none; top: 0; left: 0 }
.slide-ban-ind .videopos { position: relative; cursor: pointer }
.slide-ban-ind .videopos .playbnt { width: 96px; height: 96px; background: url(../Images/whiteplaybtn.png) center no-repeat; position: absolute; left: 50%; top: 50%; z-index: 2; display: none; margin: -48px 0 0 -48px }
.slide-ban-ind .videopos:hover .slidmenbox { display: block }
.slide-ban-ind .swiper-slide { height: 660px; overflow: hidden; width: 930px; background-repeat: no-repeat; background-position: center center }
/*.slide-ban-ind .swiper-slide a { width: 100%; height: 660px; display: block }*/
.slide-ban-ind .pagination { position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; z-index: 10 }
.index-page .ff-container { position: relative; max-width: 1920px; width: 100%; height: 735px; margin: 0 auto }
.index-page .ff-container .ff-banner { width: 1920px; height: 735px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/bannerbg.png) center center no-repeat }
.index-page .ff-container .banner-bottom { position: absolute; bottom: -39px; left: 50%; width: 1920px; height: 80px; margin-left: -960px; background: url(../Images/compositepath.png) center center no-repeat }
.index-page .sf-container { position: relative; width: 100%; height: 695px }
.index-page .sf-container .sf-row { position: absolute; width: 1200px; left: 50%; margin-left: -500px; text-align: center }
.index-page .sf-container .sf-row .flbg { position: relative; margin: 0 auto; width: 900px; height: 117px; margin-top: 49px; background: url(../Images/1v1titlebg.png) center center no-repeat }
.index-page .sf-container .sf-row .flbg .fl { position: absolute; top: 39px; left: 20px; font-size: 40px; color: #fff }
.index-page .sf-container .sf-row .sl { position: relative; margin: 0 auto; margin-top: 15px; width: 288px; height: 27px; background: url(../Images/indexfloor1title.png) center center no-repeat }
.index-page .sf-container .sf-unit { margin-top: 82px; padding: 0 30px; box-sizing: border-box }
.index-page .sf-container .sf-unit .sf-title { color: #2db77b; font-size: 36px; margin-top: 49px; font-weight: bold; line-height: 1 }
.index-page .sf-container .sf-unit .sf-content { color: #333; font-size: 22px; line-height: 32px; margin-top: 45px }
.index-page .sf-container .sf-unit .sf-unit1 { float: left; width: 211px; text-align: center; margin-right: 40px }
.index-page .sf-container .sf-unit .sf-unit1 .sf-pic { width: 211px; height: 149px; background: url(../Images/100tesolcelta.png) center no-repeat; margin: 0 auto }
.index-page .sf-container .sf-unit .sf-unit2 { float: left; width: 245px; text-align: center; margin-right: 40px }
.index-page .sf-container .sf-unit .sf-unit2 .sf-pic { width: 221px; height: 146px; background: url(../Images/1002years.png) center no-repeat; margin: 0 auto }
.index-page .sf-container .sf-unit .sf-unit3 { float: left; width: 227px; text-align: center; margin-right: 40px }
.index-page .sf-container .sf-unit .sf-unit3 .sf-pic { position: relative; width: 227px; height: 148px; background: url(../Images/100pure.png) center no-repeat; margin: 0 auto }
.index-page .sf-container .sf-unit .sf-unit4 { float: left; width: 227px; text-align: center; margin-right: 40px }
.index-page .sf-container .sf-unit .sf-unit4 .sf-pic { position: relative; width: 227px; height: 148px; background: url(../Images/100pure1.png) center no-repeat; margin: 0 auto }
.index-page .tf-container { position: relative; max-width: 1920px; width: 100%; height: 888px; margin: 0 auto; background-color: #fcfbed }
.index-page .tf-container .tf-banner-top { width: 350px; height: 36px; position: absolute; left: 50%; top: -35px; margin-left: -175px; background: url(../Images/indexfloor3bgtop.png) center center no-repeat }
.index-page .tf-container .tf-banner { width: 1291px; height: 1205px; position: absolute; left: 50%; top: -70px; margin-left: -645px; background: url(../Images/experiencebg.png) center center no-repeat }
.index-page .tf-container .tf-content { position: absolute; left: 50%; width: 1000px; height: 888px; margin-left: -500px }
.index-page .tf-container .tf-content .title { font-size: 36px; line-height: 30px; color: #fff; position: relative; margin-top: 128px; margin-left: 40px }
.index-page .tf-container .tf-content .twotitle{ margin-top:6px;font-size: 36px; line-height: 30px; color: #fff; position: relative;margin-left: 40px  }
.index-page .tf-container .tf-content .note { width: 402px; font-size: 18px; color: #333; margin-top: 61px; margin-left: 33px; height: 190px }
.index-page .tf-container .tf-content .pic-note { text-align: center; position: relative }
.index-page .tf-container .tf-content .pic-note::after{ content:""; display:block; clear:both;}
.index-page .tf-container .tf-content .pic-note .l1 { font-size: 20px; color: #85553a }
.index-page .tf-container .tf-content .pic-note .l2 { font-size: 14px; color: #85553a; line-height: 20px; margin: 0 auto; margin-top: 7px }
.index-page .tf-container .tf-content .pic-note .pic1 { width: 200px; position: absolute;top: 208px; left: 90px;}
.index-page .tf-container .tf-content .pic-note .pic1 .l2 { width: 160px }
.index-page .tf-container .tf-content .pic-note .pic2 { width: 200px; position: absolute; top: 208px; left: 397px }
.index-page .tf-container .tf-content .pic-note .pic2 .l2 { width: 160px }
.index-page .tf-container .tf-content .pic-note .pic3 { width: 200px; position: absolute; top: 208px; left: 702px }
.index-page .tf-container .tf-content .pic-note .pic3 .l2 { width: 160px }
.index-page .interest-container { position: relative; max-width: 1920px; width: 1920; height: 792px; margin: 0 auto; background:url(../Images/interestbg.png) center center no-repeat; margin-top: -34px }
.index-page .interest-container .interest-content { position: absolute; left: 50%; width: 1000px; height: 742px; margin-left: -500px; top: 50px }
.index-page .interest-container .interest-content .play-video { position: absolute; width: 478px; height: 315px; background: url(../Images/bannerbg03.png) center center no-repeat; top: 213px; left: 63px }
.index-page .interest-container .interest-content .play-video .play-btn { position: absolute; width: 109px; height: 108px; background: url(../Images/playbtngreen.png) center center no-repeat; left: 50%; top: 50%; margin-top: -54px; margin-left: -55px; z-index: 100; cursor: pointer }
.index-page .interest-container .interest-content .box1 { position: relative; width: 510px; height: 105px; text-align:center; font-size: 36px; color: #2db754; margin-top: 80px; margin-left: 250px }
.index-page .interest-container .interest-content .box2 { position: relative; font-size: 28px; color: #fff; width: 362px; top: 20px; left: 609px; font-weight: bold }
.index-page .interest-container .interest-content .box3 { font-size: 16px;line-height: 25px; width: 500px; color: #636363; text-indent: -7px; position: relative; top: 46px; left: 588px; font-weight: bold }
.index-page .interest-container .interest-content .box3 li:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #fff; display: inline-block; vertical-align: middle; margin-right: 5px }


.index-page .interest-container .interest-content .box202 { position: relative; font-size: 28px; color: #fff;  width: 362px; top: 89px; left: 609px; font-weight: bold }
.index-page .interest-container .interest-content .box302 { font-size: 16px;line-height: 25px; width: 500px; color: #636363; text-indent: -7px; position: relative; top: 118px; left: 588px; font-weight: bold }
.index-page .interest-container .interest-content .box302 li:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #fff; display: inline-block; vertical-align: middle; margin-right: 5px }



.index-page .interest-container .interest-content .box203 { position: relative; font-size: 28px; color: #fff; width: 362px; top: 160px; left: 609px; font-weight: bold }
.index-page .interest-container .interest-content .box303 { font-size: 16px;line-height: 25px; width: 500px; color: #636363; text-indent: -7px; position: relative; top: 190px; left: 588px; font-weight: bold }
.index-page .interest-container .interest-content .box303 li:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #fff; display: inline-block; vertical-align: middle; margin-right: 5px }






.index-page .interest-container .interest-content .box4 { display: inline-block; position: relative; width: 86px; height: 86px; margin: 0 auto; background: url(../Images/play_btn_yellow.png) center center no-repeat; top: 237px; left: 114px; cursor: pointer }
.index-page .interest-container .interest-content .box5 { position: relative; display: inline-block; font-size: 24px; color: #fff; height: 76px; width: 362px; top: 203px; left: 95px; font-weight: bold }
.index-page .interest-container .interest-content .box6 { position: relative; display: inline-block; font-size: 14px; color: #fff; height: 76px; width: 362px; top: 202px; left: 40px }
.index-page .interest-container .interest-content .box6 li:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #fff; display: inline-block; vertical-align: middle; margin-right: 5px }
.index-page .ability-container { position: relative; max-width: 1920px; height: 799px; width: 100%; margin: 0 auto; background-color: #e1f6f2 }
.index-page .ability-container .ability-banner { position: absolute; width: 1310px; height: 799px; left: 50%; margin-left: -655px; background: url(../Images/6mode_bg.png) center center no-repeat ; background: url(../Images/6modebg2.png) no-repeat; background-size: contain }
.index-page .ability-container .ability-content { position: absolute; left: 50%; width: 1000px; height: 945px; margin-left: -500px }
.index-page .ability-container .ability-content .ability-box { position: relative; width: 100%; height: 100%; color: #fff; font-size: 40px; top: 62px; left: 363px }





/*教学体系*/
.index-page .class_container { position: relative; width: 100%; height: 785px }
.index-page .class_container .sf-row { position: absolute; width: 1200px; left: 50%; margin-left: -600px; text-align: center }
.index-page .class_container .sf-row .flbg { position: relative; margin: 0 auto; width: 920px; height: 117px; margin-top: 49px; background: url(../Images/1v1titlebg.png) center center no-repeat }
.index-page .class_container .sf-row .flbg .fl { position: absolute; top: 39px; left: 280px; font-size: 40px; color: #fff }
.index-page .class_container .sf-row .sl { position: relative; margin: 0 auto; margin-top: 15px; width: 288px; height: 27px; background: url(../Images/indexfloor1title.png) center center no-repeat }
.index-page .class_container .sf-unit { margin-top: 82px; padding: 0 30px; box-sizing: border-box }
.index-page .class_container .sf-unit .sf-title { color: #2db77b; font-size: 36px; margin-top: 49px; font-weight: bold; line-height: 1 }
.index-page .class_container .sf-unit .sf-content { color: #333; font-size: 22px; line-height: 32px; margin-top: 10px }
.index-page .class_container .sf-unit .sf_title{ color:#333; font-size:16px; line-height:22px; margin-top:20px;word-wrap:break-word ;}
.index-page .class_container .sf-unit .sf-unit1 { float: left; width: 221px; text-align: center; margin-right: 85px }
.index-page .class_container .sf-unit .sf-unit1 .sf-pic { width: 221px; height: 149px; background: url(../Images/teacher_01.png) center no-repeat; margin: 0 auto }
.index-page .class_container .sf-unit .sf-unit1:last-child{ margin-right:0;}
.index-page .class_container .sf-unit .sf-unit2 { float: left; width: 221px; text-align: center; margin-right: 85px }
.index-page .class_container .sf-unit .sf-unit2 .sf-pic { width: 221px; height: 146px; background: url(../Images/teacher_01.png) center no-repeat; margin: 0 auto }
.index-page .class_container .sf-unit .sf-unit3 { float: left; width: 221px; text-align: center; margin-right: 85px}
.index-page .class_container .sf-unit .sf-unit3 .sf-pic { position: relative; width: 221px; height: 148px; background: url(../Images/teacher_01.png) center no-repeat; margin: 0 auto }
.index-page .class_container .sf-unit .sf-unit4 { float: left; width: 221px; text-align: center }
.index-page .class_container .sf-unit .sf-unit4 .sf-pic { position: relative; width: 221px; height: 148px; background: url(../Images/teacher_01.png) center no-repeat; margin: 0 auto }


/*教学体系*/






.index-page .lf-container { position: relative; width: 100%; height: 410px }
.index-page .lf-container .lf-banner { width: 1920px; height: 410px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/dudaobg.png) center center no-repeat }
.index-page .lf-container .lf-row { position: absolute; width: 1000px; height: 410px; left: 50%; margin-left: -500px }
.index-page .lf-container .lf-row .fl { margin-top: 130px; margin-left: 100px; font-size: 40px; color: #32ba45 }
.index-page .lf-container .lf-row .sl { width: 360px; margin-top: 28px; margin-left: 100px; font-size: 16px; color: #666 }
.course-page .ff-container { position: relative; max-width: 1920px; width: 100%; height: 514px; margin: 0 auto }
.course-page .ff-container .ff-banner { width: 1920px; height: 514px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/bannerpic.png) center center no-repeat }
.course-page .ff-container .banner-bottom { position: absolute; bottom: -11px; left: 50%; width: 460px; height: 53px; margin-left: -230px; background: url(../Images/courseffcompositepath.png) center center no-repeat }
.course-page .sf-container { position: relative; width: 100%; height: 834px; background: url(../Images/coursefloor1bg.png) center bottom no-repeat }
.course-page .sf-container .sf-row { position: absolute; width: 1000px; height: 834px; left: 50%; margin-left: -500px; padding-top: 73px; text-align: center; box-sizing: border-box }
.course-page .sf-container .sf-row .fl { font-size: 38px; color: #1f2638 }
.course-page .sf-container .sf-row .sf-title { position: relative; width: 420px; height: 126px; margin-top: 70px; background: url(../Images/coursefloor1title01.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level { position: relative; width: 992px; height: 240px }
.course-page .sf-container .sf-row .sf-level .note-arrow { position: absolute; width: 14px; height: 8px; bottom: -8px; left: 50%; margin-left: -7px; opacity: 0.8; background: url(../Images/arrowdown.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .note-box { position: relative }
.course-page .sf-container .sf-row .sf-level .note-box .note { position: absolute; width: 124px; padding: 8px 12px; border-radius: 5px; background: rgba(0,0,0,0.4); color: #fff; z-index: 100; top: -49px; left: 50%; margin-left: -62px; box-sizing: border-box }
.course-page .sf-container .sf-row .sf-level .level9 { position: absolute; width: 90px; height: 220px; right: 0; bottom: 0; background: url(../Images/l9.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level8 { position: absolute; width: 90px; height: 200px; right: 94px; bottom: 0; z-index: 30; background: url(../Images/l8.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level7 { position: absolute; width: 90px; height: 180px; right: 188px; bottom: 0; background: url(../Images/l7.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level6 { position: absolute; width: 90px; height: 160px; right: 282px; bottom: 0; background: url(../Images/l6.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level5 { position: absolute; width: 90px; height: 140px; right: 376px; bottom: 0; z-index: 10; background: url(../Images/l5.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level4 { z-index: 30; position: absolute; width: 90px; height: 110px; right: 470px; bottom: 0; background: url(../Images/l4.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level3 { position: absolute; width: 90px; height: 90px; right: 564px; bottom: 0; background: url(../Images/l3.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level2 { position: absolute; width: 90px; height: 70px; right: 658px; bottom: 0; background: url(../Images/l2.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-level .level1 { position: absolute; width: 90px; height: 50px; right: 752px; bottom: 0; background: url(../Images/l1.png) center bottom no-repeat }
.course-page .sf-container .sf-row .sf-bottom { position: relative; width: 992px; height: 156px; background: url(../Images/floor1formtable.png) center bottom no-repeat }
.course-page .tf-container { position: relative; width: 100%; height: 696px; margin: 0 auto }
.course-page .tf-container .tf-banner { width: 1920px; height: 696px; position: absolute; left: 50%; top: 50%; margin-left: -960px; margin-top: -348px; background: url(../Images/coursefloor3bg.png) center center no-repeat }
.course-page .tf-container .tf-content { position: absolute; left: 50%; width: 1000px; height: 696px; margin-left: -500px }
.course-page .tf-container .tf-content .tf-box { height: 50px; width: 350px; position: relative; margin-top: 58px; margin-left: 568px; font-size: 32px; color: #fff; font-weight: bold }
.course-page .system-container { position: relative; max-width: 1920px; width: 100%; height: 1018px; margin: 0 auto; background: url(../Images/coursefloor4bg.png) center center no-repeat }
.course-page .system-container .banner-bottom { position: absolute; bottom: -40px; left: 50%; width: 1920px; height: 80px; margin-left: -960px; background: url(../Images/courselfcompositepath.png) center center no-repeat; z-index: 2 }
.course-page .system-container .system-content { position: absolute; left: 50%; width: 1000px; height: 1018px; margin-left: -500px }
.course-page .system-container .system-content .system-box { position: relative; height: 1018px; width: 100% }
.course-page .system-container .system-content .system-box .system-title { width: 420px; height: 126px; margin: 0 auto; background: url(../Images/floor3title01.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-note { margin-top: 38px; margin-left: 20px }
.course-page .system-container .system-content .system-box .system-note .main-course { float: left; width: 706px; height: 42px; background: url(../Images/floor3defzhuxiu.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-note .assist-course { float: left; margin-left: 10px; width: 230px; height: 42px; background: url(../Images/floor3deffuxiu.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-tab { margin-top: 12px; height: 90px }
.course-page .system-container .system-content .system-box .system-tab .tab1 { cursor: pointer; float: left; width: 238px; height: 72px; background: url(../Images/floor3tablivenormal.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-tab .tab1:hover { height: 85px; background: url(../Images/floor3tabliveselected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab1.hoverstate { height: 85px; background: url(../Images/floor3tabliveselected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab2 { cursor: pointer; float: left; width: 238px; height: 72px; background: url(../Images/floor3tabhomeworknormal.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-tab .tab2:hover { height: 85px; background: url(../Images/floor3tabhomeworkselected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab2.hoverstate { height: 85px; background: url(../Images/floor3tabhomeworkselected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab3 { cursor: pointer; float: left; width: 238px; height: 72px; background: url(../Images/floor3tabfeedbacknormal.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-tab .tab3:hover { height: 85px; background: url(../Images/floor3tabfeedbackselected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab3.hoverstate { height: 85px; background: url(../Images/floor3tabfeedbackselected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab4 { cursor: pointer; float: left; width: 238px; height: 72px; background: url(../Images/floor3_tab_picture_normal.png) center center no-repeat }
.course-page .system-container .system-content .system-box .system-tab .tab4:hover { height: 85px; background: url(../Images/floor3_tab_picture_selected.png) }
.course-page .system-container .system-content .system-box .system-tab .tab4.hoverstate { height: 85px; background: url(../Images/floor3_tab_picture_selected.png) }
.course-page .system-container .system-content .system-box #swiper-container { overflow: hidden; position: relative; height: 660px; width: 100%; border: 1px solid #d2d2d2; box-sizing: border-box }
.course-page .system-container .system-content .system-box #swiper-container .pagination { display: none }
.course-page .system-container .system-content .system-box #swiper-container .tab1-pic { width: 1000px; height: 660px; background: url(../Images/zhiboke.png) center center no-repeat; cursor: auto }
.course-page .system-container .system-content .system-box #swiper-container .tab2-pic { width: 1000px; height: 660px; background: url(../Images/kehoulianxi.png) center center no-repeat; cursor: auto }
.course-page .system-container .system-content .system-box #swiper-container .tab3-pic { width: 1000px; height: 660px; background: url(../Images/fankuiceping.png) center center no-repeat; cursor: auto }
.course-page .system-container .system-content .system-box #swiper-container .tab4-pic { width: 1000px; height: 660px; background: url(../Images/huibenke.png) center center no-repeat; cursor: auto }
.course-page .system-container .system-content .system-box #swiper-container .swiper-wrapper { height: 660px !important }
.course-page .system-container .system-content .system-box #swiper-container .swiper-slide { height: 660px !important }
.course-page .lf-container { position: relative; width: 100%; height: 600px }
.course-page .lf-container .lf-banner { width: 1920px; height: 600px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/coursefloor5bg.png) center center no-repeat }
.course-page .lf-container .lf-row { position: absolute; width: 1000px; left: 50%; margin-left: -540px; text-align: center }
.course-page .lf-container .lf-row .fl { margin-top: 248px; font-size: 48px; color: #fff; font-weight: bold }
.course-page .lf-container .lf-row .sl { margin-top: 48px; font-size: 28px; color: #fff }
.course-page .lf-container .lf-unit { margin-top: 120px }
.course-page .lf-container .lf-unit .lf-title { color: #fff; font-size: 24px; margin-top: 26px }
.course-page .lf-container .lf-unit .lf-content { color: #fff; font-size: 16px; margin-top: 17px }
.course-page .lf-container .lf-unit .lf-unit1 { display: inline-block; text-align: center; margin-right: 83px }
.course-page .lf-container .lf-unit .lf-unit1 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconapplynormal.png) center no-repeat; margin: 0 auto }
.course-page .lf-container .lf-unit .lf-unit1 .lf-pic:hover { background: url(../Images/level5iconapplyselected.png) }
.course-page .lf-container .lf-unit .lf-unit2 { display: inline-block; text-align: center; margin-right: 83px }
.course-page .lf-container .lf-unit .lf-unit2 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconlearnnormal.png) center no-repeat; margin: 0 auto }
.course-page .lf-container .lf-unit .lf-unit2 .lf-pic:hover { background: url(../Images/level5iconlearnselected.png) }
.course-page .lf-container .lf-unit .lf-unit3 { display: inline-block; margin-right: 83px; text-align: center }
.course-page .lf-container .lf-unit .lf-unit3 .lf-pic { position: relative; width: 134px; height: 134px; background: url(../Images/level5icontelecastnormal.png) center no-repeat; margin: 0 auto }
.course-page .lf-container .lf-unit .lf-unit3 .lf-pic:hover { background: url(../Images/level5icontelecastselected.png) }
.course-page .lf-container .lf-unit .lf-unit4 { display: inline-block; text-align: center; margin-right: 83px }
.course-page .lf-container .lf-unit .lf-unit4 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconexercisenormal.png) center no-repeat; margin: 0 auto }
.course-page .lf-container .lf-unit .lf-unit4 .lf-pic:hover { background: url(../Images/level5iconexerciseselected.png) }
.course-page .lf-container .lf-unit .lf-unit5 { display: inline-block; text-align: center }
.course-page .lf-container .lf-unit .lf-unit5 .lf-pic { position: relative; width: 134px; height: 134px; background: url(../Images/level5iconstagenormal.png) center no-repeat; margin: 0 auto }
.course-page .lf-container .lf-unit .lf-unit5 .lf-pic:hover { background: url(../Images/level5iconstageselected.png) }
.teacher-page .ff-container { position: relative; max-width: 1920px; width: 100%; height: 514px; margin: 0 auto }
.teacher-page .ff-container .ff-banner { width: 1920px; height: 514px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/waijiaobanner.png) center center no-repeat }
.teacher-page .ff-container .banner-bottom { position: absolute; bottom: -1px; left: 50%; width: 1920px; height: 80px; margin-left: -960px; bottom: -60px; background: url(../Images/compositepath.png) center center no-repeat }
.teacher-page .sf-container { position: relative; width: 100%; height: 497px }
.teacher-page .sf-container .sf-row { position: absolute; width: 1000px; left: 50%; margin-left: -500px; text-align: center }
.teacher-page .sf-container .sf-unit { margin-top: 101px }
.teacher-page .sf-container .sf-unit .sf-title { color: #2db77b; font-size: 36px; margin-top: 60px; font-weight: bold; line-height: 1 }
.teacher-page .sf-container .sf-unit .sf-content { color: #333; font-size: 20px; line-height: 32px; margin-top: 45px }
.teacher-page .sf-container .sf-unit .sf-unit1 { float: left; text-align: center; width: 270px }
.teacher-page .sf-container .sf-unit .sf-unit1 .sf-pic { width: 158px; height: 112px; background: url(../Images/teaff1.png) center bottom no-repeat; margin: 0 auto }
.teacher-page .sf-container .sf-unit .sf-unit2 { float: left; text-align: center; width: 240px }
.teacher-page .sf-container .sf-unit .sf-unit2 .sf-pic { width: 170px; height: 112px; background: url(../Images/teaff2.png) center bottom no-repeat; margin: 0 auto }
.teacher-page .sf-container .sf-unit .sf-unit3 { float: left; text-align: center; width: 240px }
.teacher-page .sf-container .sf-unit .sf-unit3 .sf-pic { position: relative; width: 184px; height: 112px; background: url(../Images/teaff3.png) center bottom no-repeat; margin: 0 auto }
.teacher-page .sf-container .sf-unit .sf-unit4 { float: left; text-align: center; width: 250px }
.teacher-page .sf-container .sf-unit .sf-unit4 .sf-pic { position: relative; width: 198px; height: 112px; background: url(../Images/teaff4.png) center bottom no-repeat; margin: 0 auto }
.teacher-page .tf-container { position: relative; width: 100%; height: 1225px; margin: 0 auto; margin-top: -50px }
.teacher-page .tf-container .tf-banner { width: 1920px; height: 1225px; position: absolute; left: 50%; top: 50%; margin-left: -960px; margin-top: -612px; background: url(../Images/teacherselectbg.png) center center no-repeat }
.teacher-page .tf-container .tf-content { position: absolute; left: 50%; width: 1075px; height: 1225px; margin-left: -500px }
.teacher-page .tf-container .tf-content .tf-box1 { position: relative; height: 620px }
.teacher-page .tf-container .tf-content .tf-box1 .tf-title { position: absolute; font-size: 40px; color: #fff; top: 75px; left: 656px; font-weight: bold }
.teacher-page .tf-container .tf-content .tf-box1 .tf-idea { width: 388px; position: relative; font-size: 22px; color: #333; top: 172px; left: 617px; text-indent: -22px }
.teacher-page .tf-container .tf-content .tf-box1 .tf-idea li { height: 59px }
.teacher-page .tf-container .tf-content .tf-box1 .tf-idea li:before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #6c6; display: inline-block; margin-right: 13px; vertical-align: middle; margin-top: -3px }
.teacher-page .tf-container .tf-content .tf-box2 { position: relative; height: 520px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-lf { position: absolute; top: 42px; left: 0; width: 396px; height: 300px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-lf .t1-txt { position: relative; font-size: 40px; color: #333; top: 34px; left: 23px; height: 100px; font-weight: bold }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-lf .t2-txt { position: relative; font-size: 24px; color: #333; margin-top: 34px; margin-left: 23px; height: 26px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-lf .t3-txt { position: relative; font-size: 20px; color: #333; margin-top: 54px; margin-left: 23px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt { position: absolute; top: 0; right: 0; width: 600px; height: 500px; font-size: 32px; font-weight: bold; color: #fff }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt .note { font-size: 24px; font-weight: normal; color: #fff; margin-left: 31px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt .note em { font-size: 32px; font-style: normal }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt .step1 { position: absolute; top: 0px; left: -23px; height: 100px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt .step2 { position: absolute; top: 136px; left: 43px; height: 100px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt .step3 { position: absolute; top: 284px; left: 161px; height: 100px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt .step4 { position: absolute; top: 434px; left: 228px; height: 100px }
.teacher-page .tf-container .tf-content .tf-box2 .tf-box2-rt li:before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #fff; display: inline-block; margin-right: 13px; vertical-align: middle; margin-top: -3px }
.teacher-page .greenPass-container { position: relative; max-width: 1920px; width: 100%; height: 724px; margin: 0 auto; background: url(../Images/greenpassbg.png) center center no-repeat }
.teacher-page .greenPass-container .rocket-icon { position: absolute; right: 168px; top: -92px; width: 100px; height: 124px; background: url(../Images/rocket.png) center center no-repeat }
.teacher-page .greenPass-container .greenPass-content { position: absolute; left: 50%; width: 1000px; height: 500px; margin-left: -500px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box { position: relative; height: 724px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-title { position: relative; height: 160px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-title .t1 { position: absolute; width: 507px; height: 127px; background: url(../Images/greenpasstitlebg.png) center center no-repeat; top: 0; left: 50%; margin-left: -253px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-title .t1 .txt { position: absolute; font-size: 39px; color: #fefeff; top: 45px; left: 84px; font-weight: bold }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-title .t2 { position: absolute; font-size: 22px; height: 24px; color: #333; top: 127px; left: 399px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content { position: relative; height: 600px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content .greenPass-lf { position: absolute; top: 64px; left: 0; width: 547px; height: 389px; background: url(../Images/greenpass.png) center center no-repeat }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content .greenPass-rt { position: absolute; width: 400px; height: 400px; top: 0; right: -20px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content .greenPass-rt .greenPass-rt-box1 { position: relative; height: 120px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content .greenPass-rt .greenPass-rt-box1 .t1 { position: absolute; top: 85px; left: 0; font-size: 28px; line-height: 24px; color: #333333; font-weight: bold }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content .greenPass-rt .greenPass-rt-box2 { position: relative; height: 150px }
.teacher-page .greenPass-container .greenPass-content .greenPass-box .greenPass-content .greenPass-rt .greenPass-rt-box2 .t2 { position: absolute; top: 40px; left: 0; width: 330px; text-align: left; line-height: 26px; font-size: 16px; color: #999 }



.teacher-container { position: relative; width: 1921px; height: 788px; width: 100%; background:#fcfbed  url(../Images/teacherlfbg.png) center center no-repeat }
.teacher-container .teac-hover-tea { position: absolute; width: 1026px; height: 788px; left: 50%; margin-left: -512px }
.teacher-container .teac-hover-tea .teacher-detail-info { position: absolute; font-size: 40px; color: #131313; left: 50%; width: 300px; top: 72px; margin-left: -150px }
.teacher-container .teac-hover-tea .teach-item-scroll { position: relative; margin: 195px auto 0px; height: 498px; padding-left: 59px; box-sizing: border-box }
.teacher-container .teac-hover-tea .teach-item-scroll .prev-item, .teacher-page .teacher-container .teac-hover-tea .teach-item-scroll .next-item { position: absolute; height: 57px; width: 57px; top: 50%; margin-top: -30px; z-index: 4; cursor: pointer }
.teacher-container .teac-hover-tea .teach-item-scroll .prev-item { left: 0px; background: url(../Images/arrowl.png) center no-repeat }
.teacher-container .teac-hover-tea .teach-item-scroll .prev-item:hover { background: url(../Images/arrowlhover.png) center no-repeat }
.teacher-container .teac-hover-tea .teach-item-scroll .next-item { right: 0px; background: url(../Images/arrowr.png) center no-repeat }
.teacher-container .teac-hover-tea .teach-item-scroll .next-item:hover { background: url(../Images/arrowrhover.png) center no-repeat }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit { float: left; overflow: hidden; min-height: 430px; width: 291px; height: 498px; border-radius: 14px; background: #fff; margin: 0px 18px 0px 0px }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .inner-img { display: block; height: 243px;width: 100%; }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-name { margin-top: 12px; font-size: 24px; color: #333333; display: block; height: 28px; line-height: 28px; text-align: center }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-star48,.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-star49 { margin: 10px auto 0px; text-align: center;  height: 26px; line-height: 36px; color: #333; font-size: 20px }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-star49 { background: url(../Images/star49.png) center left no-repeat }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-general { display: block; font-size: 14px; line-height: 26px; text-align: center; color: #333; margin-top: 16px; line-height: 1 }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-detail-p1, .teacher-page .teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-detail-p2 { width: 240px; color: #666666; font-size: 14px; line-height: 24px; text-align: left; padding: 10px 31px 43px 27px }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit .teacher-detail-p2 { padding-top: 8px }
.teacher-container .teac-hover-tea .teach-item-scroll .scroll-unit:last-child { margin-right: 0px !important }



.teacher-page .lf-container { position: relative; width: 100%; height: 600px }
.teacher-page .lf-container .lf-banner { width: 1920px; height: 600px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/level5bg.png) center center no-repeat }
.teacher-page .lf-container .lf-row { position: absolute; width: 1075px; left: 50%; margin-left: -540px; text-align: center }
.teacher-page .lf-container .lf-row .sl { margin-top: 88px; font-size: 40px; color: #fff }
.teacher-page .lf-container .lf-unit { margin-top: 120px }
.teacher-page .lf-container .lf-unit .lf-title { color: #fff; font-size: 24px; margin-top: 26px }
.teacher-page .lf-container .lf-unit .lf-content { color: #fff; font-size: 16px; margin-top: 17px }
.teacher-page .lf-container .lf-unit .lf-unit1 { display: inline-block; text-align: center; margin-right: 83px }
.teacher-page .lf-container .lf-unit .lf-unit1 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconapplynormal.png) center no-repeat; margin: 0 auto }
.teacher-page .lf-container .lf-unit .lf-unit1 .lf-pic:hover { background: url(../Images/level5iconapplyselected.png) }
.teacher-page .lf-container .lf-unit .lf-unit2 { display: inline-block; text-align: center; margin-right: 83px }
.teacher-page .lf-container .lf-unit .lf-unit2 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconlearnnormal.png) center no-repeat; margin: 0 auto }
.teacher-page .lf-container .lf-unit .lf-unit2 .lf-pic:hover { background: url(../Images/level5iconlearnselected.png) }
.teacher-page .lf-container .lf-unit .lf-unit3 { display: inline-block; margin-right: 83px; text-align: center }
.teacher-page .lf-container .lf-unit .lf-unit3 .lf-pic { position: relative; width: 134px; height: 134px; background: url(../Images/level5icontelecastnormal.png) center no-repeat; margin: 0 auto }
.teacher-page .lf-container .lf-unit .lf-unit3 .lf-pic:hover { background: url(../Images/level5icontelecastselected.png) }
.teacher-page .lf-container .lf-unit .lf-unit4 { display: inline-block; text-align: center; margin-right: 83px }
.teacher-page .lf-container .lf-unit .lf-unit4 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconexercisenormal.png) center no-repeat; margin: 0 auto }
.teacher-page .lf-container .lf-unit .lf-unit4 .lf-pic:hover { background: url(../Images/level5iconexerciseselected.png) }
.teacher-page .lf-container .lf-unit .lf-unit5 { display: inline-block; text-align: center }
.teacher-page .lf-container .lf-unit .lf-unit5 .lf-pic { position: relative; width: 134px; height: 134px; background: url(../Images/level5iconstagenormal.png) center no-repeat; margin: 0 auto }
.teacher-page .lf-container .lf-unit .lf-unit5 .lf-pic:hover { background: url(../Images/level5iconstageselected.png) }
.class-page .ff-container { position: relative; max-width: 1920px; width: 100%; height: 514px; margin: 0 auto }
.class-page .ff-container .ff-banner { width: 1920px; height: 514px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/guidebanner.png) center center no-repeat }
.class-page .ff-container .banner-bottom { position: absolute; bottom: -1px; left: 50%; width: 1920px; height: 80px; margin-left: -960px; background: url(../Images/compositepath.png) center center no-repeat }
.class-page .sf-container { position: relative; width: 100%; height: 541px }
.class-page .sf-container .sf-row { position: absolute; width: 1000px; left: 50%; margin-left: -500px; text-align: center }
.class-page .sf-container .sf-row .fl { font-size: 38px; color: #1f2638 }
.class-page .sf-container .sf-row .sl { margin-top: 21px; font-size: 20px; color: #2f3543 }
.class-page .sf-container .sf-unit { margin-top: 101px }
.class-page .sf-container .sf-unit .sf-title { color: #333333; font-size: 20px; margin-top: 60px; font-weight: bold; line-height: 20px }
.class-page .sf-container .sf-unit .sf-content { color: #666; font-size: 18px; margin-top: 17px }
.class-page .sf-container .sf-unit .sf-unit1 { display: inline-block; width: 290px; text-align: center; margin-right: 100px }
.class-page .sf-container .sf-unit .sf-unit1 .sf-pic { width: 232px; height: 138px; background: url(../Images/leveliconwindows.png) center no-repeat; margin: 0 auto }
.class-page .sf-container .sf-unit .sf-unit2 { display: inline-block; width: 219px; text-align: center; margin-right: 137px }
.class-page .sf-container .sf-unit .sf-unit2 .sf-pic { width: 219px; height: 139px; background: url(../Images/leveliconmac.png) center no-repeat; margin: 0 auto }
.class-page .sf-container .sf-unit .sf-unit3 { display: inline-block; width: 232px; text-align: center }
.class-page .sf-container .sf-unit .sf-unit3 .sf-pic { position: relative; width: 232px; height: 151px; background: url(../Images/leveliconipad.png) center no-repeat; margin: 0 auto; top: 10px }
.class-page .tf-container { position: relative; max-width: 1920px; width: 100%; height: 650px; margin: 0 auto }
.class-page .tf-container .tf-banner { width: 1920px; height: 650px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/level2bg.png) center center no-repeat }
.class-page .tf-container .tf-content { position: absolute; left: 50%; width: 1075px; height: 650px; margin-left: -500px }
.class-page .tf-container .tf-content .tf-box { position: relative }
.class-page .tf-container .tf-content .tf-lf { position: relative; height: 300px }
.class-page .tf-container .tf-content .tf-lf .lf-t1 { position: absolute; top: 42px; left: 0; width: 522px; height: 127px; background: url(../Images/level2title01.png) center center no-repeat }
.class-page .tf-container .tf-content .tf-lf .lf-t1 .t1-txt { position: relative; font-size: 34px; color: #fefeff; top: 49px; left: 101px; font-weight: bold }
.class-page .tf-container .tf-content .tf-lf .lf-t2 { position: absolute; top: 184px; left: 101px; font-size: 20px; color: #2f3543; line-height: 36px }
.class-page .tf-container .tf-content .tf-rt { position: absolute; top: 119px; right: 110px; width: 508px; height: 494px; background: url(../Images/level2pic.png) center center no-repeat }
.class-page .step2-container { position: relative; max-width: 1920px; width: 100%; height: 500px; margin: 0 auto; background-color: #fff }
.class-page .step2-container .step2-content { position: absolute; left: 50%; width: 1000px; height: 500px; margin-left: -500px }
.class-page .step2-container .step2-content .step2-box { position: relative }
.class-page .step2-container .step2-content .step2-box .step2-lf { position: absolute; top: 89px; left: 0; width: 394px; height: 326px; background: url(../Images/level3pic.png) center center no-repeat }
.class-page .step2-container .step2-content .step2-box .step2-rt { position: absolute; top: 92px; right: 0; height: 320px }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t1 { position: relative; width: 522px; height: 127px; background: url(../Images/level2title02.png) center center no-repeat }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t1 .t1-txt { position: relative; font-size: 34px; color: #fefeff; top: 50px; left: 105px; font-weight: bold }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t2-box { position: relative; height: 100px }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t2-box .step2-t2 { position: absolute; top: 37px; font-size: 20px; line-height: 36px; color: #2f3543; right: 30px }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t3-box { position: relative }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t3-box .step2-t3 { display: block; margin: 0 auto; margin-top: 53px; width: 273px; height: 52px; background: url(../Images/level3btnnormal.png) center center no-repeat; text-align: center; line-height: 52px; font-size: 24px; color: #fefeff }
.class-page .step2-container .step2-content .step2-box .step2-rt .step2-t3-box .step2-t3:hover { background: url(../Images/level3btnhover.png) }
.class-page .step3-container { position: relative; max-width: 1920px; width: 100%; height: 690px; margin: 0 auto; background: #e1f6f2 }
.class-page .step3-container .step3-content { position: absolute; left: 50%; width: 1024px; height: 690px; margin-left: -500px }
.class-page .step3-container .step3-content .step3-box { position: relative; width: 100%; height: 100% }
.class-page .step3-container .step3-content .step3-lf { position: relative; height: 300px; padding-top: 57px }
.class-page .step3-container .step3-content .step3-lf .lf-t1-box { position: relative; height: 124px }
.class-page .step3-container .step3-content .step3-lf .lf-t1 { position: absolute; top: 0; left: 0; width: 507px; height: 127px; background: url(../Images/level2title03.png) center center no-repeat }
.class-page .step3-container .step3-content .step3-lf .lf-t1 .t1-txt { position: relative; font-size: 34px; color: #fefeff; top: 50px; left: 92px; font-weight: bold }
.class-page .step3-container .step3-content .step3-lf .lf-t2 { position: relative; height: 65px }
.class-page .step3-container .step3-content .step3-lf .lf-t2 .t2-txt { position: absolute; top: 0; left: 101px; font-size: 20px; color: #2f3543; line-height: 36px }
.class-page .step3-container .step3-content .step3-lf .lf-t3 { position: relative; margin-top: 44px; width: 520px; height: 314px; background: url(../Images/level4picipad.png) center center no-repeat }
.class-page .step3-container .step3-content .step3-rt { position: absolute; top: 66px; right: 0; width: 472px; height: 624px; background: url(../Images/pic.png) center center no-repeat }
.class-page .lf-container { position: relative; width: 100%; height: 600px }
.class-page .lf-container .lf-banner { width: 1920px; height: 600px; position: absolute; left: 50%; margin-left: -960px; background: url(../Images/level5bg.png) center center no-repeat }
.class-page .lf-container .lf-row { position: absolute; width: 1075px; left: 50%; margin-left: -540px; text-align: center }
.class-page .lf-container .lf-row .sl { margin-top: 88px; font-size: 40px; color: #fff; font-weight: bold }
.class-page .lf-container .lf-unit { margin-top: 120px }
.class-page .lf-container .lf-unit .lf-title { color: #fff; font-size: 24px; margin-top: 26px }
.class-page .lf-container .lf-unit .lf-content { color: #fff; font-size: 16px; margin-top: 12px; line-height: 1 }
.class-page .lf-container .lf-unit .lf-unit1 { display: inline-block; text-align: center; margin-right: 83px }
.class-page .lf-container .lf-unit .lf-unit1 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconapplynormal.png) center no-repeat; margin: 0 auto }
.class-page .lf-container .lf-unit .lf-unit2 { display: inline-block; text-align: center; margin-right: 83px }
.class-page .lf-container .lf-unit .lf-unit2 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconlearnnormal.png) center no-repeat; margin: 0 auto }
.class-page .lf-container .lf-unit .lf-unit3 { display: inline-block; margin-right: 83px; text-align: center }
.class-page .lf-container .lf-unit .lf-unit3 .lf-pic { position: relative; width: 134px; height: 134px; background: url(../Images/level5icontelecastnormal.png) center no-repeat; margin: 0 auto }
.class-page .lf-container .lf-unit .lf-unit4 { display: inline-block; text-align: center; margin-right: 83px }
.class-page .lf-container .lf-unit .lf-unit4 .lf-pic { width: 134px; height: 134px; background: url(../Images/level5iconexercisenormal.png) center no-repeat; margin: 0 auto }
.class-page .lf-container .lf-unit .lf-unit5 { display: inline-block; text-align: center }
.class-page .lf-container .lf-unit .lf-unit5 .lf-pic { position: relative; width: 134px; height: 134px; background: url(../Images/level5iconstagenormal.png) center no-repeat; margin: 0 auto }
#Topic92532-Area52644 { position: absolute }
#Topic92532-Area52644 #form-Area52644 { position: relative; width: 340px; height: 414px; background: url(../Images/loginbg.png) center no-repeat !important; top: 65px; left: 645px }
#Topic92532-Area52644 #form-Area52644 .radio-wrap { display: inline-block; width: 130px; box-sizing: border-box; padding: 0 !important; height: 48px }
#Topic92532-Area52644 #form-Area52644 .radio-wrap ._group { position: relative; left: -1px; width: 132px !important; height: 48px; z-index: 999; font-size: 18px }
#Topic92532-Area52644 #form-Area52644 .radio-wrap .hjfri.active { background: url(../Images/loginbtnselected.png) center no-repeat !important; color: #fff !important }
#Topic92532-Area52644 #form-Area52644 .radio-wrap ._radio-item { cursor: pointer; float: left; line-height: 48px; height: 48px; color: #fff !important; text-align: center; overflow: hidden }
#Topic92532-Area52644 #form-Area52644 .radio-wrap ._radio-item ._value { border: none !important }
#Topic92532-Area52644 #form-Area52644 .radio-wrap ._label { display: none }
#Topic92532-Area52644 #form-Area52644 .select-wrap { position: relative; right: -18px; display: inline-block; width: 130px !important; box-sizing: border-box; padding: 0 !important; height: 48px; border-radius: 24px; overflow-x: hidden }
#Topic92532-Area52644 #form-Area52644 .select-wrap select { position: absolute; left: 15px; top: 0; width: 107px !important; height: 48px; margin-left: 0 !important; z-index: 100 }
#Topic92532-Area52644 #form-Area52644 .select-wrap select option { color: #000 }
#Topic92532-Area52644 #form-Area52644 .text-wrap { width: 280px; height: 52px; box-sizing: border-box }
#Topic92532-Area52644 #form-Area52644 .text-wrap label { display: none !important }
#Topic92532-Area52644 #form-Area52644 .text-wrap input { margin: 0px 10px !important; width: 240px !important }
#Topic92532-Area52644 ._titles { width: 280px }
#Topic92532-Area52644 .hj-form-container { border-radius: 8px }
#Topic92532-Area52644 .hj-form-container.__inset .ib { display: inline-block }
#Topic92532-Area52644 .hj-form-container.__inset .container { width: auto; padding: 30px 30px 30px }
#Topic92532-Area52644 .hj-form-container.__inset ._inputs .ib { margin-bottom: 10px }
#Topic92532-Area52644 ._form-tip { display: none }
#Topic92532-Area52644 .hj-form-container ._titles h3 { color: #fff !important; font-size: 28px !important }
#Topic92532-Area52644 .hj-form-container ._titles h4 { color: #fff !important; font-size: 16px !important }
#Topic92532-Area52644 .hj-form-container.__inset .btn { width: 280px; height: 52px; line-height: 52px; font-size: 24px; background: url(../Images/loginbtnnormal.png) center no-repeat !important }
#Topic92532-Area52644 .hj-form-container .form-control { font-size: 16px; color: #fff }
#Topic92532-Area52644 .hj-form-container .form-control-wrap { position: relative; padding: 14px 0 14px 10px; border: none; height: 30px; background: rgba(0,0,0,0.35); border-radius: 24px }
#Topic92532-Area52644 .hj-form-container .form-control-wrap:hover { background: rgba(0,0,0,0.5) }
#Topic92532-Area52644 .hj-form-container .form-control-wrap ._label, #Topic92532-Area52644 .hj-form-container .form-control-wrap ._label-real { position: absolute; text-align: center; top: 0; left: 0 !important; right: 0 !important; display: block; padding: 9px 0; line-height: 30px; height: 30px; overflow: hidden; color: #fff; font-size: 18px; background: rgba(0,0,0,0.35); border-radius: 24px; pointer-events: none; display: none !important }
#Topic92532-Area52644 .hj-form-container ._form-error { font-size: 16px; position: relative; left: 10px; margin: 0 !important; color: #fff; height: 20px; line-height: 10px }
#Topic92532-Area52644 .hj-form-container .form-control-wrap.select-wrap ._label-extra { display: none !important }
#Topic92586-Area52728 { position: absolute }
#Topic92586-Area52728 #form-Area52728 { position: relative; width: 340px; height: 414px; background: url(../Images/loginbg.png) center no-repeat !important; top: 36px; left: 645px }
#Topic92586-Area52728 #form-Area52728 .radio-wrap { display: inline-block; width: 130px; box-sizing: border-box; padding: 0 !important; height: 48px }
#Topic92586-Area52728 #form-Area52728 .radio-wrap ._group { position: relative; left: -1px; width: 132px !important; height: 48px; z-index: 999; font-size: 18px }
#Topic92586-Area52728 #form-Area52728 .radio-wrap .hjfri.active { background: url(../Images/loginbtnselected.png) center no-repeat !important; color: #fff !important }
#Topic92586-Area52728 #form-Area52728 .radio-wrap ._radio-item { cursor: pointer; float: left; line-height: 48px; height: 48px; color: #fff !important; text-align: center; overflow: hidden }
#Topic92586-Area52728 #form-Area52728 .radio-wrap ._radio-item ._value { border: none !important }
#Topic92586-Area52728 #form-Area52728 .radio-wrap ._label { display: none }
#Topic92586-Area52728 #form-Area52728 .select-wrap { position: relative; right: -18px; display: inline-block; width: 130px !important; box-sizing: border-box; padding: 0 !important; height: 48px; border-radius: 24px; overflow-x: hidden }
#Topic92586-Area52728 #form-Area52728 .select-wrap select { position: absolute; left: 15px; top: 0; width: 107px !important; height: 48px; margin-left: 0 !important; z-index: 100 }
#Topic92586-Area52728 #form-Area52728 .select-wrap select option { color: #000 }
#Topic92586-Area52728 #form-Area52728 .text-wrap { width: 280px; height: 52px; box-sizing: border-box }
#Topic92586-Area52728 #form-Area52728 .text-wrap label { display: none !important }
#Topic92586-Area52728 #form-Area52728 .text-wrap input { margin: 0px 10px !important; width: 240px !important }
#Topic92586-Area52728 ._titles { width: 280px }
#Topic92586-Area52728 .hj-form-container { border-radius: 8px }
#Topic92586-Area52728 .hj-form-container.__inset .ib { display: inline-block }
#Topic92586-Area52728 .hj-form-container.__inset .container { width: auto; padding: 30px 30px 30px }
#Topic92586-Area52728 .hj-form-container.__inset ._inputs .ib { margin-bottom: 10px }
#Topic92586-Area52728 ._form-tip { display: none }
#Topic92586-Area52728 .hj-form-container ._titles h3 { color: #fff !important; font-size: 28px !important }
#Topic92586-Area52728 .hj-form-container ._titles h4 { color: #fff !important; font-size: 16px !important }
#Topic92586-Area52728 .hj-form-container.__inset .btn { width: 280px; height: 52px; line-height: 52px; font-size: 24px; background: url(../Images/loginbtnnormal.png) center no-repeat !important }
#Topic92586-Area52728 .hj-form-container .form-control { font-size: 16px; color: #fff }
#Topic92586-Area52728 .hj-form-container .form-control-wrap { position: relative; padding: 14px 0 14px 10px; border: none; height: 30px; background: rgba(0,0,0,0.35); border-radius: 24px }
#Topic92586-Area52728 .hj-form-container .form-control-wrap:hover { background: rgba(0,0,0,0.5) }
#Topic92586-Area52728 .hj-form-container .form-control-wrap ._label, #Topic92586-Area52728 .hj-form-container .form-control-wrap ._label-real { position: absolute; text-align: center; top: 0; left: 0 !important; right: 0 !important; display: block; padding: 9px 0; line-height: 30px; height: 30px; overflow: hidden; color: #fff; font-size: 18px; background: rgba(0,0,0,0.35); border-radius: 24px; pointer-events: none; display: none !important }
#Topic92586-Area52728 .hj-form-container ._form-error { font-size: 16px; position: relative; left: 10px; margin: 0 !important; color: #fff; height: 20px; line-height: 10px }
#Topic92586-Area52728 .hj-form-container .form-control-wrap.select-wrap ._label-extra { display: none !important }
#Topic92585-Area52734 { position: absolute }
#Topic92585-Area52734 #form-Area52734 { position: relative; width: 340px; height: 414px; background: url(../Images/loginbg.png) center no-repeat !important; top: 32px; left: 645px }
#Topic92585-Area52734 #form-Area52734 .radio-wrap { display: inline-block; width: 130px; box-sizing: border-box; padding: 0 !important; height: 48px }
#Topic92585-Area52734 #form-Area52734 .radio-wrap ._group { position: relative; left: -1px; width: 132px !important; height: 48px; z-index: 999; font-size: 18px }
#Topic92585-Area52734 #form-Area52734 .radio-wrap .hjfri.active { background: url(../Images/loginbtnselected.png) center no-repeat !important; color: #fff !important }
#Topic92585-Area52734 #form-Area52734 .radio-wrap ._radio-item { cursor: pointer; float: left; line-height: 48px; height: 48px; color: #fff !important; text-align: center; overflow: hidden }
#Topic92585-Area52734 #form-Area52734 .radio-wrap ._radio-item ._value { border: none !important }
#Topic92585-Area52734 #form-Area52734 .radio-wrap ._label { display: none }
#Topic92585-Area52734 #form-Area52734 .select-wrap { position: relative; right: -18px; display: inline-block; width: 130px !important; box-sizing: border-box; padding: 0 !important; height: 48px; border-radius: 24px; overflow-x: hidden }
#Topic92585-Area52734 #form-Area52734 .select-wrap select { position: absolute; left: 15px; top: 0; width: 107px !important; height: 48px; margin-left: 0 !important; z-index: 100 }
#Topic92585-Area52734 #form-Area52734 .select-wrap select option { color: #000 }
#Topic92585-Area52734 #form-Area52734 .text-wrap { width: 280px; height: 52px; box-sizing: border-box }
#Topic92585-Area52734 #form-Area52734 .text-wrap label { display: none !important }
#Topic92585-Area52734 #form-Area52734 .text-wrap input { margin: 0px 10px !important; width: 240px !important }
#Topic92585-Area52734 ._titles { width: 280px }
#Topic92585-Area52734 .hj-form-container { border-radius: 8px }
#Topic92585-Area52734 .hj-form-container.__inset .ib { display: inline-block }
#Topic92585-Area52734 .hj-form-container.__inset .container { width: auto; padding: 30px 30px 30px }
#Topic92585-Area52734 .hj-form-container.__inset ._inputs .ib { margin-bottom: 10px }
#Topic92585-Area52734 ._form-tip { display: none }
#Topic92585-Area52734 .hj-form-container ._titles h3 { color: #fff !important; font-size: 28px !important }
#Topic92585-Area52734 .hj-form-container ._titles h4 { color: #fff !important; font-size: 16px !important }
#Topic92585-Area52734 .hj-form-container.__inset .btn { width: 280px; height: 52px; line-height: 52px; font-size: 24px; background: url(../Images/loginbtnnormal.png) center no-repeat !important }
#Topic92585-Area52734 .hj-form-container .form-control { font-size: 16px; color: #fff }
#Topic92585-Area52734 .hj-form-container .form-control-wrap { position: relative; padding: 14px 0 14px 10px; border: none; height: 30px; background: rgba(0,0,0,0.35); border-radius: 24px }
#Topic92585-Area52734 .hj-form-container .form-control-wrap:hover { background: rgba(0,0,0,0.5) }
#Topic92585-Area52734 .hj-form-container .form-control-wrap ._label, #Topic92585-Area52734 .hj-form-container .form-control-wrap ._label-real { position: absolute; text-align: center; top: 0; left: 0 !important; right: 0 !important; display: block; padding: 9px 0; line-height: 30px; height: 30px; overflow: hidden; color: #fff; font-size: 18px; background: rgba(0,0,0,0.35); border-radius: 24px; pointer-events: none; display: none !important }
#Topic92585-Area52734 .hj-form-container ._form-error { font-size: 16px; position: relative; left: 10px; margin: 0 !important; color: #fff; height: 20px; line-height: 10px }
#Topic92585-Area52734 .hj-form-container .form-control-wrap.select-wrap ._label-extra { display: none !important }
#Topic92556-Area51893 { position: absolute }
#Topic92556-Area51893 #form-Area51893 { position: relative; width: 340px; height: 414px; background: url(../Images/loginbg.png) center no-repeat !important; top: 36px; left: 645px }
#Topic92556-Area51893 #form-Area51893 .radio-wrap { display: inline-block; width: 130px; box-sizing: border-box; padding: 0 !important; height: 48px }
#Topic92556-Area51893 #form-Area51893 .radio-wrap ._group { position: relative; left: -1px; width: 132px !important; height: 48px; z-index: 999; font-size: 18px }
#Topic92556-Area51893 #form-Area51893 .radio-wrap .hjfri.active { background: url(../Images/loginbtnselected.png) center no-repeat !important; color: #fff !important }
#Topic92556-Area51893 #form-Area51893 .radio-wrap ._radio-item { cursor: pointer; float: left; line-height: 48px; height: 48px; color: #fff !important; text-align: center; overflow: hidden }
#Topic92556-Area51893 #form-Area51893 .radio-wrap ._radio-item ._value { border: none !important }
#Topic92556-Area51893 #form-Area51893 .radio-wrap ._label { display: none }
#Topic92556-Area51893 #form-Area51893 .select-wrap { position: relative; right: -18px; display: inline-block; width: 130px !important; box-sizing: border-box; padding: 0 !important; height: 48px; border-radius: 24px; overflow-x: hidden }
#Topic92556-Area51893 #form-Area51893 .select-wrap select { position: absolute; left: 15px; top: 0; width: 107px !important; height: 48px; margin-left: 0 !important; z-index: 100 }
#Topic92556-Area51893 #form-Area51893 .select-wrap select option { color: #000 }
#Topic92556-Area51893 #form-Area51893 .text-wrap { width: 280px; height: 52px; box-sizing: border-box }
#Topic92556-Area51893 #form-Area51893 .text-wrap label { display: none !important }
#Topic92556-Area51893 #form-Area51893 .text-wrap input { margin: 0px 10px !important; width: 240px !important }
#Topic92556-Area51893 ._titles { width: 280px }
#Topic92556-Area51893 .hj-form-container { border-radius: 8px }
#Topic92556-Area51893 .hj-form-container.__inset .ib { display: inline-block }
#Topic92556-Area51893 .hj-form-container.__inset .container { width: auto; padding: 30px 30px 30px }
#Topic92556-Area51893 .hj-form-container.__inset ._inputs .ib { margin-bottom: 10px }
#Topic92556-Area51893 ._form-tip { display: none }
#Topic92556-Area51893 .hj-form-container ._titles h3 { color: #fff !important; font-size: 28px !important }
#Topic92556-Area51893 .hj-form-container ._titles h4 { color: #fff !important; font-size: 16px !important }
#Topic92556-Area51893 .hj-form-container.__inset .btn { width: 280px; height: 52px; line-height: 52px; font-size: 24px; background: url(../Images/loginbtnnormal.png) center no-repeat !important }
#Topic92556-Area51893 .hj-form-container .form-control { font-size: 16px; color: #fff }
#Topic92556-Area51893 .hj-form-container .form-control-wrap { position: relative; padding: 14px 0 14px 10px; border: none; height: 30px; background: rgba(0,0,0,0.35); border-radius: 24px }
#Topic92556-Area51893 .hj-form-container .form-control-wrap:hover { background: rgba(0,0,0,0.5) }
#Topic92556-Area51893 .hj-form-container .form-control-wrap ._label, #Topic92556-Area51893 .hj-form-container .form-control-wrap ._label-real { position: absolute; text-align: center; top: 0; left: 0 !important; right: 0 !important; display: block; padding: 9px 0; line-height: 30px; height: 30px; overflow: hidden; color: #fff; font-size: 18px; background: rgba(0,0,0,0.35); border-radius: 24px; pointer-events: none; display: none !important }
#Topic92556-Area51893 .hj-form-container ._form-error { font-size: 16px; position: relative; left: 10px; margin: 0 !important; color: #fff; height: 20px; line-height: 10px }
#Topic92556-Area51893 .hj-form-container .form-control-wrap.select-wrap ._label-extra { display: none !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form { width: 548px; height: 450px; border-radius: 8px; background: #fff !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .radio-wrap { display: inline-block; width: 185px; box-sizing: border-box; padding: 0 !important; height: 52px !important; border: 1px solid #aaa !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .radio-wrap ._group { position: relative; left: -1px; top: -1px; width: 188px !important; height: 52px; z-index: 999 }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .radio-wrap .hjfri.active { background: url(../Images/leadspopupbtn.png) center no-repeat !important; color: #fff !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .radio-wrap ._radio-item { cursor: pointer; float: left; line-height: 52px; height: 52px; color: #666 !important; text-align: center; font-size: 18px; overflow: hidden }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .radio-wrap ._radio-item ._value { border: none !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .radio-wrap ._label { display: none }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .select-wrap { position: relative; right: -18px; display: inline-block; width: 185px !important; box-sizing: border-box; padding: 0 !important; height: 52px !important; border-radius: 24px; overflow-x: hidden; border: 1px solid #aaa !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .select-wrap select { position: absolute; left: 20px; top: 0; width: 130px !important; height: 48px !important; margin-left: 0 !important; z-index: 100 }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .select-wrap ._label { display: none }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .text-wrap { width: 388px; height: 52px !important; box-sizing: border-box; border: 1px solid #aaa !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .ib { display: inline-block }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .container { width: auto; padding: 60px 79px 30px !important; border-radius: 8px !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .text-wrap label { display: none !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .text-wrap input { margin: 0px 15px !important; width: 330px !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hitalkkid-common-form .btn { width: 388px; height: 56px; line-height: 56px; font-size: 24px; background: url(../Images/leadspopup.png) center no-repeat !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out ._titles { width: 388px }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container.__inset ._inputs .ib { margin-bottom: 24px }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out ._form-tip { display: none }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container ._titles h3 { color: #333 !important; font-size: 30px !important; line-height: 20px }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container ._titles h4 { margin-top: 10px; color: #333 !important; font-size: 18px !important; line-height: 18px }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container .form-control { color: #666; font-size: 18px; height: 30px !important; line-height: 30px !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container .form-control-wrap { position: relative; line-height: 30px; border: none; height: 30px; border-radius: 24px }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container .form-control-wrap ._label, #hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container .form-control-wrap ._label-real { position: absolute; top: 0; left: 10px; right: 20px; display: block; padding: 9px 0; line-height: 20px; height: 20px; overflow: hidden; color: #8a94a7; font-size: 14px; background: white; pointer-events: none; display: none !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container ._form-error { font-size: 16px; position: relative; left: 10px; margin: 0 !important; color: #666; height: 30px; line-height: 30px; margin-top: -10px !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container .form-control-wrap.select-wrap ._label-extra { display: none !important }
#hitalkkid-common-form-wrapper #hitalkkid-common-form-out .hj-form-container.__dialog ._close { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(../Images/popupiconclosenormal.png) center no-repeat !important }
#Topic92556-Area51895 { position: absolute; margin-top: 277px; margin-left: 22px }
#Topic92556-Area51895 #form-Area51895 { width: 380px; height: 341px; border-radius: 30px; background: #fff !important }
#Topic92556-Area51895 #form-Area51895 .radio-wrap { display: inline-block; width: 152px; box-sizing: border-box; padding: 0 !important; height: 52px; border: 1px solid #aaa !important }
#Topic92556-Area51895 #form-Area51895 .radio-wrap ._group { position: relative; left: -1px; top: -1px; width: 152px !important; height: 52px; z-index: 999 }
#Topic92556-Area51895 #form-Area51895 .radio-wrap .hjfri.active { background: url(../Images/guidelogintabselected.png) center no-repeat !important; color: #fff !important }
#Topic92556-Area51895 #form-Area51895 .radio-wrap .hjfri.active:hover { background: url(../Images/guidelogintabhover.png) center no-repeat }
#Topic92556-Area51895 #form-Area51895 .radio-wrap ._radio-item { cursor: pointer; float: left; line-height: 52px; height: 52px; color: #666 !important; text-align: center; font-size: 18px; overflow: hidden }
#Topic92556-Area51895 #form-Area51895 .radio-wrap ._radio-item ._value { border: none !important }
#Topic92556-Area51895 #form-Area51895 .radio-wrap ._label { display: none }
#Topic92556-Area51895 #form-Area51895 .select-wrap { position: relative; right: -18px; display: inline-block; width: 145px !important; box-sizing: border-box; padding: 0 !important; height: 52px; border-radius: 24px; overflow-x: hidden; border: 1px solid #aaa !important }
#Topic92556-Area51895 #form-Area51895 .select-wrap select { position: absolute; left: 15px; top: 0; width: 120px !important; height: 48px; margin-left: 0 !important; z-index: 100 }
#Topic92556-Area51895 #form-Area51895 .text-wrap { width: 316px; height: 52px; line-height: 52px; box-sizing: border-box; border: 1px solid #aaa; padding-left: 15px }
#Topic92556-Area51895 #form-Area51895 .ib { display: inline-block }
#Topic92556-Area51895 #form-Area51895 .container { width: auto; padding: 45px 33px 30px !important; border-radius: 8px !important }
#Topic92556-Area51895 #form-Area51895 .text-wrap label { display: none !important }
#Topic92556-Area51895 #form-Area51895 .text-wrap input { margin: 0px 10px !important; width: 280px !important }
#Topic92556-Area51895 #form-Area51895 .btn { width: 316px; height: 56px; line-height: 56px; font-size: 24px; background: url(../Images/level2btnnormal.png) center no-repeat !important }
#Topic92556-Area51895 .hj-form-container.__inset ._inputs .ib { margin-bottom: 10px }
#Topic92556-Area51895 ._form-tip { display: none }
#Topic92556-Area51895 .hj-form-container .form-control { height: 52px; line-height: 52px; font-size: 16px; padding: 0 }
#Topic92556-Area51895 .hj-form-container .form-control-wrap { position: relative; border: none; border-radius: 24px; padding: 0px }
#Topic92556-Area51895 .hj-form-container .form-control-wrap ._label, #Topic92556-Area51895 .hj-form-container .form-control-wrap ._label-real { position: absolute; text-align: center; top: 0; left: 0 !important; right: 0 !important; display: block; padding: 9px 0; line-height: 30px; height: 30px; overflow: hidden; color: #666; font-size: 18px; background: #fff; border-radius: 24px; pointer-events: none; display: none !important }
#Topic92556-Area51895 .hj-form-container ._form-error { font-size: 16px; position: relative; left: 10px; margin: 0 !important; color: #666; height: 20px }
#Topic92556-Area51895 .hj-form-container .form-control-wrap.select-wrap ._label-extra { display: none !important }
.Rectangleind { width: 100%; height: 40px; background-color: #333333 }
.Rectangleind .study-center { display: none }
.Rectangleind .navcontent { width: 1000px; height: 40px; margin: 0 auto }
.Rectangleind .kefu-lf { position: relative; width: 390px; color: #fff; line-height: 40px; font-size: 14px; float: left }
.Rectangleind .kefu-lf .time_icon { position: absolute; display: inline-block; width: 18px; height: 18px; top: 50%; margin-top: -9px; background: url(../Images/time.png) center no-repeat }
.Rectangleind .kefu-lf .time { margin-left: 25px }
.Rectangleind .kefu-lf .kefu_icon { position: absolute; display: inline-block; width: 18px; height: 18px; top: 50%; margin-top: -9px; margin-left: 20px; background: url(../Images/tel.png) center no-repeat }
.Rectangleind .kefu-lf .tel { margin-left: 45px }
.Rectangleind .listbox-r { font-size: 14px; float: right; height: 40px; line-height: 40px; color: #fff; position: relative }
.Rectangleind .listbox-r .arr-em { position: absolute; right: 24px; width: 10px; height: 10px; background: url(../Images/arrow-white.png) center no-repeat; top: 15px; z-index: 50 }
.Rectangleind .listbox-r .list-headlist { position: absolute; top: 20px }
.Rectangleind .listbox-r .listcc { margin-right: 0 }
.Rectangleind .login-btn, .Rectangleind .register, .Rectangleind .registerkouyu { cursor: pointer }
.Rectangleind .no-login .line { margin: 0 10px }
.Rectangleind .loginbox { display: none; position: relative; text-align: center; width: 120px; height: 40px }
.Rectangleind .loginbox .list-headlist { display: none; position: relative; left: -15px; padding: 60px 25px 20px; border-radius: 6px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11); border: solid 1px #efefef; border-top: 0; color: #333; z-index: 40 }
.Rectangleind .loginbox .posi-name { max-width: 90px; position: absolute; word-break: keep-all; white-space: nowrap; text-align: center; overflow: hidden; text-overflow: ellipsis; top: 0; z-index: 55 }
.Rectangleind .loginbox .posi-name .username-sp { width: 90px; white-space: nowrap; text-align: center; overflow: hidden; text-overflow: ellipsis; height: 40px; text-align: center; display: block }
.Rectangleind .loginbox:hover { cursor: default }
.Rectangleind .loginbox:hover .posi-name { color: #333 }
.Rectangleind .loginbox:hover .arr-em { background: url(../Images/arrow-white-top2.png) center no-repeat }
.Rectangleind .loginbox:hover .list-headlist { display: block; top: -20px }
.Rectangleind .user-hover .posi-name { color: #333 }
.Rectangleind .user-hover .arr-em { background: url(../Images/arrow-white-top2.png) center no-repeat }
.Rectangleind .user-hover .list-headlist { display: block; top: -20px }
.contfixbox-ind { width: 100%; height: 66px }
.contfixbox-ind .logo-box-ind { width: 100%; height: 66px; overflow: hidden; background: url(../Images/navbg.png) center no-repeat; z-index: 200 }
.contfixbox-ind .logo-box-ind .logo-box-cont { margin: 0 auto; width: 1000px; height: 66px }
.contfixbox-ind .logo-box-ind .logo-alink { float: left; width: 260px; height: 56px; background: url(../Images/logo.png) left no-repeat; margin-top: 7px; cursor: default !important }
.contfixbox-ind .logo-box-ind .pagelist { float: left; font-weight: bold; margin-left: 50px }
.contfixbox-ind .logo-box-ind .pagelist li { float: left; height: 66px; line-height: 66px; font-size: 16px; margin-left: 46px }
.contfixbox-ind .logo-box-ind .pagelist li a { color: #fff; position: relative }
.contfixbox-ind .logo-box-ind .pagelist .lihover:hover a { color: #fff }
.contfixbox-ind .logo-box-ind .pagelist .lihover:hover a .strongline { display: block }
.contfixbox-ind .logo-box-ind .pagelist .curli { color: #fff }
.contfixbox-ind .logo-box-ind .pagelist .curli .strongline { display: block }
.contfixbox-ind .logo-box-ind .pagelist .strongline { display: none; position: absolute; top: 28px; left: 0; width: 100%; height: 2px; background-color: #fff }
.contfixbox-ind .logo-box-ind .freebtn { float: right; margin-top: 13px }
.contfixbox-ind .logo-box-ind .freebtn li { display: none; float: left; height: 66px; line-height: 66px; font-size: 18px; background-color: #ff9409; border-radius: 24px; width: 126px; height: 40px; line-height: 40px; text-align: center }
.contfixbox-ind .logo-box-ind .freebtn li a { color: #fff; position: relative }
.contfixbox-ind .logo-box-ind .freebtn .lihover:hover a { color: #fff }
.kouyu-foot { width: 100%; height: 320px; background: url(../Images/footerbg.png) center no-repeat }
.kouyu-foot .copyright { font-size: 14px; color: #fff; margin-bottom: 80px; text-align:center;}
.kouyu-foot .txleft { text-align: left }
.kouyu-foot .txright { float: right !important }
.kouyu-foot .fotcont { width: 1000px; height: 204px; margin: 0 auto }
.kouyu-foot .fotcont ul { height: 260px; margin: 0 auto; padding-right: 45px }
.kouyu-foot .fotcont li { float: left; margin: 44px 48px 0 0 }
.kouyu-foot .fotcont li .picbox { display: block; width: 129px; height: 129px; background: url(../Images/footericonservice.png) 0 0 no-repeat }
.kouyu-foot .fotcont li .picbox:hover { width: 129px; height: 129px; background: #fff url(../Images/footericonservicehover.png) center center no-repeat; opacity: 0.6 }
.kouyu-foot .fotcont li .wechat:hover { opacity: 0.8; cursor: default }
.kouyu-foot .fotcont li .qkf { display: block; width: 129px; height: 129px; background: url(../Images/footericonqq.png) }
.kouyu-foot .fotcont li .qkf:hover { width: 129px; height: 129px; background: #fff url(../Images/footericonqqhover.png) center center no-repeat; opacity: 0.6 }
.kouyu-foot .fotcont li .newmaer { display: block; width: 129px; height: 129px; background-image: url(../Picture/fr-qrcord.png); background-size:100% 100%;}
.kouyu-foot .fotcont li .txt-p { color: #fff; margin-top: 8px; height: 20px; line-height: 20px; font-size: 14px; text-align: center }
.kouyu-foot .fotcont li .tel-tit { color: #fff; font-size: 16px; height: 22px; line-height: 22px; margin: 9px auto 2px }
.kouyu-foot .fotcont li .telnum-p { font-size: 32px; color: #fff; height: 45px; line-height: 45px }
.kouyu-foot .fotcont li .time-p { font-size: 14px; color: #fff; height: 20px; line-height: 20px; margin-top: 7px }
.navcenterbox-ind { width: 100%; height: 0; margin: 0 auto; background-color: #000; position: fixed; bottom: 456px; right: 1%; z-index: 5 }
.leftnavbox-ind { width: 70px; height: auto; float: right }
.leftnavbox-ind .pl { padding-left: 10px }
.leftnavbox-ind li { width: 50px; height: 50px; position: relative }
.leftnavbox-ind li a { width: 50px; height: 50px; margin-bottom: 2px; float: left; position: relative }
.leftnavbox-ind li .chatma { width: 169px; height: 160px; background: url(../Images/cfd10dfb309029b3304acc6061f635ed.png) top center no-repeat; position: absolute; left: -180px; top: -50px; display: none }
.leftnavbox-ind li:hover .chatma { display: block }
.leftnavbox-ind li .zxzxicon { background: url(../Images/4a0af8607b439cdb9d2807bae176657a.png) top center no-repeat; float: left; position: relative }
.leftnavbox-ind li .zxzxicon:hover { background: url(../Images/36be6f7cd4713684552f07bbdf14c938.png) top center no-repeat }
.leftnavbox-ind li .form-icon { height: 81px; width: 68px; position: relative; left: 0; background: url(../Images/577bcbaf1e7b10f7c45cf75d1d3f83ff.png) center center no-repeat; display: none }
.leftnavbox-ind li .qqicon { background: url(../Images/9480c01fb4f6fb4f49b51a4a0d7e6926.png) center bottom no-repeat }
.leftnavbox-ind li .qqicon:hover { background: url(../Images/e18d9ad38285a536e76f14758844faed.png) center center no-repeat }
.leftnavbox-ind li .weixinicon { background: url(../Images/8ad6b7b9f7eebb722761c11e1ae1c6bf.png) top center no-repeat }
.leftnavbox-ind li .weixinicon:hover { background: url(../Images/4fafd522420eb269259382f58aefa8d9.png) top center no-repeat }
.leftnavbox-ind li .telbox { display: none; position: absolute; top: 3px; left: -305px; height: 58px; padding: 0 16px; color: #fff; background-color: #35C465; border-radius: 5px }
.leftnavbox-ind li .telbox .bg-txt, .leftnavbox-ind li .telbox .tel-spp { float: left; height: 58px; line-height: 58px; font-size: 16px }
.leftnavbox-ind li .telbox .tel-spp { font-size: 22px; padding-left: 10px }
.leftnavbox-ind li .telbox .arr-em { width: 0; height: 0; position: absolute; top: 16px; right: -19px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #35C465 }
.leftnavbox-ind li .zixun { background: url(../Images/e42ffb4000f1db18790eb5e34e2875da.png) top center no-repeat }
.leftnavbox-ind li .zixun:hover { background: url(../Images/a218a725b5d2a7c659d4037fa7aaa6d1.png) top center no-repeat }
.leftnavbox-ind li .zixun:hover .telbox { display: block }
.leftnavbox-ind .firstli { height: 84px }
.leftnavbox-ind .kouyu-gotop { display: none; width: 50px; height: 40px; margin-top: 9px; margin-left: 10px; background: url(../Images/1b61c571ec55969a03469d7b4e389f95.png) center no-repeat; cursor: pointer }
.leftnavbox-ind .kouyu-gotop:hover { background: url(../Images/655d5e2696665b9a7f3be65fcbf67f72.png) center no-repeat }
.leftnavbox-ind .kouyu-gotop a { width: 50px; height: 40px }
#class_gotop { position: fixed; right: -500px; display: none }
.lf { float: left }
.fright { float: right }
.lr-pubcss { margin: 0 15px }
.nomarr { margin-right: 0 !important }
body { overflow: hidden }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.th_window_layer { position: fixed; z-index: 300; opacity: .5; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50) }
.pos-fix { position: fixed; top: 0; left: 0; z-index: 100; height: 40px; background-color: rgba(255,255,255,0.9) !important }
input::-webkit-input-placeholder {
color:#fff;
text-align:left;
font-size:16px;
opacity:0.65
}
input:-moz-placeholder {
color:#fff;
text-align:left;
font-size:16px;
opacity:0.65
}
input::-moz-placeholder {
color:#fff;
text-align:left;
font-size:16px;
opacity:0.65
}
input:-ms-input-placeholder {
color:#fff;
text-align:left;
font-size:16px;
opacity:0.65
}
#form-Area51895 input::-webkit-input-placeholder {
color:#666;
text-align:left;
font-size:16px
}
#form-Area51895 input:-moz-placeholder {
color:#666;
text-align:left;
font-size:16px
}
#form-Area51895 input::-moz-placeholder {
color:#666;
text-align:left;
font-size:16px
}
#form-Area51895 input:-ms-input-placeholder {
color:#666;
text-align:left;
font-size:16px
}
#form-Area52399 input::-webkit-input-placeholder {
color:#666;
text-align:left;
font-size:16px
}
#form-Area52399 input:-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52399 input::-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52399 input:-ms-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52729 input::-webkit-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52729 input:-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52729 input::-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52729 input:-ms-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area51196 input::-webkit-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area51196 input:-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area51196 input::-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area51196 input:-ms-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52735 input::-webkit-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52735 input:-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52735 input::-moz-placeholder {
color:#666;
text-align:left;
font-size:18px
}
#form-Area52735 input:-ms-input-placeholder {
color:#666;
text-align:left;
font-size:18px
}
select { border: solid 1px #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; outline: none; -webkit-user-select: none }
select::-ms-expand {
display:none
}