﻿@charset "UTF-8";

#header {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #eaeff3
}

#header #new-head {
	width: 90%;
	min-width: 1230px;
	height: 60px;
	position: relative;
	z-index: 5000;
	margin: 0 auto
}

#header #new-head .logo {
	width: 90px;
	height: 60px;
	float: left;
	margin-right: 50px;
	position: relative
}

#header #new-head .logo>a {
	width: 88px;
	height: 56px;
	display: block;
	background: url("data:image/png;base64,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") no-repeat 50%;
	background-size: auto 40px;
	text-indent: -9999px;
	font-size: 0
}

#header #new-head .nav {
	height: 60px;
	float: left
}

#header #new-head .nav>li {
	height: 54px;
	line-height: 60px;
	margin: 0 20px;
	float: left;
	position: relative
}

#header #new-head .nav>li>a {
	font-size: 15px;
	line-height: 60px;
	display: block
}

#header #new-head .nav>li.nav_devide:hover {
	border-bottom: 6px solid #fde01f
}

#header #new-head .nav .college_info {
	font-size: 15px;
	height: 60px;
	cursor: pointer
}

#header #new-head .nav .college_info .trangle {
	width: 0;
	height: 0;
	border-top: 5px solid #000e42;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	margin: -2px 0 0 10px;
	display: inline-block;
	vertical-align: middle
}

#header #new-head .nav .college_info .class_details {
	width: 120px;
	text-align: center;
	position: absolute;
	left: -34px;
	top: 59px;
	background: #fff;
	border: 1px solid #eaeff3;
	padding: 0 10px;
	display: none
}

#header #new-head .nav .college_info .class_details li {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #eaeff3
}

#header #new-head .nav .college_info .class_details li a {
	font-size: 13px
}

#header #new-head .nav .college_info .class_details li:last-child {
	border-bottom: 0
}

#header #new-head .nav .college_info:hover .class_details {
	display: block
}

#header #new-head .login-menu {
	float: right;
	line-height: 60px
}

#header #new-head .login-menu a {
	margin: 0 8px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 15px
}

#header #new-head .login-menu .login {
	width: 110px;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	color: #55b6da;
	border: 1px solid #55b6da;
	background: #fff;
	position: relative
}

#header #new-head .login-menu .login:hover {
	background: #eef8fb
}

#header #new-head .login-menu .register {
	width: 110px;
	height: 38px;
	line-height: 38px;
	border-radius: 3px;
	overflow: hidden;
	color: #fff;
	background: #e26658
}

#header #new-head .nav-user {
	height: 60px;
	line-height: 60px;
	float: right;
	cursor: pointer;
	position: relative;
	text-align: right;
	font-weight: 300
}

#header #new-head .nav-user .myclassroom {
	width: 110px;
	height: 38px;
	padding: 0;
	background: #55b6da;
	border-radius: 3px;
	margin: 11px 20px 0 0;
	text-align: center;
	line-height: 38px;
	color: #fff;
	font-size: 15px;
	float: left
}

#header #new-head .nav-user .myclassroom:hover {
	background: #68c0df
}

#header #new-head .nav-user .exclusive {
	display: inline-block;
	height: 60px;
	margin-right: 20px;
	display: block
}

#header #new-head .nav-user .nav-user-con {
	display: inline-block;
	overflow: hidden
}

#header #new-head .nav-user .nav-user-pic {
	height: 60px;
	line-height: 60px;
	float: left;
	position: relative
}

#header #new-head .nav-user .nav-user-pic i.ticket-icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	right: -4px;
	background: #dd5e6e;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	color: #fff;
	text-align: center
}

#header #new-head .nav-user .nav-user-pic img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	float: left;
	position: relative;
	top: 8px;
	overflow: hidden
}

#header #new-head .nav-user .nav-user-pic .coupons-dots {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	right: -15px
}

#header #new-head .nav-user .nav-user-name {
	width: auto;
	max-width: 85px;
	height: 60px;
	line-height: 60px;
	margin-left: 11px;
	padding-right: 16px;
	font-size: 16px;
	display: inline-block;
	color: #666;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#header #new-head .nav-user .nav-user-name a {
	color: #666
}

#header #new-head .nav-user .nav-user-name a:hover {
	color: #333
}

#header #new-head .nav-user .nav-user-name i.down-icon {
	width: 24px;
	height: 60px;
	display: block;
	background: url(../images/down-icon2.png) no-repeat 50%;
	background-size: 11px 6px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

#header #new-head .nav-user .nav-user-name .nav-user-line {
	border-right: 1px solid #e6e6e6;
	padding-left: 10px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 4px
}

#header #new-head .exclusive_code {
	font-size: 15px;
	color: #55b6da;
	font-weight: 300;
	float: left;
	margin-right: 20px
}

#header #new-head .exclusive_code:hover {
	color: #50abcc
}

#header #new-head .exclusive_code .exclusive_code_icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/headgift.png) no-repeat 50%;
	background-size: 100% auto
}

#header #new-head .exclusive_code .exclusive_code_con {
	display: inline-block;
	vertical-align: middle
}

#header #new-head .nav-list {
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 99999;
	padding-top: 16px;
	box-sizing: border-box
}

#header #new-head .nav-list ul {
	width: 118px;
	border: 1px solid #e6e6e6;
	background: #fff;
	border-radius: 2px;
	position: relative
}

#header #new-head .nav-list ul:after {
	border-bottom: 10px solid #fff;
	top: -8px
}

#header #new-head .nav-list ul:after,#header #new-head .nav-list ul:before {
	position: absolute;
	display: inline-block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	left: 62px;
	content: ""
}

#header #new-head .nav-list ul:before {
	border-bottom: 10px solid #e6e6e6;
	top: -9px
}

#header #new-head .nav-list>ul>li {
	width: 100%;
	height: 40px;
	text-align: center;
	border-bottom: 1px solid #f4f4f4;
	position: relative
}

#header #new-head .nav-list>ul>li .user-gift {
	width: 12px;
	height: 24px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAV1BMVEX5Rlz8t8D8pK/+9vf5YXT7lqP////5U2j6b4H7gpD7i5n5S2D6Znj9wMf+8vT91dr+3+P+7vD+6Ov8rrf6eYn5Rlz5Rlz5Rlz7RlxHcEz6R13/SGH5RlyPz0gdAAAAHXRSTlP////////////////////////////qkLBgANAVL18vzUIAAAE+SURBVHja5dDZaoUwEIDhySSZbJpFPft5/+fsKCLE6Cn0qqUfOII/TFT4+wR+zlKBpo2AmpEajNqYKlrnvHPB6lUHlZ5mCmO/4E2VwFIOmGFRNOx5soCDW8QmmzgCoEwL0vuaZTe/4bqp21eSA9p+Y6ucooiOUCJizjzIVRk7H8F6OX+j4MG5xhm89N7nxOM4U0opFh6H+dvlxpjU8zhZvmly4SualXTwW4X2ibJOjxPMJuqq5nOk2YCgVJutQN0XBUykLVdwgB/mXEqRVFg4yl5rTVGzs+WaPp0dSiyiO826jCXJ6SQrqXEISbrDHPIQcICQ0mEWNAFnMOYwp3H7LXZqsw1bZuc/lRkIgtRpTkSUoeHG9Y6oDfwrl+v1chpv9we7347a8/56rF73537p+1F5Xy/V0gYfUi1t8SFfGVsZTeYps+sAAAAASUVORK5CYII=") no-repeat;
	background-size: 12px 24px;
	position: absolute;
	right: 10px;
	top: 0
}

#header #new-head .nav-list>ul>li.coupons-center-pc {
	position: relative
}

#header #new-head .nav-list>ul>li.coupons-center-pc .coupons—new-icon {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	background-color: #dd5e6e;
	top: 10px;
	right: 10px
}

#header #new-head .nav-list>ul>li:last-child {
	border-bottom: 0
}

#header #new-head .nav-list>ul>li a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #666
}

#header #new-head .nav-list>ul>li a:hover {
	color: #333
}

#mobile-header {
	background: #fff;
	border-bottom: 1px solid #eaeff3
}

#mobile-header,#mobile-header #new-head {
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 5000
}

#mobile-header #new-head {
	margin: 0 auto
}

#mobile-header #new-head .logo {
	width: 80px;
	height: 61px;
	float: left;
	margin-left: 6px
}

