/* Reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
menu,
input,
fieldset,
textarea,
button,
select,
th,
td,
div,
span,
header,
nav,
footer{margin: 0; padding: 0; -webkit-text-size-adjust: none;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: normal; font-size: 100%;}
li{list-style: none;}
em,
i{font-style: normal;}
a,
a:visited{border: none; text-decoration: none;}
a{color: inherit;}
fieldset,
img,
input{border: none;}
input,
textarea{outline: none; resize: none; -webkit-appearance: none;}
body{word-wrap: break-word; font-size: 12px; font-family: "PingFangSC-Regular", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", /* Cn */ "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", "sans-serif"; line-height: 1.6; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none;}
/* public */
.clear{zoom: 1;}
.clear:before,
.clear:after{display: block; content: "";}
.clear:after{clear: both;}
.fl{float: left; display: block;}
.fr{float: right; display: block;}
.none{display: none !important;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
@font-face{font-family: "Ubuntu-Medium"; src: url(data:application/x-font-ttf;charset=utf-8;base64,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TWFhZyBMdGRUaGUgVWJ1bnR1IEZvbnQgRmFtaWx5IGFyZSBsaWJyZSBmb250cyBmdW5kZWQgYnkgQ2Fub25pY2FsIEx0ZCBvbiBiZWhhbGYgb2YgdGhlIFVidW50dSBwcm9qZWN0LiBUaGUgZm9udCBkZXNpZ24gd29yayBhbmQgdGVjaG5pY2FsIGltcGxlbWVudGF0aW9uIGlzIGJlaW5nIHVuZGVydGFrZW4gYnkgRGFsdG9uIE1hYWcuIFRoZSB0eXBlZmFjZSBpcyBzYW5zLXNlcmlmLCB1c2VzIE9wZW5UeXBlIGZlYXR1cmVzIGFuZCBpcyBtYW51YWxseSBoaW50ZWQgZm9yIGNsYXJpdHkgb24gZGVza3RvcCBhbmQgbW9iaWxlIGNvbXB1dGluZyBzY3JlZW5zLg0KDQpUaGUgc2NvcGUgb2YgdGhlIFVidW50dSBGb250IEZhbWlseSBpbmNsdWRlcyBhbGwgdGhlIGxhbmd1YWdlcyB1c2VkIGJ5IHRoZSB2YXJpb3VzIFVidW50dSB1c2VycyBhcm91bmQgdGhlIHdvcmxkIGluIHR1bmUgd2l0aCBVYnVudHUncyBwaGlsb3NvcGh5IHdoaWNoIHN0YXRlcyB0aGF0IGV2ZXJ5IHVzZXIgc2hvdWxkIGJlIGFibGUgdG8gdXNlIHRoZWlyIHNvZnR3YXJlIGluIHRoZSBsYW5ndWFnZSBvZiB0aGVpciBjaG9pY2UuIFRoZSBwcm9qZWN0IGlzIG9uZ29pbmcsIGFuZCB3ZSBleHBlY3QgdGhlIGZhbWlseSB3aWxsIGJlIGV4dGVuZGVkIHRvIGNvdmVyIG1hbnkgd3JpdHRlbiBsYW5ndWFnZXMgaW4gdGhlIGNvbWluZyB5ZWFycy5odHRwOi8vd3d3LmRhbHRvbm1hYWcuY29tL2h0dHA6Ly93d3cuZGFsdG9ubWFhZy5jb21VYnVudHVNZWRpdW0AQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMQAxACAAQwBhAG4AbwBuAGkAYwBhAGwAIABMAHQAZAAuACAAIABMAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFUAYgB1AG4AdAB1ACAARgBvAG4AdAAgAEwAaQBjAGUAbgBjAGUAIAAxAC4AMABVAGIAdQBuAHQAdQAgAEwAaQBnAGgAdABCAG8AbABkAEQAYQBsAHQAbwBuAE0AYQBhAGcATAB0AGQAOgAgAFUAYgB1AG4AdAB1ACAATQBlAGQAaQB1AG0AIAAwAC4AOAAzAFUAYgB1AG4AdAB1ACAATQBlAGQAaQB1AG0AMAAuADgAMwBVAGIAdQBuAHQAdQAtAE0AZQBkAGkAdQBtAFUAYgB1AG4AdAB1ACAAYQBuAGQAIABDAGEAbgBvAG4AaQBjAGEAbAAgAGEAcgBlACAAcgBlAGcAaQBzAHQAZQByAGUAZAAgAHQAcgBhAGQAZQBtAGEAcgBrAHMAIABvAGYAIABDAGEAbgBvAG4AaQBjAGEAbAAgAEwAdABkAC4ARABhAGwAdABvAG4AIABNAGEAYQBnACAATAB0AGQARABhAGwAdABvAG4AIABNAGEAYQBnACAATAB0AGQAVABoAGUAIABVAGIAdQBuAHQAdQAgAEYAbwBuAHQAIABGAGEAbQBpAGwAeQAgAGEAcgBlACAAbABpAGIAcgBlACAAZgBvAG4AdABzACAAZgB1AG4AZABlAGQAIABiAHkAIABDAGEAbgBvAG4AaQBjAGEAbAAgAEwAdABkACAAbwBuACAAYgBlAGgAYQBsAGYAIABvAGYAIAB0AGgAZQAgAFUAYgB1AG4AdAB1ACAAcAByAG8AagBlAGMAdAAuACAAVABoAGUAIABmAG8AbgB0ACAAZABlAHMAaQBnAG4AIAB3AG8AcgBrACAAYQBuAGQAIAB0AGUAYwBoAG4AaQBjAGEAbAAgAGkAbQBwAGwAZQBtAGUAbgB0AGEAdABpAG8AbgAgAGkAcwAgAGIAZQBpAG4AZwAgAHUAbgBkAGUAcgB0AGEAawBlAG4AIABiAHkAIABEAGEAbAB0AG8AbgAgAE0AYQBhAGcALgAgAFQAaABlACAAdAB5AHAAZQBmAGEAYwBlACAAaQBzACAAcwBhAG4AcwAtAHMAZQByAGkAZgAsACAAdQBzAGUAcwAgAE8AcABlAG4AVAB5AHAAZQAgAGYAZQBhAHQAdQByAGUAcwAgAGEAbgBkACAAaQBzACAAbQBhAG4AdQBhAGwAbAB5ACAAaABpAG4AdABlAGQAIABmAG8AcgAgAGMAbABhAHIAaQB0AHkAIABvAG4AIABkAGUAcwBrAHQAbwBwACAAYQBuAGQAIABtAG8AYgBpAGwAZQAgAGMAbwBtAHAAdQB0AGkAbgBnACAAcwBjAHIAZQBlAG4AcwAuAA0ACgANAAoAVABoAGUAIABzAGMAbwBwAGUAIABvAGYAIAB0AGgAZQAgAFUAYgB1AG4AdAB1ACAARgBvAG4AdAAgAEYAYQBtAGkAbAB5ACAAaQBuAGMAbAB1AGQAZQBzACAAYQBsAGwAIAB0AGgAZQAgAGwAYQBuAGcAdQBhAGcAZQBzACAAdQBzAGUAZAAgAGIAeQAgAHQAaABlACAAdgBhAHIAaQBvAHUAcwAgAFUAYgB1AG4AdAB1ACAAdQBzAGUAcgBzACAAYQByAG8AdQBuAGQAIAB0AGgAZQAgAHcAbwByAGwAZAAgAGkAbgAgAHQAdQBuAGUAIAB3AGkAdABoACAAVQBiAHUAbgB0AHUAJwBzACAAcABoAGkAbABvAHMAbwBwAGgAeQAgAHcAaABpAGMAaAAgAHMAdABhAHQAZQBzACAAdABoAGEAdAAgAGUAdgBlAHIAeQAgAHUAcwBlAHIAIABzAGgAbwB1AGwAZAAgAGIAZQAgAGEAYgBsAGUAIAB0AG8AIAB1AHMAZQAgAHQAaABlAGkAcgAgAHMAbwBmAHQAdwBhAHIAZQAgAGkAbgAgAHQAaABlACAAbABhAG4AZwB1AGEAZwBlACAAbwBmACAAdABoAGUAaQByACAAYwBoAG8AaQBjAGUALgAgAFQAaABlACAAcAByAG8AagBlAGMAdAAgAGkAcwAgAG8AbgBnAG8AaQBuAGcALAAgAGEAbgBkACAAdwBlACAAZQB4AHAAZQBjAHQAIAB0AGgAZQAgAGYAYQBtAGkAbAB5ACAAdwBpAGwAbAAgAGIAZQAgAGUAeAB0AGUAbgBkAGUAZAAgAHQAbwAgAGMAbwB2AGUAcgAgAG0AYQBuAHkAIAB3AHIAaQB0AHQAZQBuACAAbABhAG4AZwB1AGEAZwBlAHMAIABpAG4AIAB0AGgAZQAgAGMAbwBtAGkAbgBnACAAeQBlAGEAcgBzAC4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGQAYQBsAHQAbwBuAG0AYQBhAGcALgBjAG8AbQAvAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBkAGEAbAB0AG8AbgBtAGEAYQBnAC4AYwBvAG0AVQBiAHUAbgB0AHUATQBlAGQAaQB1AG0AAAACAAAAAAAA/4UAFAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAOABAAEQATABQAFQAWABcAGAAZABoAGwAcAAA=) format("truetype"); font-weight: normal; font-style: normal;}
.rise{color: #ff3d37 !important;}
.fall{color: #00ae64 !important;}
.stop{color: rgba(17, 17, 17, 0.6) !important;}
html,
body{width: 100%; height: 100%; background: #e6e6e6;}
body{max-width: 640px!important; margin: 0 auto; position: relative; min-height: 100%; height: auto; background: #fff;}
.tg_page_wrap{width: 100%; height: 100%; position: relative;}
img{display: block; width: 100%;}
.flex{display: -webkit-box;}
.flex_cross_center{/*项目在交叉轴居中*/ display: -webkit-box; -webkit-box-align: center;}
.flex_main_between{/*项目在主轴两端对齐*/ display: -webkit-box; -webkit-box-pack: justify;}
.flex_between_center{/*项目在主轴两端对齐*/ display: -webkit-box; -webkit-box-pack: justify; -webkit-box-align: center;}
.flex_main_center{/*项目在主轴居中*/ -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center;}
/* 弹框 */
.mask{position: fixed; z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.66);}
.pop_mask{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(17, 17, 17, 0.7); display: none;}
.pop{position: absolute; top: 50%; left: 50%; width: 300px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.pop .btn_get{position: absolute; bottom: 38px; left: 50%; width: 260px; height: 44px; border-radius: 4px; background-image: linear-gradient(180deg, #ffc548 0, #e69300 100%); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); color: #9b6400; text-align: center; font-size: 17px; line-height: 44px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.pop .btn_close{position: absolute; top: -40px; right: 0; width: 30px; height: 31px; background: url(../images/pop_btn_close.png); background-size: cover;}
/************************************** 投顾主页-战法 **************************************/
.title_box{padding: 16px 15px; overflow: hidden;}
.title_box .title{font-size: 20px; line-height: 1; color: #111; float: left; font-family: PingFangSC-Medium; padding: 4px 0; position: relative; z-index: 2;}
.title_box .title.orange{background: url(../images/title_orange.png) no-repeat left bottom; background-size: 72px 8px;}
.title_box .title.red{background: url(../images/title_red.png) no-repeat left bottom; background-size: 72px 8px;}
.title_box .title.violet{background: url(../images/title_violet.png) no-repeat left bottom; background-size: 72px 8px;}
.title_box .btn_more,
.sub_title .btn_more,
.title_box .btn_update{float: right; margin-top: 8px; font-size: 13px; cursor: pointer; color: #111; opacity: 0.6; padding-right: 11px; background: url(../images/btn_more.png) no-repeat right 1px; background-size: 6px 11px;line-height: 13px;}
.main_cnt{padding-bottom: 15px;}
.line{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.course_cnt li .course_cover{width: 112px; height: 74px; border-radius: 5px; display: block; float: left;}
.course_cnt li .r_info{margin-left: 122px;}
.course_cnt li .course_title{font-size: 15px; color: #111; font-weight: bold; display: block; line-height: 22px;}
.course_cnt li .course_info{font-size: 13px; color: rgba(17, 17, 17, 0.6); line-height:18px; margin-top: 4px;}
.course_cnt li .intro_bar{margin-top: 20px; overflow: hidden;}
.course_cnt li .intro_bar .free{background: #ffeae9; font-size: 11px; color: #FF3D37; width: 32px; height: 16px; line-height: 16px; float: left; text-align: center;}
.course_cnt li .intro_bar .book{float: right; font-size: 13px; color: rgba(17, 17, 17, 0.4); padding-left: 26px; background: url(../images/icon_book.png) no-repeat left center; background-size: 16px 16px;}
.banner_cnt{padding:15px;}
.banner_cnt img{display: block; width: 100%;border-radius: 15px;}
.pg_zf .course_box{padding:0 15px;}
.pg_zf .course_cnt{overflow: hidden;}
.pg_zf .course_list{margin-top: 15px;overflow: hidden;}
.pg_zf .course_list li{float: left;width: 25%;text-align: center;float: left;}
.pg_zf .course_list li img{width: 35px;height: 35px;display: block;margin:0 auto;}
.pg_zf .course_list li p{font-size: 12px;color: rgba(17,17,17,0.6); line-height: 1;margin-top: 10px;}
.pg_zf .course_cnt li{margin-bottom: 15px; border-radius: 5px; border: 1px solid rgba(216,216,216,0.40); box-shadow: 0 0 15px 0 rgba(216,216,216,0.40); padding-right: 10px;}
.pg_zf .course_cnt li:last-child{margin-bottom: 0;}
.pg_zf .course_cnt li .intro_bar{overflow: hidden;line-height: 16px;margin-top: 20px;}
.pg_zf .course_cnt li .intro_bar .avatar{display: inline-block; width: 16px;height: 16px; overflow: hidden; float: left;}
.pg_zf .course_cnt li .intro_bar .avatar img{width: 100%; display: block; float: left;border-radius: 16px;}
.pg_zf .course_cnt li .intro_bar .tg_name{font-size: 13px;color: rgba(17,17,17,0.4); float: left;margin-left: 5px;line-height: 15px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;width: 66px;margin-top: 1px}
.pg_zf .course_cnt li .intro_bar .total_num{font-size: 13px; color: rgba(17,17,17,0.4); float: right;line-height: 15px;margin-top: 1px;}
.pg_zf .course_cnt li .course_cover{width: 142px;height: 97px;border-radius: 5px;overflow: hidden;}
.pg_zf .course_cnt li .r_info{margin-left: 152px;height: 97px;padding:6px 0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.pg_zf .mr_top{margin-top: 15px;}
.scroll_hidden{overflow-y: hidden;}
.scroll_cnt{overflow-x: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch;}
.scroll_box{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; margin-left: 15px;}
.tg_live_cnt{height: 161px;}
.tg_live{height: 170px;}
.tg_live_cnt .live_item{width: 160px; height: 146px; box-shadow: 0 0 15px 0 rgba(216, 216, 216, 0.40); border-radius: 5px; margin-right: 10px;}
.tg_live_cnt .cover{height: 90px; position: relative;}
.tg_live_cnt .cover img{width: 100%; height: 90px;}
.tg_live_cnt .live_title{font-size: 13px; color: #111; line-height: 33px; padding:0 10px;}
.tg_live_cnt .cover .time{position: absolute; left: 0; bottom: 0; right: 0; font-size: 11px; color: #fff; height: 21px; line-height: 21px; padding: 0 10px; background: rgba(17, 17, 17, 0.6);}
.live_state{position: absolute; top: 10px; left: 10px; border-radius: 10px; padding: 3px 6px 3px 19px; font-size: 11px; line-height: 12px; color: #fff;}
.live_state.liveing{background: rgba(17, 17, 17, 0.6) url(../images/icon_liveing.png) no-repeat 5px center; background-size: 12px 12px;}
.live_state.wait{background: rgba(17, 17, 17, 0.6) url(../images/icon_wait.png) no-repeat 5px center; background-size: 12px 12px;}
.live_state.play{background: rgba(17, 17, 17, 0.6) url(../images/icon_play.png) no-repeat 5px center; background-size: 12px 12px;}
.tg_live_cnt .intro_bar{padding: 0 10px; overflow: hidden;}
.tg_live_cnt .intro_bar .live_type{font-size: 111px; color: rgba(17, 17, 17, 0.6); padding: 2px 5px; font-size: 11px; line-height: 1; border: 1px solid #d4d4d4; border-radius: 2px; float: left; margin-top: 3px;}
.tg_live_cnt .intro_bar .btn_join{width: 68px; height: 20px; line-height: 20px; border: 1px solid #ff8985; font-size: 13px; color: #FF3D37; text-align: center; border-radius: 22px; float: right;}
.tg_live_cnt .intro_bar .tg_name{font-size: 13px; color: rgba(17, 17, 17, 0.6); float: left;}
.tg_live_cnt .intro_bar .total_num{font-size: 13px; color: rgba(17, 17, 17, 0.6); float: right;}
.tg_live_cnt .intro_bar .btn_view{float: right;color: #0F7BFD;}
.main_course_cnt{padding-top: 25px;}
.active{display: block!important;}
.go_home{position: fixed; right: 4%; bottom: 10%; z-index: 999; display: -webkit-box; width: 65px; height: 65px; background: url(../images/go_home.png) no-repeat center; background-size: cover; margin-right: -15px;}
@media screen and (min-width:640px){.go_home{right: auto; left: 50%; margin-left: 248px;}}