#mobile-header #new-head .logo a {
	width: 80px;
	height: 56px;
	display: block;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM8AAABzCAMAAAAIV6ZjAAABF1BMVEVHcEwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA9Oy4wMDAwMDAwMDAwMDAwMDBgWicwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDD63wEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDD74AEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDD63wH63wH63wH63wH63wH63wH63wH63wEwMDD74AH63wH63wH74AH74AEwMDD63wH74AH63wH63wH74AEwMDD63wH63wH63wH63wH63wH63wH63wEwMDD63wE1o+TyAAAAW3RSTlMAt/76dtsGCSD1HjDYA0mwLD3jAehizVaMFq3TaHLqW06+mYZUExmeJBHukELy4HpuyQ43fyiUp6MMwzQ6urRPavqIrMwunxAdk0YGElu4OvLlCyTrfNbfwn94RCBS8wAADNRJREFUeF7s2LGumzAUBuAzZLiqlLugDJVauUNVUSnSHTpVHWxj42KgxlACEJ33f44mN1FviEzDaKN+G/xY4h8OyIbFysQIAqvRSDxhsBYxnglYi61GxLqC9agYyWBFtiWsi8hhTTKuIDhlCXNGtBnM2GbgJVa3ZK5pjZiAW2PawcdGjUU8gFuCiDae6dqe1/knYmYswCm1//qfVkLE4Ke4AYdC4isyt8ZbceKaBIUXtnKEhBXgL9pT1/Bc1SncKbVswGca1fSlG4Vv2mnbgnSYgtcKiVzlxd9L2uGEfhv9jEn/NxHblCNip1iephVNJN6z4hKNxoaxhzjgFUeHadRm4L1C4mIMAlBxXMhEEAKNy/AUglD2uMgIgSC4RNdAKAwuQCEUUcpxinOOdwwEROMJ76XQR0ZoTvOqoieEjcp09voxCEgmxZHkOWWjFoPs+rNODkYll9vJkEBQMqaHnqOTleJAo8D64CvedoNQKjnTShhZ20ugIDC6NprlcVnArajJKnpUsk4hME0Jc6LIm+PS/74//dh/3u0+bj7sfj1/+/0THtm/bG68PMG95+kDX2Di0236Hk7ebR7b7b/CQ3+6N5f2RJUmAFdABVSMoqKo8nhDn3gb78Zbtlm5cln//398093mDFAQ2oznW5x3NxXCdHfdi85qvegd5zP0YVj2qL3WIB7TRj9KFkJk0uhn5gSPr4J/cFdM9AtlsFrwLcNrY44xpHcliKOoop9XCHPGAKOQ8tDHhB/QEuXoQDzT9zF+S7cAlIjTvEKY+rer6KEPfmo5BeVoQBydIyazH0IE5SWxpiCZPPqprILmZvnNIMNEG5TkAtGcXlCK/OlH5qY8aG42StKDKDIbAyWpbP8f5qYiRxHgF1QY6QHDF5THPkCYoLm5JIqaQXObZ74xNx5G+8hp5xglN2DMUy48i5BoHYBSzOMj/IIv1q+cl+ABjhuvIbrBB1zxwEiLM7dMU5iCBjQ2vACnJIQ7oOQsfIiKB3cm+De8lOPMbS0W21i9/eazj342QjhCzhQIt8jtuM3lslnBSK4kaslDX7OKNbfx3PrN3AgujAst1fd4gJWNhOavs2cCmG/nnYGUd5Ikf8J4CJyCov6hLn1Oceb2Tv+jhc/JzhUk2CDo49/wAQInV/yH3OruG3IotGK50romB35qSLAOzzC3FsRRR0nyGQjhVGh+IZVkGNcBxjb9NzSzQAi6pSpQUBAQIqeefBQKSVCvdD8eMDKHg/YjDgwN4pgi513nFAL76XJZ9r4mYm76jPp6mBH6oPnw+ewCmb+Kftq+DEzNjSYQ4wZhGhhmCYzby8+4fEw6IChcQj+qAoA2/zo0ah5qERgD5PSJ97jJ6gEaz/fASOHP2Weij6rmM7c3j6EHHDw95ELxe8oafBBdxuRbh/ZEKWB08S9gioA3N8oxe8iZVTjBRwwhFC7VJOZGlhSRbws06p+ZPGvgY9CWokOaM1EuyEHNjS5pJJMM5hrRLUGqDetFaa2Akii5ZHOrxSUDUgLDB/4NDeH4QQydh1NJbJPo57wOEWdu9FxWx/wX6dCq8hE0Q66yiXr1sQzgBRO8ktC2PMwlpu4ytcwXITeoZyIw9xhgzfaz202OZIV61k/ACoxp1gf8hGlSDUiTWAkIxLbymYhkrZxYjLjWfFwDv+ZWaz6qOjxMxsbEDGU20c/8IHEuOyC9j9ikrqA0OXgY2hG4Q9Le0tlNYpQsRHnn7rGouTThUaoy88hUUoikOnQ9aqpik68ozebx7ahJQYUm5dkQIsipJFqTbVZWvACTZg2P8TmR6m+HMyTjlyQdVqNMdS8KzYd6OXmcVl6iwqAN7gIIRIdGNmoOeaXNv/LQ6IByKwk67UYFCTPaIZMlqFuIIBvU4RHuHP1vZ5u85fyc0gGFCGExJ/AgmSN+QzcyPh4sUoQk6jAFAt3wvx4IukHKLCmoK1CaVROiKFGLpDSiC8kq7TzX1d90GIMTtNDPfGlzju81E6ToYAxq96rJZagSRLAKGm/TjNimmgsHvDY0MIbLCmSYYASGPareII6yTVoJSoHW56Sda5qhydvM0SzZ1id+bRR3Xy3G63erShQHE4nioA6MnT9HlTCWtEyw1o34T6dniKaFAQZAIC2UtQLBjjT6n5b/VRuMxfUgmSvGo7yeIIoPieLgpJBpitgm2eQ1IDgGFpC3/I9rkEBiZ2i0geKNSXEg/fVurZCq3Xc6vdA0oJdxbJ+3lSEBMtil1BMj4kIiq82yINiQKvZm+O2vFna6iT8jJ1MczwSq/AS9R4qDGLekedNcEkP9FajORiGH8QteIRlNzwpyhc0Soxhnv1epXZZoOtoguPmP7RJOPpvQuz+CReAIHqRgy1jcWonMCoNJ3UcTMZg3BS2yyVJgrptTQpacmdOFyLO6JIV96ukl2tXET5leiaH2ApOednhurRt/NdsZukhQgkG7fIwsDoqKRFBx3PAm3yoBdXyES6Qp8eTH6COlRuer1KjbSKAD8g4x1GsgBnpuuERakLz9GGcFCe3vPH1AmjfKfBV7J+QlEL4KpETqkVN5jOwsaSa5j/xeratIIDo8zMOGelMDZlAn5c2RdByP8WahH5owPyuRxcHV+IYBCM5+YS9k3mMPTDscrT3/Md3gOQGhJlEcePo3ZECw8gsPPFoP/qEEsCWvHu56/1BfweNsVSScwcfaJsXB0/jcPfnVdPxP6+fMwiKJ5WkMLMlXm9V2iBQJFzFhdwkhnP6MtIzPItuQqwa2kp9SGlIzr+274ou5z2UxQ05Bvm2LX8vBkrxMO+2SzwrP4rQk9wMp9aibTpSpfJd7bYrE8ny0Or3Cm3x/pWlKbRv3EMMhVanBv0NhnlSs0d7mJfGDWqIdDw/wLzF8L8K3pJM/uZFJP7m/IE3GYTtdOeHfNZ1PeA4Vqf0ckVCFH9B3qwAZ28qG7cjdwXNw6X7k1KPB45RtPAMU6ZWsDS7gOVB7o9MSZ54QrGUxB2zyPaxO6eDuDM/BTipjADIfUcHtmWjWzIPn0Eicc3ivSJg7EGJV3Xf31cNdDaPuZSKUUEtp283Lpc895vSL5eqr+PulYv9yqYvcvVWW3Is2LQ0gc/39plYoa04nvx9eA6PaLuf6l5eNEzOuJKiBEN/JI0ElJcStiaggLh0WU7uIyv1DleYaG4X9q7niM9cqgDZGtp+Uwp+6N9cTXiKOC2XYLrk8f/MbfOPPoMBBq8+f6AonpEMmSqPgmPzQT+0jokRsK1+wf/NOH9gDMLvYOHt6SmU2tFVVdZfzOhWermwsAhT5ZG6BVjXrDSyc8mxdBXOCtg7gpHG09rYjvJT/6H6JdscZtlRVByihofa33nWGudi/DaO4drfbtS1FcjLqGS4vgt2lCWdc8qU08QZQQ+UqBgQ1AG9mHZioB7A13K2InHueDm5aAxtChfW7X299xclxJT7OXtlBGAURQkqStyQo1BzpR5A+y4iOU4aVrnELHFcObCm9u5uW2NF+3JUBk/uhfKpNE1bj9O2I9TIfN+S/9jD48+HTEHvTOzrb1OZe2GwTLuXI4UZG6sIMrf4WOJl1ddPrzu5T2TMXpY0hO9oNF53Y/i8NxgfLRSdMp+/1UwutfYOR/mPUA/+A2myqN34QTNeRnAx8gO4WIsm9q6hODmxJLFvN7CXro1bueCWmPDa3lw4XfYJuKMKUFaNbZiaS3uCHsEtV/ECdFeDOxj8Yy6p5k/s9ez6amoqyjFMZiEP/VcGGCVc0Nmd9BSPm6bl7du4wsys3mT+fsMvkS53jOA7bhJ01K/zcX/HK5VlvmIE7O7z6+/49CEVuII6apIbUkQ6R3K5FfnZpLEJXGL5mGQ5A9e7dfeYuQ3a0QlS87xPWBQ3AVooAO77A/d3LPwtb32h2AYxbqgPwiytL6DqWsy2jm14xvslt3MvWHDRRF0bS9R3tBdcAU9xzUQ1gVREuvlbGb+AYbIR45teJU/f48cqWrYl7Hx3RwphdJnvFqXAjRYd4tPY8QTXLdva74amy2XrbPtoa7HFfdHI7ZLYHS2ULwH3mja11wf+Ys8i3m+4M9avL9DbFV75CFhGyY6xvndM7z78dRWGLX6WZrPSBSw20OVM7QFZJuIHktbqxVmd9tBO6qKuBaCA2cwA5F1FFo484Agddjesfl1+25ChjJtLe2VNopHiJshGVyosJUKjwH3R1HrPVIdfiXMiyAMV7+zzABiRxq45sVwnaWL67a509SGTbHu0ntQN/zWb/ntJhMeqA1yqIN7dKPGY7wEWcaX8/WvDQW2px03GqV3bkw9ZoXy+Y/JHWADgek3WYLNuaAqPYOoEMTnF6XbT7/X57UR1Mi1kNnoauLMvwn6GcaWMP/juU0ogl+O8wqNhV+Pf5H++grd1Zd5EyAAAAAElFTkSuQmCC") no-repeat 50%;
	background-size: auto 40px;
	text-indent: -9999px;
	font-size: 0
}

#mobile-header #new-head .user-info {
	float: right
}

#mobile-header #new-head .user-info .exclusive {
	height: 60px;
	line-height: 60px;
	float: left
}

#mobile-header #new-head .user-info .exclusive a {
	font-size: 12px;
	color: #55b6da
}

#mobile-header #new-head .user-info .exclusive .exclusive_code_icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/headgift.png) no-repeat 50%;
	background-size: 100% auto
}

#mobile-header #new-head .user-info .exclusive .exclusive_code_con {
	display: inline-block;
	vertical-align: middle
}

#mobile-header #new-head .user-info .myclassroom_m {
	width: 65px;
	height: 30px;
	border-radius: 4px;
	background: #55b6da;
	float: left;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	margin: 15px 10px 0
}

#mobile-header #new-head .user-info .nav {
	width: 30px;
	height: 30px;
	float: right;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAlklEQVRYR+2Wuw2EMBBEPRVAE5iUBOqATq8OSC49uwmoYBCIQ+ITL0geN/BGz9rZhXv44WG+U4DdQFHUFekyiy8B3BTj8F1Ye4DSN7SA/xm/0K/skwHmFiEAjBcDFuA7hqZABmTgPQa8bz4gTaqYwBhC3x2acAtg0oRbgPYQQE0oAzIgA0kdpSSnEIe1dXWUvmcdJzuGM02BOiGFHOLbAAAAAElFTkSuQmCC") no-repeat;
	background-size: 30px 30px;
	position: relative;
	top: 16px;
	margin-right: 15px
}

#mobile-header #new-head .user-info .nav>ul {
	position: absolute;
	width: 120px;
	top: 54px;
	right: 0;
	background: #fff;
	z-index: 5100;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2
}

#mobile-header #new-head .user-info .nav>ul:before {
	border-bottom: 10px solid #e2e2e2;
	top: -10px
}

#mobile-header #new-head .user-info .nav>ul:after,#mobile-header #new-head .user-info .nav>ul:before {
	position: absolute;
	display: inline-block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	right: 5px;
	content: ""
}

#mobile-header #new-head .user-info .nav>ul:after {
	border-bottom: 10px solid #fff;
	top: -9px
}

#mobile-header #new-head .user-info .nav>ul>li {
	width: 120px;
	height: 43px;
	line-height: 43px;
	float: none;
	text-align: center;
	margin: 0;
	border-bottom: 1px solid #e2e2e2;
	position: relative
}

#mobile-header #new-head .user-info .nav>ul>li .user-gift {
	width: 12px;
	height: 24px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAV1BMVEX5Rlz8t8D8pK/+9vf5YXT7lqP////5U2j6b4H7gpD7i5n5S2D6Znj9wMf+8vT91dr+3+P+7vD+6Ov8rrf6eYn5Rlz5Rlz5Rlz7RlxHcEz6R13/SGH5RlyPz0gdAAAAHXRSTlP////////////////////////////qkLBgANAVL18vzUIAAAE+SURBVHja5dDZaoUwEIDhySSZbJpFPft5/+fsKCLE6Cn0qqUfOII/TFT4+wR+zlKBpo2AmpEajNqYKlrnvHPB6lUHlZ5mCmO/4E2VwFIOmGFRNOx5soCDW8QmmzgCoEwL0vuaZTe/4bqp21eSA9p+Y6ucooiOUCJizjzIVRk7H8F6OX+j4MG5xhm89N7nxOM4U0opFh6H+dvlxpjU8zhZvmly4SualXTwW4X2ibJOjxPMJuqq5nOk2YCgVJutQN0XBUykLVdwgB/mXEqRVFg4yl5rTVGzs+WaPp0dSiyiO826jCXJ6SQrqXEISbrDHPIQcICQ0mEWNAFnMOYwp3H7LXZqsw1bZuc/lRkIgtRpTkSUoeHG9Y6oDfwrl+v1chpv9we7347a8/56rF73537p+1F5Xy/V0gYfUi1t8SFfGVsZTeYps+sAAAAASUVORK5CYII=") no-repeat;
	background-size: 12px 24px;
	position: absolute;
	right: 10px;
	top: 0
}

#mobile-header #new-head .user-info .nav>ul>li.dots-phone {
	position: relative
}

#mobile-header #new-head .user-info .nav>ul>li.dots-phone .coupons—new-icon {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #dd5e6e;
	position: absolute;
	top: 8px;
	right: 19px
}

#mobile-header #new-head .user-info .nav>ul>li.register {
	width: 120px;
	height: 43px;
	background: #fff;
	margin: 0
}

#mobile-header #new-head .user-info .nav>ul>li.register a {
	background: none;
	color: #666
}

#mobile-header #new-head .user-info .nav>ul>li.login {
	width: 120px;
	height: 43px;
	border: none;
	border-bottom: 1px solid #e2e2e2;
	margin: 0
}

#mobile-header #new-head .user-info .nav>ul>li>a {
	width: 120px;
	font-size: 14px;
	display: block;
	line-height: 43px;
	color: #666;
	padding: 0
}

#mobile-header #new-head .user-info .nav>ul>li a:hover {
	color: #000
}

#mobile-header #new-head .user-info .nav>ul>li.hover {
	width: 120px;
	font-size: 14px;
	display: block;
	line-height: 43px;
	color: #666;
	border-bottom: 1px solid #e2e2e2;
	padding: 0
}

#mobile-header #new-head .user-info .nav>ul>li.nav-user {
	width: 148px;
	float: right;
	cursor: pointer;
	position: relative;
	text-align: right;
	display: none
}

@media screen and (device-aspect-ratio:40/71) {
	#mobile-header #new-head .user-info .nav>ul {
		width: 100px
	}

	#mobile-header #new-head .user-info .nav>ul>li>a {
		width: 100px;
		font-size: 12px;
		line-height: 33px
	}

	#mobile-header #new-head .user-info .nav>ul>li,#mobile-header #new-head .user-info .nav>ul>li.hover {
		width: 100px;
		height: 33px;
		line-height: 33px
	}

	#mobile-header #new-head .user-info .nav>ul>li.login,#mobile-header #new-head .user-info .nav>ul>li.register {
		width: 100px;
		height: 33px
	}
}

#footer {
	width: 100%;
	height: auto;
	background: #f7f7f7;
	color: #666;
	border-top: 1px solid #ebeef2;
	padding-top: 35px;
	padding-bottom: 6px;
	overflow: hidden;
	position: relative
}

#footer a {
	font-size: 13px;
	color: #666;
	text-decoration: none
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#footer .bottom_line {
	width: 100%;
	height: 1px;
	background: #ebeef2;
	position: absolute;
	bottom: 60px;
	left: 0
}

#footer .footer_center {
	width: 1020px;
	margin: 0 auto;
	font-size: 14px;
	overflow: hidden
}

#footer .footer_center .logo {
	width: 100%;
	height: 75px;
	margin-bottom: 30px
}

#footer .footer_center .logo img {
	width: 96px
}

#footer .footer_center ul {
	margin-right: 90px
}

#footer .footer_center ul li {
	margin-bottom: 25px
}

#footer .footer_center ul li a:hover {
	text-decoration: underline
}

#footer .footer_center ul li:first-child {
	font-weight: 800;
	font-size: 14px
}

#footer .footer_center .footer_course {
	width: 640px;
	overflow: hidden;
	float: left
}

#footer .footer_center .footer_course ul {
	float: left
}

#footer .footer_center .footer_about {
	width: calc(100% - 655px);
	float: right
}

#footer .footer_center .footer_about .fr,#footer .footer_center .footer_about ul {
	float: right
}

#footer .footer_center .footer_about .fl {
	float: left
}

#footer .footer_center .footer_record {
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 13px
}

#footer .footer_center .footer_record span {
	display: inline-block;
	vertical-align: middle
}

#footer .footer_center .footer_record span:first-child {
	float: left
}

#footer .footer_center .footer_record span:nth-child(2) {
	margin-right: 27px
}

#footer .footer_center .footer_record span:last-child {
	float: right
}

#footer .footer_center ul li a:active,#footer .footer_center ul li a:link,#footer .footer_center ul li a:visited {
	font-size: 13px;
	color: #666
}

#mobile-footer {
	width: 100%;
	height: auto;
	background: #f7f7f7;
	border-top: 1px solid #ebeef2;
	padding-top: 35px;
	padding-bottom: 6px;
	overflow: hidden;
	position: relative;
	display: block
}

#mobile-footer a {
	font-size: 13px;
	color: #666;
	text-decoration: none
}

#mobile-footer ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#mobile-footer .bottom_line {
	width: 100%;
	height: 1px;
	background: #ebeef2;
	position: absolute;
	left: 0
}

#mobile-footer .footer_center {
	width: 336px;
	margin: 0 auto;
	font-size: 14px;
	overflow: hidden
}

#mobile-footer .footer_center .logo {
	width: 100%;
	height: 75px
}

#mobile-footer .footer_center .logo img {
	width: 96px
}

#mobile-footer .footer_center .footer_course {
	padding-bottom: 20px;
	overflow: hidden
}

#mobile-footer .footer_center .footer_course ul {
	width: 100%;
	overflow: hidden
}

#mobile-footer .footer_center .footer_course ul li {
	float: left;
	margin-bottom: 18px
}

#mobile-footer .footer_center .footer_record {
	width: 100%;
	float: left;
	text-align: center;
	line-height: 20px;
	font-size: 13px
}

#mobile-footer .footer_center .footer_record span {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 7px
}

#mobile-footer .footer_center .footer_record span:nth-child(2) {
	margin-left: 20px
}

#mobile-footer .footer_center .footer_course ul li a:active,#mobile-footer .footer_center .footer_course ul li a:link,#mobile-footer .footer_center .footer_course ul li a:visited {
	color: #666;
	font-size: 13px;
	margin-right: 20px
}

@media screen and (device-aspect-ratio:40/71) {
	#mobile-footer {
		padding-bottom: 20px
	}

	#mobile-footer .footer_center {
		width: 280px
	}

	#mobile-footer .footer_center .footer_record {
		line-height: 30px
	}

	#mobile-footer .footer_center .footer_record span {
		height: 30px;
		line-height: 18px
	}

	#mobile-footer .footer_center .footer_record span:nth-child(2) {
		margin-left: 0
	}

	#mobile-footer .bottom_line {
		bottom: 186px
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: 50%;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: opacity .3s;
	-o-transition: .3s opacity;
	transition: opacity .3s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: top .2s,-webkit-transform .2s;
	transition: top .2s,-webkit-transform .2s;
	-o-transition: .2s transform,.2s top;
	transition: transform .2s,top .2s;
	transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: left .2s,-webkit-transform .2s;
	transition: left .2s,-webkit-transform .2s;
	-o-transition: .2s transform,.2s left;
	transition: transform .2s,left .2s;
	transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: right .2s,-webkit-transform .2s;
	transition: right .2s,-webkit-transform .2s;
	-o-transition: .2s transform,.2s right;
	transition: transform .2s,right .2s;
	transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
	animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.nuxt-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	opacity: 1;
	transition: width .1s,opacity .4s;
	background-color: #fff;
	z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
	transition: none
}

.nuxt-progress-failed {
	background-color: red
}

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

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

div {
	word-wrap: break-word;
	word-break: break-all
}

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

table {
	table-layout: fixed
}

iframe {
	background-color: #fff
}

input[type=password],input[type=text],select {
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: none
}

input[type=button],input[type=reset],input[type=submit],select {
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	cursor: pointer;
	outline: none
}

textarea {
	overflow: auto;
	font-size: 12px;
	resize: none;
	-webkit-appearance: none;
	outline: none
}

body {
	letter-spacing: .3px;
	color: #666;
}

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

a:hover {
	color: #333;
	cursor: pointer
}

article,aside,dialog,figure,footer,header,menu,nav,section {
	display: block
}

img {
	/*max-width: 100%;*/
	height: auto;
	display: inline-block;
	vertical-align: middle
}

:focus {
	outline: 0
}

.f10 {
	font-size: 10px
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f24 {
	font-size: 24px
}

.f28 {
	font-size: 28px
}

.f32 {
	font-size: 32px
}

.f36 {
	font-size: 36px
}

.fw {
	font-weight: 400
}

.fb {
	font-weight: 700
}

.fYaHei {
	font-family: \5FAE\8F6F\96C5\9ED1
}

.fn {
	font-weight: 400
}

.t2 {
	text-indent: 2em
}

.lh150 {
	line-height: 150%
}

.lh180 {
	line-height: 180%
}

.lh200 {
	line-height: 200%
}

.lh300 {
	line-height: 300%
}

.tdu {
	text-decoration: underline
}

.tdn {
	text-decoration: none
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.bc {
	margin-left: auto;
	margin-right: auto
}

.fl {
	float: left
}

.fl,.fr {
	display: inline
}

.fr {
	float: right
}

.clear {
	clear: both
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.vm {
	vertical-align: middle
}

.pr {
	position: relative
}

.pa {
	position: absolute
}

.zoom {
	zoom: 1
}

.hidden {
	visibility: hidden
}

.none {
	display: none
}

.db {
	display: block
}

.dib {
	display: inline-block
}

.oh {
	overflow: hidden
}

.cb {
	clear: both
}

.w200 {
	width: 200px
}

.w250 {
	width: 250px
}

.w300 {
	width: 300px
}

.w1000 {
	width: 1000px
}

.w {
	width: 100%
}

.w2 {
	width: 50%
}

.w3 {
	width: 33.3%
}

.h {
	height: 100%
}

.ma {
	margin: 0 auto
}

.m10 {
	margin: 10px
}

.m15 {
	margin: 15px
}

.m30 {
	margin: 30px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt100 {
	margin-top: 100px
}

.mb10 {
	margin-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.mb100 {
	margin-bottom: 100px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.ml20 {
	margin-left: 20px
}

.ml30 {
	margin-left: 30px
}

.ml40 {
	margin-left: 40px
}

.ml50 {
	margin-left: 50px
}

.ml100 {
	margin-left: 100px
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr15 {
	margin-right: 15px
}

.mr20 {
	margin-right: 20px
}

.mr30 {
	margin-right: 30px
}

.mr40 {
	margin-right: 40px
}

.mr50 {
	margin-right: 50px
}

.mr100 {
	margin-right: 100px
}

.p10 {
	padding: 10px
}

.p15 {
	padding: 15px
}

.p30 {
	padding: 30px
}

.pt5 {
	padding-top: 5px
}

.pt10 {
	padding-top: 10px
}

.pt15 {
	padding-top: 15px
}

.pt20 {
	padding-top: 20px
}

.pt30 {
	padding-top: 30px
}

.pt50 {
	padding-top: 50px
}

.pb5 {
	padding-bottom: 5px
}

.pb10 {
	padding-bottom: 10px
}

.pb15 {
	padding-bottom: 15px
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.pb50 {
	padding-bottom: 50px
}

.pb100 {
	padding-bottom: 100px
}

.pl5 {
	padding-left: 5px
}

.pl10 {
	padding-left: 10px
}

.pl15 {
	padding-left: 15px
}

.pl20 {
	padding-left: 20px
}

.pl30 {
	padding-left: 30px
}

.pl50 {
	padding-left: 50px
}

.pl100 {
	padding-left: 100px
}

.pr5 {
	padding-right: 5px
}

.pr10 {
	padding-right: 10px
}

.pr15 {
	padding-right: 15px
}

.pr20 {
	padding-right: 20px
}

.pr30 {
	padding-right: 30px
}

.pr50 {
	padding-right: 50px
}

.pr100 {
	padding-right: 100px
}

.op30 {
	opacity: .5;
	filter: alpha(opacity=30)
}

.op50 {
	opacity: .5;
	filter: alpha(opacity=50)
}

.op80 {
	opacity: .8;
	filter: alpha(opacity=80)
}

.br3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.br5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.br10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.br15 {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

.wot {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ig {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

body {
	margin: 0;
	padding: 0
}

#top_banner .top_banner_container[data-v-7498e7cc] {
	width: 100%;
	height: 60px;
	position: relative
}

#top_banner .top_banner_container .top_banner_con[data-v-7498e7cc] {
	color: #fff;
	font-size: 16px
}

#top_banner .top_banner_container .top_banner_con[data-v-7498e7cc]:hover {
	text-decoration: underline
}

#top_banner .top_banner_container .top_img_banner_con[data-v-7498e7cc] {
	width: 100%;
	height: 60px;
	display: inline-block;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

#top_banner .top_banner_container .top_img_banner_con img[data-v-7498e7cc] {
	width: 100%;
	display: inline-block
}

#top_banner .top_banner_container .top_banner_close[data-v-7498e7cc] {
	width: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	z-index: 4500;
	cursor: pointer
}

#top_banner .top_banner_container .top_banner_img_popup_bg[data-v-7498e7cc] {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	z-index: 6000
}

#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup[data-v-7498e7cc] {
	width: 400px;
	height: 400px;
	background: #fff;
	border: 1px solid #eee;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 6100
}

#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .top_banner_img_popup_close[data-v-7498e7cc] {
	width: 15px;
	height: 15px;
	background: url(../images/liveclose.png) no-repeat 50%;
	background-size: 100% auto;
	position: fixed;
	top: -370px;
	left: 370px;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 6200;
	cursor: pointer
}

#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_con1[data-v-7498e7cc] {
	color: #333;
	font-size: 18px;
	text-align: center;
	margin-top: 50px
}

#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_con2[data-v-7498e7cc] {
	color: #989898;
	font-size: 14px;
	text-align: center;
	margin-top: 10px
}

#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_con2 span[data-v-7498e7cc] {
	color: #bc3132
}

#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_code[data-v-7498e7cc] {
	width: 200px;
	height: 200px;
	display: block;
	margin: 20px auto
}

#top_banner .top_banner_container_bg[data-v-7498e7cc] {
	line-height: 60px;
	background: url(../images/tipbg.png) 0 0/80px auto,#4a9aa8;
	background: url(../images/tipbg.png) 0 0/80px auto,linear-gradient(-90deg,#4880a5,#62cdaa);
	background: url(../images/tipbg.png) 0 0/80px auto,-moz-linear-gradient(180deg,#4880a5,#62cdaa);
	text-align: center
}

#top_banner .top_img_banner_container_bg[data-v-7498e7cc] {
	background: #eee
}

@media screen and (max-width:768px) {
	#top_banner .top_banner_container .top_img_banner_con[data-v-7498e7cc] {
		width: 100%;
		height: 60px;
		display: inline-block;
		overflow: hidden;
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat
	}

	#top_banner .top_banner_container .top_img_banner_con img[data-v-7498e7cc] {
		width: 100%;
		display: inline-block
	}

	#top_banner .top_banner_container .top_banner_con[data-v-7498e7cc]:active,#top_banner .top_banner_container .top_banner_con[data-v-7498e7cc]:hover,#top_banner .top_banner_container .top_banner_con[data-v-7498e7cc]:link,#top_banner .top_banner_container .top_banner_con[data-v-7498e7cc]:visited {
		width: 75%;
		display: inline-block;
		line-height: 20px;
		font-size: 12px;
		text-align: left;
		margin: 10px 0 0 -40px
	}

	#top_banner .top_banner_container .top_banner_close[data-v-7498e7cc] {
		width: 12px;
		right: 20px
	}

	#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup[data-v-7498e7cc] {
		width: 300px;
		height: 300px
	}

	#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .top_banner_img_popup_close[data-v-7498e7cc] {
		top: -270px;
		left: 270px
	}

	#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_con1[data-v-7498e7cc] {
		font-size: 16px;
		margin-top: 45px
	}

	#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_con2[data-v-7498e7cc] {
		font-size: 12px;
		margin-top: 10px
	}

	#top_banner .top_banner_container .top_banner_img_popup_bg .top_banner_img_popup .popup_code[data-v-7498e7cc] {
		width: 150px;
		height: 150px
	}
}

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

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

div {
	word-wrap: break-word;
	word-break: break-all
}

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

table {
	table-layout: fixed
}

iframe {
	background-color: #fff
}

input[type=password],input[type=text],select {
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: none
}

input[type=button],input[type=reset],input[type=submit],select {
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	cursor: pointer;
	outline: none
}

textarea {
	overflow: auto;
	font-size: 12px;
	resize: none;
	-webkit-appearance: none;
	outline: none
}

body {
	letter-spacing: .3px;
	color: #666;
}

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

a:hover {
	color: #333;
	cursor: pointer
}

article,aside,dialog,figure,footer,header,menu,nav,section {
	display: block
}

img {
	/*max-width: 100%;*/
	height: auto;
	display: inline-block;
	vertical-align: middle
}

:focus {
	outline: 0
}

.f10 {
	font-size: 10px
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f24 {
	font-size: 24px
}

.f28 {
	font-size: 28px
}

.f32 {
	font-size: 32px
}

.f36 {
	font-size: 36px
}

.fw {
	font-weight: 400
}

.fb {
	font-weight: 700
}

.fYaHei {
	font-family: \5FAE\8F6F\96C5\9ED1
}

.fn {
	font-weight: 400
}

.t2 {
	text-indent: 2em
}

.lh150 {
	line-height: 150%
}

.lh180 {
	line-height: 180%
}

.lh200 {
	line-height: 200%
}

.lh300 {
	line-height: 300%
}

.tdu {
	text-decoration: underline
}

.tdn {
	text-decoration: none
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.bc {
	margin-left: auto;
	margin-right: auto
}

.fl {
	float: left
}

.fl,.fr {
	display: inline
}

.fr {
	float: right
}

.clear {
	clear: both
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.vm {
	vertical-align: middle
}

.pr {
	position: relative
}

.pa {
	position: absolute
}

.zoom {
	zoom: 1
}

.hidden {
	visibility: hidden
}

.none {
	display: none
}

.db {
	display: block
}

.dib {
	display: inline-block
}

.oh {
	overflow: hidden
}

.cb {
	clear: both
}

.w200 {
	width: 200px
}

.w250 {
	width: 250px
}

.w300 {
	width: 300px
}

.w1000 {
	width: 1000px
}

.w {
	width: 100%
}

.w2 {
	width: 50%
}

.w3 {
	width: 33.3%
}

.h {
	height: 100%
}

.ma {
	margin: 0 auto
}

.m10 {
	margin: 10px
}

.m15 {
	margin: 15px
}

.m30 {
	margin: 30px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt100 {
	margin-top: 100px
}

.mb10 {
	margin-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.mb100 {
	margin-bottom: 100px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.ml20 {
	margin-left: 20px
}

.ml30 {
	margin-left: 30px
}

.ml40 {
	margin-left: 40px
}

.ml50 {
	margin-left: 50px
}

.ml100 {
	margin-left: 100px
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr15 {
	margin-right: 15px
}

.mr20 {
	margin-right: 20px
}

.mr30 {
	margin-right: 30px
}

.mr40 {
	margin-right: 40px
}

.mr50 {
	margin-right: 50px
}

.mr100 {
	margin-right: 100px
}

.p10 {
	padding: 10px
}

.p15 {
	padding: 15px
}

.p30 {
	padding: 30px
}

.pt5 {
	padding-top: 5px
}

.pt10 {
	padding-top: 10px
}

.pt15 {
	padding-top: 15px
}

.pt20 {
	padding-top: 20px
}

.pt30 {
	padding-top: 30px
}

.pt50 {
	padding-top: 50px
}

.pb5 {
	padding-bottom: 5px
}

.pb10 {
	padding-bottom: 10px
}

.pb15 {
	padding-bottom: 15px
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.pb50 {
	padding-bottom: 50px
}

.pb100 {
	padding-bottom: 100px
}

.pl5 {
	padding-left: 5px
}

.pl10 {
	padding-left: 10px
}

.pl15 {
	padding-left: 15px
}

.pl20 {
	padding-left: 20px
}

.pl30 {
	padding-left: 30px
}

.pl50 {
	padding-left: 50px
}

.pl100 {
	padding-left: 100px
}

.pr5 {
	padding-right: 5px
}

.pr10 {
	padding-right: 10px
}

.pr15 {
	padding-right: 15px
}

.pr20 {
	padding-right: 20px
}

.pr30 {
	padding-right: 30px
}

.pr50 {
	padding-right: 50px
}

.pr100 {
	padding-right: 100px
}

.op30 {
	opacity: .5;
	filter: alpha(opacity=30)
}

.op50 {
	opacity: .5;
	filter: alpha(opacity=50)
}

.op80 {
	opacity: .8;
	filter: alpha(opacity=80)
}

.br3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.br5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.br10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.br15 {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px
}

.wot {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ig {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

body {
	margin: 0;
	padding: 0
}

a {
	-webkit-tap-highlight-color: transparent
}

.animateCard {
	transition: transform .15s;
	-webkit-transition: transform .15s;
	-ms-transition: transform .15s;
	-moz-transition: transform .15s;
	-o-transition: transform .15s;
	cursor: pointer
}

.animateCard:hover {
	transform: translate3d(0,-5px,0);
	-webkit-transform: translate3d(0,-5px,0);
	-ms-transform: translate3d(0,-5px,0);
	-moz-transform: translate3d(0,-5px,0);
	-o-transform: translate3d(0,-5px,0)
}

.pm_category {
	background: #49b6e1;
	background: linear-gradient(90deg,#4ac4e0 20%,#3f81ed);
	background: -webkit-linear-gradient(0deg,#4ac4e0 20%,#3f81ed)
}

.om_category {
	background: #f5a758;
	background: linear-gradient(90deg,#f8ba51 20%,#ea6b63);
	background: -webkit-linear-gradient(0deg,#f8ba51 20%,#ea6b63)
}

.market_category {
	background: #e44885;
	background: linear-gradient(90deg,#e14a99 20%,#ed3f4f);
	background: -webkit-linear-gradient(0deg,#e14a99 20%,#ed3f4f)
}

.xinmeiti_category {
	background: #4ad8e7;
	background: linear-gradient(90deg,#30cdfd 0,#9afba4);
	background: -webkit-linear-gradient(0deg,#30cdfd,#9afba4)
}

.category_center {
	width: 1200px;
	height: 100%;
	margin: 0 auto
}

.common_boxshadow {
	box-shadow: 0 0 30px rgba(85,182,218,.2)
}

.box_shadow {
	box-shadow: 0 10px 40px rgba(106,180,248,.3)
}

.pcShow {
	display: block
}

.pcHidden {
	display: none
}

.course_schedule {
	width: 1020px;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
	margin: -80px auto 0;
	position: relative;
	z-index: 2
}

.course_schedule .course_schedule_title {
	padding: 40px 0;
	border-bottom: 1px dashed #e0e0e0;
	text-align: center
}

.course_schedule .course_schedule_title .course_schedule_title_h1,.course_schedule .course_schedule_title .course_schedule_title_h2 {
	font-size: 33px
}

.course_schedule .course_schedule_title .course_schedule_title_explain {
	color: #fff;
	padding: 10px 15px;
	font-size: 20px;
	margin-top: 25px;
	display: inline-block;
	vertical-align: middle
}

.course_schedule .course_schedule_table {
	padding: 10px 35px 35px
}

.course_schedule .course_schedule_table .course_schedule_tr {
	padding-left: 160px;
	position: relative
}

.course_schedule .course_schedule_table .course_schedule_tr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.course_schedule .course_schedule_table .course_schedule_th {
	width: 50%;
	height: 85px;
	line-height: 85px;
	font-size: 18px;
	float: left;
	color: #666;
	text-align: center
}

.course_schedule .course_schedule_table .course_schedule_tr_title {
	width: 160px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.course_schedule .course_schedule_table .course_schedule_tr_td {
	text-align: center;
	position: relative
}

.course_schedule .course_schedule_table .course_schedule_tr_td .course_schedule_module_buding {
	width: 200px;
	height: 81px;
	position: absolute;
	top: 5px;
	left: 7px;
	background: #f1faff
}

.course_schedule .course_schedule_table .course_schedule_tr_td .course_schedule_module_buding2 {
	width: 200px;
	height: 81px;
	position: absolute;
	top: 5px;
	right: 7px;
	background: #f1faff
}

.course_schedule .course_schedule_table .course_schedule_tr_td li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: calc(50% - 30px);
	margin: 10px;
	padding: 20px 0
}

.course_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_a:before {
	position: absolute;
	display: inline-block;
	border-left: 10px solid #f2f2f2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	right: -10px;
	top: 50%;
	margin-top: -10px;
	content: ""
}

.course_schedule .course_schedule_table .course_schedule_tr_title {
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.course_schedule .course_schedule_table .course_schedule_table_tt {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px
}

.course_schedule .course_schedule_table .course_schedule_table_ct {
	font-size: 14px;
	color: #666
}

.new_media_schedule .course_schedule_title_h1 {
	color: #333
}

.new_media_schedule .course_schedule_title_h2 {
	color: #00d59d
}

.new_media_schedule .course_schedule_title_explain {
	background: #1bd8a7
}

.new_media_schedule .course_schedule_table .course_schedule_tr_td li {
	background: #edfffa
}

.om_schedule .course_schedule_title_h1 {
	color: #333
}

.om_schedule .course_schedule_title_h2 {
	color: #f1925a
}

.om_schedule .course_schedule_title_explain {
	background: #f1925a
}

.om_schedule .course_schedule_table {
	padding: 10px 15px 35px
}

.om_schedule .course_schedule_table .course_schedule_tr {
	padding-left: 80px;
	position: relative
}

.om_schedule .course_schedule_table .course_schedule_tr .course_schedule_tr_td {
	text-align: left
}

.om_schedule .course_schedule_table .course_schedule_tr_title {
	width: 80px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.om_schedule .course_schedule_table .course_schedule_th {
	height: 85px;
	line-height: 85px;
	font-size: 18px;
	float: left;
	color: #666;
	text-align: center
}

.om_schedule .course_schedule_table .course_schedule_th:first-child {
	width: 30%
}

.om_schedule .course_schedule_table .course_schedule_th:nth-child(2) {
	width: 70%
}

.om_schedule .course_schedule_table .course_schedule_tr_td {
	position: relative
}

.om_schedule .course_schedule_table .course_schedule_tr_td .course_schedule_block {
	width: 50px;
	height: 81px;
	position: absolute;
	top: 5px;
	right: 290px;
	z-index: 3000;
	background: #fff6f1
}

.om_schedule .course_schedule_table .course_schedule_tr_td li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: calc(33.33333% - 15px);
	margin: 5px;
	padding: 20px 0;
	background: #fff6f1
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.course_schedule_module_a {
	float: left;
	margin-left: 9px
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.course_schedule_module_b,.om_schedule .course_schedule_table .course_schedule_tr_td li.course_schedule_module_c {
	width: calc(33.33333% - 15px)
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_a:before {
	position: absolute;
	display: inline-block;
	border-left: 8px solid #ffe5d6;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
	top: 50%;
	margin-top: -8px;
	content: ""
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_a:after {
	position: absolute;
	display: inline-block;
	border-top: 8px solid #ffe5d6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 50%;
	bottom: -8px;
	margin-right: -8px;
	content: ""
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_b:before {
	position: absolute;
	display: inline-block;
	border-left: 8px solid #ffe5d6;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
	top: 50%;
	margin-top: -8px;
	content: ""
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_b:after {
	position: absolute;
	display: inline-block;
	border-top: 8px solid #ffe5d6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 50%;
	bottom: -8px;
	margin-right: -60px;
	content: ""
}

.om_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_c:after {
	position: absolute;
	display: inline-block;
	border-top: 8px solid #ffe5d6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 50%;
	bottom: -8px;
	margin-right: -3px;
	content: ""
}

.om_schedule .course_schedule_table .course_schedule_table_tt {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px
}

.om_schedule .course_schedule_table .course_schedule_table_ct {
	font-size: 13px;
	color: #666
}

.pm_schedule .course_schedule_title_h1 {
	color: #333
}

.pm_schedule .course_schedule_title_h2 {
	color: #36aef6
}

.pm_schedule .course_schedule_title_explain {
	background: #36aef6
}

.pm_schedule .course_schedule_table {
	padding: 10px 15px 35px
}

.pm_schedule .course_schedule_table .course_schedule_tr {
	padding-left: 80px;
	position: relative
}

.pm_schedule .course_schedule_table .course_schedule_tr_title {
	width: 80px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.pm_schedule .course_schedule_table .course_schedule_th {
	height: 85px;
	line-height: 85px;
	font-size: 18px;
	float: left;
	color: #666;
	text-align: center
}

.pm_schedule .course_schedule_table .course_schedule_th:first-child {
	width: 30%
}

.pm_schedule .course_schedule_table .course_schedule_th:nth-child(2) {
	width: 70%
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: calc(33.33333% - 15px);
	margin: 5px;
	padding: 20px 0;
	background: #f1faff
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.course_schedule_module_a {
	width: 300px;
	margin: 5px 0;
	position: relative;
	right: -8px
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.course_schedule_module_b {
	width: 300px;
	margin: 5px 0;
	position: relative
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.course_schedule_module_c {
	width: 300px;
	margin: 5px 0;
	position: relative;
	right: 8px
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_a:before {
	position: absolute;
	display: inline-block;
	border-left: 8px solid #dff4ff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
	top: 50%;
	margin-top: -8px;
	content: ""
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_a:after {
	position: absolute;
	display: inline-block;
	border-top: 8px solid #dff4ff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 50%;
	bottom: -8px;
	margin-right: -90px;
	content: ""
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_b:before {
	position: absolute;
	display: inline-block;
	border-left: 8px solid #dff4ff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
	top: 50%;
	margin-top: -8px;
	content: ""
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_b:after {
	position: absolute;
	display: inline-block;
	border-top: 8px solid #dff4ff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 50%;
	bottom: -8px;
	margin-right: -60px;
	content: ""
}

.pm_schedule .course_schedule_table .course_schedule_tr_td li.schedule_arrows_c:after {
	position: absolute;
	display: inline-block;
	border-top: 8px solid #dff4ff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	right: 50%;
	bottom: -8px;
	margin-right: -74px;
	content: ""
}

.pm_schedule .course_schedule_table .course_schedule_table_tt {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px
}

.pm_schedule .course_schedule_table .course_schedule_table_ct {
	font-size: 13px;
	color: #666
}

.mobile_nm_course_schedule {
	width: 92%;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
	margin: -30px auto 0;
	position: relative;
	z-index: 2
}

.mobile_nm_course_schedule .course_schedule_title {
	padding: 20px 0;
	border-bottom: 1px dashed #e0e0e0;
	text-align: center;
	margin: 0 10px
}

.mobile_nm_course_schedule .course_schedule_title .course_schedule_title_h1 {
	font-size: 16px;
	margin-bottom: 10px
}

.mobile_nm_course_schedule .course_schedule_title .course_schedule_title_h2 {
	font-size: 16px
}

.mobile_nm_course_schedule .course_schedule_table {
	padding: 10px 5px 35px
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_tr {
	position: relative;
	padding-left: 80px
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_tr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_th {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	float: left;
	color: #666;
	text-align: center
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_tr_title {
	width: 80px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_tr_title li {
	height: calc(50% - 5px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	margin-bottom: 5px
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_td {
	width: 93%;
	height: 100%;
	margin: 0 1%;
	float: left
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_td li {
	height: 60px;
	line-height: 20px;
	display: flex;
	background: #edfffa;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5px;
	font-weight: 700
}

.mobile_nm_course_schedule .course_schedule_table .course_schedule_td li.course_schedule_module_a {
	margin-top: 33px
}

.mobile_om_course_schedule {
	width: 92%;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
	margin: -30px auto 0;
	position: relative;
	z-index: 2
}

.mobile_om_course_schedule .course_schedule_title {
	padding: 20px 0;
	border-bottom: 1px dashed #e0e0e0;
	text-align: center;
	margin: 0 10px
}

.mobile_om_course_schedule .course_schedule_title .course_schedule_title_h1 {
	font-size: 16px;
	margin-bottom: 10px
}

.mobile_om_course_schedule .course_schedule_title .course_schedule_title_h2 {
	font-size: 16px;
	color: #f1935a
}

.mobile_om_course_schedule .course_schedule_table {
	padding: 10px 5px 35px
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_tr {
	position: relative;
	padding-left: 60px
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_tr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_th {
	width: 50%;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	float: left;
	color: #666;
	text-align: center
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_tr_title {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_tr_title li {
	height: calc(50% - 5px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	margin-bottom: 5px
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_tr_title li:first-child {
	height: 60px
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_tr_title li:nth-child(2) {
	height: calc(100% - 60px)
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_td {
	width: 48%;
	height: 100%;
	margin: 0 1%;
	float: left;
	position: relative
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_td .course_schedule_m_block {
	width: 132px;
	height: 10px;
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 3000;
	background: #fff6f1
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_td .course_schedule_m_block1 {
	width: 132px;
	height: 10px;
	position: absolute;
	right: 0;
	bottom: 128px;
	z-index: 3000;
	background: #fff6f1
}

.mobile_om_course_schedule .course_schedule_table .course_schedule_td li {
	height: 60px;
	line-height: 20px;
	display: flex;
	background: #fff6f1;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5px;
	font-weight: 700
}

.mobile_pm_course_schedule {
	width: 92%;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
	margin: -30px auto 0;
	position: relative;
	z-index: 2
}

.mobile_pm_course_schedule .course_schedule_title {
	padding: 20px 0;
	border-bottom: 1px dashed #e0e0e0;
	text-align: center;
	margin: 0 10px
}

.mobile_pm_course_schedule .course_schedule_title .course_schedule_title_h1 {
	font-size: 16px;
	margin-bottom: 10px
}

.mobile_pm_course_schedule .course_schedule_title .course_schedule_title_h2 {
	font-size: 16px;
	color: #37a9f5
}

.mobile_pm_course_schedule .course_schedule_table {
	padding: 10px 5px 35px
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_tr {
	position: relative;
	padding-left: 60px
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_tr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_th {
	width: 50%;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	float: left;
	color: #666;
	text-align: center
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_tr_title {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_tr_title li {
	height: calc(50% - 5px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	margin-bottom: 5px
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_tr_title li:first-child {
	height: 60px
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_tr_title li:nth-child(2) {
	height: calc(100% - 60px)
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_td {
	width: 48%;
	height: 100%;
	margin: 0 1%;
	float: left
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_td li {
	height: 60px;
	line-height: 20px;
	display: flex;
	background: #fff6f1;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5px;
	font-weight: 700
}

.mobile_pm_course_schedule .course_schedule_table .course_schedule_td li.course_schedule_module_a {
	margin-top: 33px
}

.category_banner {
	width: 100%;
	height: 208px
}

.category_banner,.category_banner .category_center {
	overflow: hidden;
	position: relative
}

.category_banner h1 {
	color: #fff;
	font-size: 40px;
	line-height: 127px;
	font-weight: 500;
	float: left;
	margin-right: 40px
}

.category_banner h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 127px;
	float: left
}

.category_info {
	background: #fff;
	height: 118px;
	margin: 50px 0
}

.category_info .info_con {
	width: 25%;
	height: 100%;
	float: left;
	text-align: center;
	line-height: 21px
}

.category_info .info_con img {
	width: 114px;
	display: inline-block;
	margin-top: 13px
}

.category_info .info_con p {
	color: #73778a;
	font-size: 13px
}

.buy_remind {
	width: 960px;
	margin: 0 auto;
	padding: 30px;
	background: #fff5dc
}

.buy_remind .buy_remind_title {
	font-size: 26px;
	color: #333;
	text-align: center
}

.buy_remind .buy_remind_button {
	width: 260px;
	height: 50px;
	line-height: 50px;
	background: #fade0a;
	color: #333;
	border-radius: 2px;
	font-size: 18px;
	display: block;
	text-align: center;
	margin: 25px auto 0
}

.buy_remind .buy_remind_button:hover {
	background: #fae30d
}

.course_container .category_center h1 {
	color: #000e42;
	font-size: 28px;
	margin-top: 42px;
	font-weight: 400
}

.course_container .category_center h3 {
	color: #9da7ac;
	font-size: 16px;
	margin-top: 12px;
	font-weight: 300;
	line-height: 23px
}

.course_container .category_center .p_series {
	width: 100%;
	margin-top: 30px;
/*! margin-bottom:40px */
}

.course_container .category_center .p_series .p_series_card {
	width: 400px;
	height: 400px;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 1px solid #e2e2e2;
	cursor: pointer;
	transition: transform .07s linear;
	-webkit-transition: transform .07s linear;
	-moz-transition: transform .07s linear;
	-ms-transition: transform .07s linear;
	-o-transition: transform .07s linear;
	position: relative;
	z-index: 2200
}

.course_container .category_center .p_series .p_series_card .p_title {
	width: 100%;
	height: 215px;
	overflow: hidden
}

.course_container .category_center .p_series .p_series_card .p_title h1 {
	text-align: center;
	color: #fff;
	font-size: 28px;
	margin-top: 35px
}

.course_container .category_center .p_series .p_series_card .p_title h2 {
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px
}

.course_container .category_center .p_series .p_series_card .p_content {
	width: calc(100% - 2px);
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
	height: 100%;
}

.course_container .category_center .p_series .p_series_card .p_content .p_con {
	width: calc(100% - 40px);
	padding: 25px 20px
}

.course_container .category_center .p_series .p_series_card .p_content .p_con h3 {
	margin-top: 0;
	color: #000e42;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 600
}

.course_container .category_center .p_series .p_series_card .p_content .p_con p {
	color: #656e73;
	font-size: 18px;
	line-height: 40px
}

.course_container .category_center .p_series .p_series_card .p_content .p_subtitle {
	width: calc(100% - 40px);
	padding: 20px;
	background: #f7f7f7
}

.course_container .category_center .p_series .p_series_card .p_content .p_subtitle .p_subtitle_h2 {
	color: #000e42;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 600
}

.course_container .category_center .p_series .p_series_card .p_content .p_subtitle .p_subtitle_con {
	color: #656e73;
	font-size: 14px;
	font-weight: 400
}

.course_container .category_center .p_series .p_series_card .p_content .p_subtitle2 {
	opacity: 1
}

.course_container .category_center .p_series .p_series_card .p_content .p_button {
	width: 160px;
height: 40px;
border-radius: 3px;
font-size: 17px;
color: #fff;
line-height: 40px;
text-align: center;
background: #1260b8;
position: absolute;
left: 18px;
right: 0;
bottom: 30px;
}

.course_container .category_center .p_series .p_series_card .p_content .p_con_height1 {
	height: 95px
}

.course_container .category_center .p_series .p_series_card .p_content .p_con_height2 {
	height: 278px
}

.course_container .category_center .p_series .p_series_card:last-child,.course_container .category_center .p_series .p_series_card:nth-child(2) {
	margin-left: -1px
}

.course_container .category_center .p_series .p_series_card:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	z-index: 2300;
	box-shadow: 0 0 30px rgba(85,182,218,.4)
}

.course_container .category_center .p_series .p_series_card:hover .p_subtitle2 {
	opacity: 0
}

.course_container .category_center .p_series .p_series_card:hover .p_button {
	opacity: 1
}

.course_container .category_center .p_series .pmp1 .p_title {
	background: #1260b8;
	background-size: 100%;
}

.course_container .category_center .p_series .pmp2 .p_title {
	background: #1249b8;
	background-size: cover
}

.course_container .category_center .p_series .pmp3 .p_title {
	background: #1212b8;
	background-size: cover
}

.course_container .category_center .p_series .omp1 .p_title {
	background: #f7ba45 url(../images/omp1bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .p_series .omp2 .p_title {
	background: #f58c48 url(../images/omp2bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .p_series .omp3 .p_title {
	background: #f66e62 url(../images/omp3bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .p_series .xinmeitip1 .p_title {
	background: #34cffb url(../images/xinmeitip1bg.jpg) no-repeat 50%;
	background-size: 100% auto
}

.course_container .category_center .p_series .xinmeitip2 .p_title {
	background: #68e4cc url(../images/xinmeitip2bg.jpg) no-repeat 50%;
	background-size: 100% auto
}

.course_container .category_center .p_series .no_course {
	cursor: default
}

.course_container .category_center .p_series .no_course .p_title {
	background: #e0e7eb;
	color: #9da7ac
}

.course_container .category_center .p_series .no_course .p_content .p_con h3,.course_container .category_center .p_series .no_course .p_content .p_con p,.course_container .category_center .p_series .no_course .p_content .p_subtitle h2 {
	color: #9da7ac
}

.course_container .category_center .p_series .no_course .p_content .p_button {
	background: #e0e7eb;
	color: #9da7ac
}

.course_container .category_center .course_con {
	margin-top: 30px
}

.course_container .category_center .course_con .course_card,.course_container .category_center .course_con .course_card2 {
	width: 316px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	background: #eee
}

.course_container .category_center .course_con .course_card2 h1,.course_container .category_center .course_con .course_card h1 {
	font-size: 28px;
	color: #fff;
	font-weight: 400
}

.course_container .category_center .course_con .course_card2 p,.course_container .category_center .course_con .course_card p {
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	line-height: 23px
}

.course_container .category_center .course_con .course_card {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.course_container .category_center .course_con .course_card:last-child {
	margin-right: 0
}

.course_container .category_center .course_con .course_card {
	height: 215px;
	position: relative
}

.course_container .category_center .course_con .course_card h1 {
	margin-top: 30px;
	margin-bottom: 22px
}

.course_container .category_center .course_con .course_card h2,.course_container .category_center .course_con .course_card h3,.course_container .category_center .course_con .course_card p {
	width: 255px;
	text-align: left;
	margin: 0 auto
}

.course_container .category_center .course_con .course_card h2 {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	line-height: 22px
}

.course_container .category_center .course_con .course_card h3 {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px
}

.course_container .category_center .course_con .course_card p {
	font-size: 14px!important;
	color: #fff
}

.course_container .category_center .course_con .course_card .card_bottom {
	width: 316px;
	height: 78px;
	background: #fff;
	position: absolute;
	top: 215px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2000;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.course_container .category_center .course_con .course_card .card_bottom p {
	color: #000e42;
	font-size: 15px;
	line-height: 28px;
	text-align: center
}

.course_container .category_center .course_con .course_card2 {
	height: 160px;
	box-shadow: 0 10px 40px hsla(0,0%,93.3%,.4);
	background-size: cover;
	position: relative;
	overflow: hidden
}

.course_container .category_center .course_con .course_card2 img {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000
}

.course_container .category_center .course_con .course_card2 .course_name {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2100
}

.course_container .category_center .course_con .course_card2 .course_name h1 {
	margin-top: 44px
}

.course_container .category_center .course_con .course_card2 .course_name p {
	margin-top: 5px
}

.course_container .category_center .course_con .no_open {
	background: #eceff3;
	cursor: default
}

.course_container .category_center .course_con .no_open h1,.course_container .category_center .course_con .no_open p {
	color: #9da7ac;
	text-align: center
}

.course_container .category_center .course_con .no_open h2,.course_container .category_center .course_con .no_open h3,.course_container .category_center .course_con .no_open p {
	width: 255px;
	text-align: left;
	margin: 0 auto
}

.course_container .category_center .course_con .no_open h2 {
	font-size: 16px;
	color: #9da7ac;
	font-weight: 600
}

.course_container .category_center .course_con .no_open h3 {
	font-size: 14px;
	color: #9da7ac;
	font-weight: 600;
	margin-bottom: 10px
}

.course_container .category_center .course_con .no_open p {
	font-size: 14px!important;
	color: #9da7ac;
	margin-bottom: 10px
}

.course_container .category_center .course_con .no_open .no_open_tip {
	font-weight: 400;
	margin-top: 18px
}

.course_container .category_center .course_con .no_open .card_bottom {
	width: 314px;
	border: 1px solid #eceff3;
	border-top: none
}

.course_container .category_center .course_con .pmp1 {
	background: #60c5f5 url(../images/pmp1bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .pmp2 {
	background: #60c5f5 url(../images/pmp2bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .pmp3 {
	background: #80a3fd url(../images/pmp3bg1.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .omp1 {
	background: #f7ba45 url(../images/omp1bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .omp2 {
	background: #f58c48 url(../images/omp2bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .omp3 {
	background: #f66e62 url(../images/omp3bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .xinmeitip1 {
	background: #34cffb url(../images/xinmeitip1bg.jpg) no-repeat 50%;
	background-size: cover
}

.course_container .category_center .course_con .xinmeitip2 {
	background: #68e4cc url(../images/xinmeitip2bg.jpg) no-repeat 50%;
	background-size: cover
}

.category_con_container {
	width: 100%;
	height: auto;
	overflow: hidden
}

.category_con_container .category_content .category_con {
	overflow: hidden;
	padding-top: 78px;
	padding-bottom: 78px;
	border-bottom: 1px solid #eceff3
}

.category_con_container .category_content .category_con .course_type .course_con .course_title h2 {
	color: #000e42;
	font-size: 18px;
	font-weight: 400;
	display: block;
	vertical-align: middle;
	margin-right: 10px
}

.category_con_container .category_content .category_con .course_type .course_con .course_title h3 {
	color: #9da7ac;
	font-size: 14px;
	font-weight: 300;
	display: block;
	vertical-align: middle
}

.category_con_container .category_content .category_con .course_type .course_con a:active h1,.category_con_container .category_content .category_con .course_type .course_con a:hover h1,.category_con_container .category_content .category_con .course_type .course_con a:link h1,.category_con_container .category_content .category_con .course_type .course_con a:visited h1 {
	font-weight: 400
}

.category_con_container .category_content .category_con .course_type .course_con a:active h3,.category_con_container .category_content .category_con .course_type .course_con a:hover h3,.category_con_container .category_content .category_con .course_type .course_con a:link h3,.category_con_container .category_content .category_con .course_type .course_con a:visited h3 {
	font-weight: 300
}

.category_con_container .category_content .category_con .course_type .course_con .no_class:active,.category_con_container .category_content .category_con .course_type .course_con .no_class:hover,.category_con_container .category_content .category_con .course_type .course_con .no_class:link,.category_con_container .category_content .category_con .course_type .course_con .no_class:visited {
	background: #eceff3;
	cursor: default
}

.category_con_container .category_content .category_con .course_type .course_con .no_class:active h1,.category_con_container .category_content .category_con .course_type .course_con .no_class:hover h1,.category_con_container .category_content .category_con .course_type .course_con .no_class:link h1,.category_con_container .category_content .category_con .course_type .course_con .no_class:visited h1 {
	font-weight: 400;
	color: #9da7ac
}

.category_con_container .category_content .category_con .course_type .course_con .no_class:active h3,.category_con_container .category_content .category_con .course_type .course_con .no_class:hover h3,.category_con_container .category_content .category_con .course_type .course_con .no_class:link h3,.category_con_container .category_content .category_con .course_type .course_con .no_class:visited h3 {
	font-weight: 300;
	color: #9da7ac
}

.category_con_container .category_content .category_con .course_type .free_course {
	width: 100%
}

.category_con_container .category_content .category_con .course_type .free_course .course_title h2,.category_con_container .category_content .category_con .course_type .free_course .course_title h3 {
	display: block;
	vertical-align: bottom
}

.category_con_container .category_content .category_con .course_type .free_course .course_title h2 {
	font-size: 28px
}

.category_con_container .category_content .category_con .course_type .free_course .course_title h3 {
	font-size: 17px;
	margin-top: 12px
}

.category_con_container .category_content .category_con .course_type .free_course a:active,.category_con_container .category_content .category_con .course_type .free_course a:hover,.category_con_container .category_content .category_con .course_type .free_course a:link,.category_con_container .category_content .category_con .course_type .free_course a:visited {
	width: 180px;
	height: 42px;
	padding: 14px 28px;
	display: inline-block;
	border-radius: 6px;
	text-align: left;
	margin-top: 24px;
	border: 1px solid #eceff3;
	background: #fff;
	overflow: hidden;
	margin-right: 13px;
	vertical-align: top
}

.category_con_container .category_content .category_con .course_type .free_course a:active h1,.category_con_container .category_content .category_con .course_type .free_course a:hover h1,.category_con_container .category_content .category_con .course_type .free_course a:link h1,.category_con_container .category_content .category_con .course_type .free_course a:visited h1 {
	color: #000e42;
	font-size: 15px;
	line-height: 21px
}

.category_con_container .category_content:nth-child(2n) .category_con {
	background: #f9f9f9
}

.grow_container {
	overflow: hidden;
	padding-bottom: 32px
}

.grow_container .category_center h2 {
	color: #000e42;
	font-size: 24px;
	font-weight: 300;
	margin-top: 42px;
	margin-bottom: 35px
}

.grow_container .category_center .grow_map_container {
	width: 100%;
	height: 413px;
	border-radius: 6px;
	border: 1px solid #eff2f6;
	box-shadow: 0 10px 40px #eff2f6;
	position: relative
}

.grow_container .category_center .grow_map_container .active_con {
	width: 33.3333%;
	height: 100%;
	float: left
}

.grow_container .category_center .grow_map_container .student_card,.grow_container .category_center .grow_map_container .student_card0 {
	width: 155px;
	height: 188px;
	text-align: center;
	position: absolute;
	cursor: pointer
}

.grow_container .category_center .grow_map_container .student_card0 .avator,.grow_container .category_center .grow_map_container .student_card .avator {
	width: 79px;
	height: 79px;
	border-radius: 50%;
	margin: 0 auto 12px;
	background: #ccc;
	overflow: hidden;
	border: 4px solid #fff
}

.grow_container .category_center .grow_map_container .student_card0 .name,.grow_container .category_center .grow_map_container .student_card .name {
	color: #000e42;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 600
}

.grow_container .category_center .grow_map_container .student_card0 .job,.grow_container .category_center .grow_map_container .student_card .job {
	color: #000e42;
	font-size: 14px;
	margin-bottom: 10px
}

.grow_container .category_center .grow_map_container .student_card0 span,.grow_container .category_center .grow_map_container .student_card span {
	font-size: 12px;
	color: #73778a;
	line-height: 18px;
	font-weight: 300
}

.grow_container .category_center .grow_map_container .student_card1 {
	top: 200px;
	left: 70px
}

.grow_container .category_center .grow_map_container .student_card2 {
	top: 158px;
	left: 450px
}

.grow_container .category_center .grow_map_container .student_card3 {
	top: 34px;
	left: 835px
}

.grow_container .category_center .grow_map_container .student_card4 {
	top: 196px;
	left: 662px
}

.grow_container .category_center .grow_map_container .student_card5 {
	top: 77px;
	left: 243px
}

.grow_container .category_center .pm_grow {
	background: #fff url(../images/growmapbg.jpg) no-repeat 50%;
	background-size: cover
}

.grow_container .category_center .pm_grow .active_p1:hover {
	background: url(../images/p1.png) no-repeat 80px 62px;
	background-size: 109px auto
}

.grow_container .category_center .pm_grow .active_p2:hover {
	background: url(../images/p2.png) no-repeat 126px 23px;
	background-size: 129px auto
}

.grow_container .category_center .pm_grow .active_p3:hover {
	background: url(../images/p3.png) no-repeat 147px 237px;
	background-size: 145px auto
}

.grow_container .category_center .om_grow {
	background: #fff url(../images/growmapbgom.jpg) no-repeat 50%;
	background-size: cover
}

.grow_container .category_center .om_grow .active_p1:hover {
	background: url(../images/omp1icon.jpg) no-repeat 80px 62px;
	background-size: 109px auto
}

.grow_container .category_center .om_grow .active_p2:hover {
	background: url(../images/omp2icon.jpg) no-repeat 126px 23px;
	background-size: 129px auto
}

.grow_container .category_center .om_grow .active_p3:hover {
	background: url(../images/omp3icon.jpg) no-repeat 147px 237px;
	background-size: 145px auto
}

.grow_container .category_center .xinmeiti_grow {
	background: #fff url(../images/growmapbgxmt.png) no-repeat 50%;
	background-size: cover
}

.student_feedback_m {
	display: none
}

.category_button {
	padding-top: 60px;
	padding-bottom: 60px
}

.category_button a:active,.category_button a:hover,.category_button a:link,.category_button a:visited {
	width: 260px;
	height: 50px;
	border-radius: 3px;
	line-height: 50px;
	background: #fade08;
	display: block;
	color: #333;
	font-size: 18px;
	text-align: center;
	margin: 0 auto
}

.popup_bg {
	width: 100%;
	height: 100%;
	background: hsla(0,0%,95.3%,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8000
}

.popup_bg .popup {
	width: 660px;
	height: 360px;
	background: #fff;
	padding: 80px 95px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.popup_bg .popup .close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/videofeedbackclose.png) no-repeat 50%;
	background-size: cover;
	cursor: pointer
}

.popup_bg .popup .popup_logo {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-bottom: 25px;
	overflow: hidden;
	float: left;
	background: #ccc
}

.popup_bg .popup .popup_logo img {
	width: 100%
}

.popup_bg .popup .popup_job,.popup_bg .popup .popup_name {
	color: #1b2026;
	text-indent: 16px
}

.popup_bg .popup .popup_name {
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600
}

.popup_bg .popup .popup_job {
	margin-top: 5px;
	font-size: 15px
}

.popup_bg .popup .popup_con {
	width: 100%;
	max-height: 230px;
	overflow: auto;
	margin-bottom: 40px
}

.popup_bg .popup .popup_con p {
	color: #1b2026;
	font-size: 15px;
	line-height: 25px
}

.popup_bg .popup .popup_a {
	width: 225px;
	height: 42px;
	font-size: 15px;
	color: #fff;
	background: #58b6e7;
	display: block;
	border-radius: 3px;
	text-align: center;
	line-height: 42px;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto
}

#frameDiv {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90000
}

#frameDiv .frameContainer {
	width: 600px;
	height: 500px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

#frameDiv .frameContainer .close {
	width: 15px;
	height: 15px;
	position: absolute;
	top: -24px;
	right: -24px;
	display: inline-block;
	background: url(../images/white-close.png) no-repeat 50%;
	background-size: cover;
	cursor: pointer
}

#frameDiv .frameContainer #myFrameId {
	width: 100%;
	height: 100%
}

@media screen and (max-width:768px) {
	.buy_remind {
		width: calc(92% - 30px);
		margin: 0 auto;
		padding: 15px;
		background: #fff5dc
	}

	.buy_remind .buy_remind_title {
		padding: 0 30px;
		font-size: 18px;
		line-height: 24px;
		color: #333;
		text-align: center
	}

	.buy_remind .buy_remind_button {
		width: 260px;
		height: 50px;
		line-height: 50px;
		background: #fade0a;
		color: #333;
		border-radius: 2px;
		font-size: 18px;
		display: block;
		text-align: center;
		margin: 25px auto 0
	}

	.buy_remind .buy_remind_button:hover {
		background: #fae30d
	}

	.pcShow {
		display: none
	}

	.pcHidden {
		display: block
	}

	.animateCard:hover {
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-o-transform: translateZ(0)
	}

	.category_banner {
		height: 138px
	}

	.category_center {
		width: 95%;
		height: auto
	}

	.category_banner h1 {
		text-align: center;
		font-size: 28px;
		margin-top: 20px;
		float: none;
		line-height: 30px;
		margin-right: 0;
		margin-bottom: 10px
	}

	.category_banner h3 {
		text-align: center;
		font-size: 13px;
		line-height: 16px;
		float: none
	}

	.popup_bg .popup {
		width: calc(90% - 80px);
		height: 400px;
		padding: 40px
	}

	.popup_bg .popup .popup_con {
		height: 350px;
		overflow: auto
	}

	.popup_bg .popup .popup_con p {
		font-size: 13px
	}

	.course_container .category_center h1 {
		text-align: center;
		font-size: 22px
	}

	.course_container .category_center h3 {
		text-align: center;
		font-size: 16px
	}

	.course_container .category_center .course_con {
		text-align: center
	}

	.course_container .category_center .course_con .course_card,.course_container .category_center .course_con .course_card2 {
		margin-right: 0;
		display: inline-block;
		margin-bottom: 20px
	}

	.course_container .category_center .course_con .course_card2 h1,.course_container .category_center .course_con .course_card h1 {
		font-size: 22px
	}

	.course_container .category_center .course_con .course_card2 p,.course_container .category_center .course_con .course_card p {
		font-size: 16px
	}

	.grow_container .category_center h2 {
		font-size: 22px;
		text-align: center;
		line-height: 25px
	}

	.course_container .category_center .course_con .course_card {
		margin-bottom: 100px
	}

	.grow_container {
		padding-bottom: 30px
	}

	.grow_container .category_center .grow_map_container {
		display: none
	}

	.student_feedback_m {
		text-align: center;
		display: block;
		padding-bottom: 30px
	}

	.student_feedback_m .student_card,.student_feedback_m .student_card0 {
		width: 143px;
		height: 188px;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 10px;
		border: 1px solid #eff2f6;
		border-radius: 3px;
		padding: 26px 12px
	}

	.student_feedback_m .student_card0 .avator,.student_feedback_m .student_card .avator {
		width: 79px;
		height: 79px;
		border-radius: 50%;
		margin: 0 auto 12px;
		background: #ccc;
		overflow: hidden
	}

	.student_feedback_m .student_card0 .name,.student_feedback_m .student_card .name {
		color: #000e42;
		font-size: 16px;
		margin-bottom: 5px;
		font-weight: 600
	}

	.student_feedback_m .student_card0 .job,.student_feedback_m .student_card .job {
		color: #000e42;
		font-size: 14px;
		margin-bottom: 10px
	}

	.student_feedback_m .student_card0 span,.student_feedback_m .student_card span {
		font-size: 12px;
		color: #73778a;
		line-height: 18px;
		font-weight: 300
	}

	.student_feedback_m .student_card:nth-child(odd) {
		margin-right: 5px
	}

	.student_feedback_m .student_card:nth-child(2n) {
		margin-left: 5px
	}

	.category_button a {
		width: 230px;
		font-size: 14px
	}

	.category_info {
		height: 190px
	}

	.category_info .info_con {
		width: 50%
	}

	.category_info .info_con img {
		width: 80px
	}

	.category_info .info_con p {
		font-size: 12px
	}

	.category_con_container .category_content .category_con {
		padding-top: 45px;
		padding-bottom: 45px
	}

	.category_con_container .category_content .category_con .course_type .free_course .course_title,.category_con_container .category_content .category_con .course_type .free_course .free_course_container {
		text-align: center
	}

	.category_con_container .category_content .category_con .course_type .free_course .course_title h2 {
		font-size: 22px
	}

	.category_con_container .category_content .category_con .course_type .free_course .course_title h3 {
		font-size: 16px
	}
}

@media screen and (device-aspect-ratio:40/71) {
	.course_container .category_center .course_con .course_card,.course_container .category_center .course_con .course_card2 {
		width: 100%
	}

	.student_feedback_m .student_card {
		width: 120px
	}

	.student_feedback_m .student_card:nth-child(odd) {
		margin-right: 2px
	}

	.student_feedback_m .student_card:nth-child(2n) {
		margin-left: 2px
	}
}


















/*-------------适合谁--------------*/
.index-sh{width:1200px;height:850px;overflow:hidden;margin:0 auto;}
.index-sh .index-nav{width:1100px;height:auto;margin:30px auto;margin-top: 0px;}
.index-sh .index-nav h2{display:block;width:100%;height: auto !important;font-size:50px;line-height:90px;color: #000;text-align:center;}

.index-sh-con{width:1118px;height:560px;margin:0 auto;}
.index-sh-con1{width:352px;height:560px;border-radius: 10px;float:left;margin-right:30px;
	-webkit-box-shadow:0 0px 20px rgba(212, 0, 0, .1);  
  -moz-box-shadow:0 0px 20px rgba(212, 0, 0, .1);  
  box-shadow:0 0px 20px rgba(212, 0, 0, .1); }
.sh-img{width:182px;height:182px;border-radius:100px;margin:36px auto 0 auto;
	-webkit-box-shadow:0 0px 20px rgba(252, 252, 252, .6);  
  -moz-box-shadow:0 0px 20px rgba(0, 136, 252, .1);  
  box-shadow:0 0px 20px rgba(0, 136, 252, .1); }
.index-sh-con1 h1{display:block;width:100%;height:30px;font-size:26px;color:#fff;text-align:center;margin-top:26px;margin-bottom:10px;}
.index-sh-con1 span{display:inline-block;width:115px;height:32px;text-align:center;line-height:32px;font-size:18px;color:#047abf;border:1px solid #fff;background: #fff;border-radius:30px;float:left;margin-left:15px;margin-top:20px;}

.index-sh-con1 p{display:block;width:84%;height:auto;line-height:36px;color:#fff;font-size:18px;margin:20px auto 0 auto; word-wrap:break-word; float:left;margin-left:8%;}


.index-sh-anniu{display:block;width:388px;height:60px;background:#3f7cf8;color: #fff;font-size:30px;text-align:center;line-height:60px;border-radius: 50px;margin:60px auto;
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .3);  
  -moz-box-shadow:0 2px 5px rgba(0, 0, 0, .3);  
  box-shadow:0 2px 5px rgba(0, 0, 0, .3);  
-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.index-sh-anniu:hover{margin-top:55px;color:#fff}