@charset "utf-8";

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

img {
	max-width: 100%;
}

body {
	margin: 0;
	padding: 0;
/*	min-width: 1320px;*/
	background-color: #f7f7f7;
	color: #333333;
}

body a {
	color: #333333;
}

ul,
li,
p {
	list-style: none;
	margin: 0;
	padding: 0;
}

i {
	font-style: normal;
}

/* 头尾 */
.footer {
	position: relative;
	overflow: hidden;
	background-color: #021d41;
	color: #FFFFFF;
}
.footer a{
    color: #FFFFFF;
}
.footer .foot-main {
	padding: 50px 100px 35px 100px;
}

.foot-end {
	text-align: center;
	padding: 30px 0;
	font-size: 12px;
	border-top: 1px solid #1f355a;
}

.foot-end div {
	opacity: .3;
}


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

.foot-grid .ch {
	font-size: 24px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.foot-grid .en {
	font-size: 12px;
	margin-bottom: 10px;
	color: #999999;
}

.foot-grid .desc {
	font-size: 12px;
	color: #999999;
}

.foot-left {
	float: left;
	color: #999999;
	line-height: 2;
}

.foot-left a {
	color: #999999;
}

.foot-nav-cell .foot-hd {
	font-size: 16px;
	margin-bottom: 15px;
}

.foot-nav-cell.pull-left {
	margin-left: 200px;
}

.foot-nav-cell.pull-left .foot-hd {
	margin-bottom: 30px;
}

.foot-nav {
	width: 200px;
}

.foot-nav li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

.foot-nav li a {
	color: #FFFFFF;
	opacity: .5;
}


.foot-wx {
	text-align: center;
	color: #FFFFFF;
}

.foot-wx li {
	float: left;
	margin-right: 30px;
}

.foot-wx li p {
	margin-top: 10px;
}

.foot-grid {
	float: left;
}

.foot-nav dt {
	margin-bottom: 25px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
}

.foot-nav dd {
	margin-bottom: 15px;
}

.foot-nav dd a {
	font-size: 14px;
	color: #999999;
}

.foot-logo {
	margin-bottom: 20px;
}

.foot-tel {
	margin-bottom: 30px;
}

.foot-tel .tel-val {
	color: #fdd900;
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
	margin-top: 10px;
}

.footer .foot-btn {
	background-color: #FFFFFF;
	width: 166px;
	line-height: 42px;
	height: 42px;
	display: block;
	border-radius: 43px;
	text-align: center;
	color: #000000;
}

.foot-tel .t * {
	display: inline-block;
	vertical-align: middle;
}

.foot-tel .t {
	font-size: 18px;
	color: #9f9f9f;
}

.foot-tel .t .iconfont {
	color: #FFFFFF;
	font-size: 24px;
	margin-right: 10px;
}

/* toar */

.topbar {
	background-color: #717171;
}

.topbar .main {
	height: 30px;
}

.topbar .wel {
	float: left;
	line-height: 30px;
	font-size: 13px;
	color: #fff;
}

.topbar .top-js {
	float: left;
	width: 106px;
	height: 32px;
	line-height: 32px;
	display: block;
	border-radius: 4px;
	background-color: #fdd900;
	margin-top: 4px;
	margin-left: 10px;
	text-align: center;
	font-size: 13px;
}


.top-right {
	float: right;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
        cursor: pointer;
}

.top-right a {
	color: #FFFFFF;
}



.navbar-bar {
	position: relative;
/*	z-index: 999;*/
	height: 90px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.navbar-bar .main {
	position: relative;
	height: 90px;
}

.navbar-bar .logo {
	float: left;
	padding: 12px 0;
	display: block;
	font-size: 0;
}

.navbar-bar .bar-tel {
	float: right;
	font-size: 20px;
	font-family: arial;
	padding-left: 40px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 30px;
}

.navbar-bar .navbar-nav {
	float: right;
	height: 90px;
	margin-left: 50px;
}

.navbar-nav>li {
	position: relative;
	margin-left: 30px;
	float: left;
}

.navbar-nav>li>a {
	padding: 0 5px;
	color: #333333;
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 0;
	height: 90px;
	line-height: 90px;
}

.navbar-nav>li.active>a {
	color: #007cc1;

}

.navbar-nav>li.active>a::after {
	width: 30px;
	height: 3px;
	background-color: #007cc1;
	content: '';
	position: absolute;
	bottom: 18px;
	left: 50%;
	margin-left: -15px;
}


.navbar-nav>li:hover .dropdown-menu {
	display: block;
}

.wrapper {
	padding: 20px 0 40px 0;
}

/* 问答
 */
.wd-panel_hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.wd-panel {
	box-shadow: 0 0 15px rgba(0, 0, 0, .05);
	padding: 20px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

.wd-panel_hd {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.wd-tit .tit {
	font-size: 18px;
}

.wd-tit .intro {
	font-size: 14px;
	color: #0167b9;
	display: inline-block;
	padding-left: 10px;
}

.wd-tab li {
	float: left;
	border: 1px solid #e7e7e7;
	margin-left: -1px;
}

.wd-tab li a {
	display: block;
	padding: 0 8px;
	line-height: 24px;
	font-size: 12px;
	color: #999999;
}

.wd-tab li.active {
	background-color: #005bb3;
	border-color: #005bb3;
}

.wd-tab li.active a {
	color: #FFFFFF;
}

.wd-right .wd-select {
	font-size: 12px;
	width: 120px;
	border-right: 0;
}

.wd-right input.form-control {
	width: 284px;
}

.wd-right .btn {
	margin-left: 10px;
	width: 60px;
}

.btn-out-primary {
	color: #007cc1;
	border: 1px solid #007cc1;
	background-color: transparent;
}

.btn-out-primary:hover {
	color: #fff;
	background-color: #007cc1;
}

.pub-cell .cont {
	margin-bottom: 10px;
}

.bk-cell .bk-pic {
	display: block;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	border-radius: 6px;
}

.bk-cell .tt {
	color: #000000;
	margin-bottom: 5px;
	font-size: 15px;
}

.bk-cell .desc {
	color: #999;
	font-size: 12px;
}

.bk-cells li:first-child {
	padding-top: 0;
}

.bk-cells li {
	padding: 15px 0;
	border-bottom: 1px solid #EEEEEE;
}

.topic-list li:first-child {
	padding-top: 0;
}

.topic-list li {
	padding: 15px 0;
	border-bottom: 1px solid #EEEEEE;
}

.tp-title {
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
}

.tp-title a {
	color: #333333;
	font-size: 14px;
}

.tp-foot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.tp-attr .item {
	color: #999999;
	margin-left: 30px;
	display: inline-block;
}

.tp-attr .tp-time {
	color: #999999;
	display: inline-block;
}

.tp-attr .tp-id {
	display: inline-block;
	margin-right: 30px;
        color:#999;
}

.tp-attr .tp-id a {
	color: #005bb3;
}

.page-cell {
	padding-top: 30px;
	text-align: center;
}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	color: #333333;
}

.breadcrumb a {
	color: #333333;
}

.breadcrumb span {
	color: #999999;
}

.replay-cell {
	padding: 10px;
	border-bottom: 1px solid #EEEEEE;
}

.replay-cell .replay-cont {
	margin-bottom: 15px;
	line-height: 2;
}

.replay-action .ac-link {
	display: inline-block;
	line-height: 1.2;
	color: #999999;
	margin-left: 10px;
}

.replay-action .ac-link .iconfont {
	padding-right: 4px;
	color: #dbdbdb;
}

.replay-action .ac-link.active .iconfont {
	color:#0267b9
}
.replay-action .ac-link.active {
	color:#0267b9
}

.replay-info * {
	display: inline-block;
	margin-right: 10px;
	line-height: 22px;
}

.replay-info .id {
	font-size: 12px;
	color: #007cc1;
}

.replay-info .ly {
	font-size: 12px;
	color: #007cc1;
}

.replay-info .pos {
	background-color: #007cc1;
	padding: 0 10px;
	line-height: 22px;
	color: #FFF;
}

.replay-info .time {
	font-size: 12px;
	color: #999;
}

.replay-heading .replay-title {
	margin-bottom: 10px;
	font-size: 14px;
        margin-right:10px;
        text-indent:2rem;
        line-height: 26px;
        word-break: break-all;
}

.replay-share-grid {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #EEEEEE;
}

.share-link .item {
	font-size: 0;
	line-height: 1;
	margin-right: 10px;
}

.wd-panel_replay {
	min-height: 400px;
}

.pay-foot {
	text-align: right;
	line-height: 1.2;
	border-top: 1px solid #EEEEEE;
	padding-top: 20px;
}

.text-danger {
	color: #f70000;
}

.pay-foot .pay-foot-price {
	margin-bottom: 10px;
}

.pay-foot .checkbox {
	margin-bottom: 15px;
}

.pay-foot .pay-foot-price .text-danger {
	font-size: 24px;
}

.pay-foot .btn-go-pay {
	width: 180px;
}

.pay-select {
	overflow: hidden;
}

.pay-select .radio {
	margin-bottom: 20px;
}

.pay-select .pay-text {
	display: inline-block;
	margin-left: 20px;
}

.pay-select .pay-icon {
	display: inline-block;
	margin-left: 10px;
}

input[type=checkbox],
input[type=radio] {
	margin: 0;
}

.pay-goods-cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
/*	margin-bottom: 15px;*/
	padding: 10px 0px;
}

.pay-goods-cell .pg-photo {
	margin-right: 20px;
}

.pay-goods-cell .pg-photo img {
	width: 230px;
	height: 130px;
}

.pay-goods-cell .title {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
}
.pay-goods-cell .title2 {
	font-size: 14px;
	line-height: 24px;
	height: 26px;
	margin-bottom: 10px;
}
.pay-goods-cell .time {
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	margin-bottom: 10px;
}

.pay-goods-cell .ft {
	font-size: 18px;
	text-align: right;
}

.pay-tips {
	padding: 20px 15px;
}

.pay-tips .pay-icon {
	margin-right: 20px;
}

.pay-tips .t-tip {
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 10px;
}

.pay-tips .t-text span {
	color: #ff6000;
}

.pub-panel {
	box-shadow: 0 0 10px rgba(0, 0, 0, .06);
	padding: 0 20px 20px 20px;
	background-color: #FFFFFF;
}

.pub-tab {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 15px;
}

.pub-tab li {
	margin-right: 20px;
	float: left;
}

.pub-tab li a {
	position: relative;
	display: block;
	padding: 15px 10px;
	font-size: 18px;
	color: #999999;
        cursor: pointer;
}

.pub-tab li.active a {
	color: #0267b9;
}

.pub-tab li.active a::after {
	width: 30px;
	height: 3px;
	background-color: #007cc1;
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
}

.tk-tab {
	overflow: hidden;
	margin-bottom: 15px;
}

.tk-tab li {
	float: left;
}

.tk-tab li a {
	display: inline-block;
	color: #666666;
	font-size: 12px;
}

.tk-tab li.active a {
	color: #0267b9;
}

.tk-tab .line {
	padding: 0 15px;
	font-size: 10px;
	color: #999
}

.tk-cell {
	padding: 15px 10px;
	border-bottom: 1px solid #EEEEEE;
}

.tk-cell .tk-title {
	font-size: 18px;
	margin-bottom: 10px;
}

.tk-cell .tk-desc {
	line-height: 2;
	color: #666666;
	margin-bottom: 5px;
}

.tk-cell .tk-time {
	color: #999999;
}

.tk-cell .tk-title a {
	font-size: 18px;
}

.tk-replay {
	padding: 10px;
	background-color: #f5f5f5;
	font-size: 12px;
	color: #999999;
	border: 1px solid #e1e1e1;
	margin-top: 15px;
	max-width: 90%;
	line-height: 2;
}

.ac-tip {
	display: inline-block;
	margin-left: 10px;
	color: #333333;
}

/* 登陆吧 */
.login-wrapper {
	height: 650px;
	background: url(../images/login-bg.jpg) center no-repeat;
}

.login-main {
	padding: 40px 0;
}

.login-grid {
	float: left;
	padding: 140px 0;
}

.login-grid .lg {
	font-weight: bold;
	font-size: 30px;
	color: #0261b7;
	margin-bottom: 15px;
}

.login-grid .desc {
	font-size: 18px;
	color: #999999;
}

.login-card {
	width: 460px;
	background-color: #FFFFFF;
	float: right;
}

.login-card .inner {
	padding: 30px 50px;
	box-shadow: 0 0 4px 1px #d1d1d1;
}

.step-cell {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}

.step-cell li {
	position: relative;
	z-index: 9;
}

.step-cell::after {
	content: '';
	background-color: #9a9a9a;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	top: 20px;
	opacity: .3;
}

.step-cell .nn-icon {
	position: relative;
	margin: 0 auto;
	width: 42px;
	height: 42px;
	border: 1px solid #aaaaaa;
	border-radius: 43px;
	text-align: center;
	line-height: 40px;
	background-color: #FFFFFF;
	font-size: 18px;
	color: #999999;
}

.step-cell .txt {
	margin-top: 10px;
	color: #999999;
}

.form-row {
	position: relative;
	margin-bottom: 25px;
}

.form-row .v-label {
	margin-bottom: 10px;
	font-size: 15px;
}

.form-row .form-control {
	height: 44px;
}

.form-row .row {
	margin: 0 -8px;
}

.form-row .row>div {
	padding: 0 8px;
}

.form-foot .btn {
	width: 100%;
	height: 44px;
	line-height: 30px;
	border-radius: 40px;
}

.step-cell .active .nn-icon {
	color: #0161b6;
	font-size: 0;
}

.step-cell .active .txt {
	color: #0161b6;
}

.step-cell .active .nn-icon::after {
	content: '';
	width: 42px;
	height: 42px;
	background: url(../images/success.png) no-repeat;
	position: absolute;
	z-index: 99;
	top: -1px;
	left: -1px;
	z-index: 9;
}

.form-row .radio {
	margin: 0 !important;
	margin-right: 40px !important;
}

.form-row .checkbox {
	color: #999999;
}


.form-row .form-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -12px;
}

.form-row .form-icon+.form-control {
	padding-left: 45px;
}

.form-code-row .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 2px;
	width: 96px;
	height: 44px;
}

.form-code-row .form-row_bd {
	padding-right: 105px;
}

.form-code-row .btn-code-disable,
.form-code-row .btn-code-disable:hover {
	border: 1px solid #999999;
	color: #999999;
	background-color: transparent;
}

.form-result {
	font-size: 18px;
	line-height: 2;
	padding: 50px 0;
	margin-bottom: 40px;
}

.form-result .lg-text {
	text-indent: 30px;
}

.k-panel {
	background-color: #FFFFFF;
	box-shadow: 0 0 15px rgba(0, 0, 0, .04);
	margin-bottom: 20px;
}

.k-panel .breadcrumb {
	padding: 15px;
	margin-bottom: 0;
	border-bottom: 1px solid #EEEEEE;
}

.k-panel_main {
	padding: 20px;
}

.k-panel_main .k-photo {
	margin-right: 20px;
}

.k-photo img {
	width: 510px;
	height: 360px;
}

.k-panel_main .k-title {
	font-size: 18px;
	margin-bottom: 10px;
}

.k-panel_main .k-grid {
	margin-bottom: 10px;
}

.k-panel_main .k-grid .time {
	font-size: 12px;
	color: #999999;
	margin-bottom: 6px;
}

.k-panel_main .k-item {
	line-height: 2;
}

.k-panel_main .k-tags {
	margin-bottom: 10px;
}

.k-tags .tag {
	display: inline-block;
	border: 1px solid #e9e9e9;
	margin-right: 10px;
	line-height: 28px;
	padding: 0 8px;
	color: #666666;
}

.k-panel_main .k-tip {
	line-height: 34px;
	padding: 0 10px;
	font-size: 13px;
	background-color: #fdf8e5;
}

.k-panel_main .k-title {
	font-size: 18px;
}

.k-price {
	line-height: 1.2;
	padding: 15px 0;
}

.k-price .v-price {
	color: #f11212;
	font-size: 30px;
}

.k-footer .btn {
	width: 190px;
	height: 50px;
	line-height: 36px;
	border-radius: 2px;
	font-size: 16px;
	margin-right: 10px;
}

.teach-panel {
	box-shadow: 0 0 15px rgba(0, 0, 0, .04);
	background-color: #FFFFFF;
	padding: 30px;
	margin-bottom: 20px;
}

.tc-head {
	line-height: 1;
	font-size: 22px;
	font-weight: bold;
	padding-left: 10px;
	border-left: 4px solid #0a76e3;
	margin-bottom: 20px;
}

.teach-panel .k-avatar {
	margin-right: 20px;
	font-size: 0;
}

.k-avatar img {
	width: 150px;
	height: 150px;
	border-radius: 150px;
}

.teach-panel .k-head {
	margin-bottom: 20px;
}

.teach-panel .flex-center {
	padding: 10px;
}

.k-head .k-name {
	font-size: 18px;
	display: inline-block;
	margin-right: 20px;
}

.k-head .k-desc {
	font-size: 15px;
}

.k-intro {
	line-height: 2;
	margin-bottom: 10px;
}

.teach-panel .btn {
	border-radius: 30px;
	width: 144px;
	height: 44px;
	background-color: #0a76e4;
	font-size: 16px;
	line-height: 30px;
	border-color: #0a76e4;
	border-radius: 40px;
}

.k-tab-main {
	float: left;
	width: 850px;
        min-height: 900px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .04);
	background-color: #FFFFFF;
}

.k-sidebar {
	float: right;
	width: 325px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .04);
	background-color: #FFFFFF;
}

.k-tab-main .pub-tab {
	padding: 0 15px;
	margin-bottom: 0;
}

.k-tab-content {
	padding: 20px;
}

.as-panel {
	padding: 5px 15px;
	margin-bottom: 20px;
}

.as-panel_hd {
	padding: 15px 5px;
	line-height: 1;
	font-size: 16px;
	border-bottom: 1px solid #EEEEEE;
}

.as-logo {
	margin: 0 auto;
	margin-top: 20px;
	width: 220px;
	height: 96px;
	line-height: 96px;
	border: 1px solid #EEEEEE;
}

.as-teacher-list .t-avatar {
	display: block;
	margin-right: 15px;
	width: 68px;
	height: 68px;
	border-radius: 57px;
}

.as-teacher-list li {
	padding: 15px;
	border-bottom: 1px solid #EEEEEE;
}

.as-teacher-list .name {
	font-size: 16px;
	margin-bottom: 5px;
}

.as-teacher-list .pos {
	color: #666666;
}

.rel-panel .rel-panel_hd {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

.download-table {
	background-color: #f6f6f6;
}

.download-table td {
	padding: 20px !important;
	border: 0 !important;
	color: #666666;
	border-bottom: 1px solid #FFF !important;
}

.download-table thead td {
	font-size: 16px;
	color: #333333;
}

.ml-panel {
	padding: 15px 0;
	border-bottom: 1px solid #EEEEEE;
}

.ml-panel .panel-heading {
	padding: 0;
}

.ml-panel .panel-heading a {
	padding: 10px 0;
	position: relative;
	display: block;
}

.ml-list {
	padding-left: 15px;
}

.ml-list .ml-title {
	background-color: #f5f5f5;
	padding: 5px 10px;
	color: #666666;
}

.ml-chapters {
	padding: 5px 0;
}

.ml-chapters .ml-chapter {
	padding: 5px 0;
	color: #777777;
}

.ml-chapter {
	justify-content: space-between;
}

.ml-chapter .tag {
	display: inline-block;
	padding: 5px 8px;
	color: #005bb3;
	font-size: 12px;
	line-height: 1;
	margin-right: 10px;
	border: 1px solid #005bb3;
}

.ml-chapter .l-link {
	display: inline-block;
	color: #005bb3;
}

.ml-chapter .l-times {
	margin-left: 20px;
	color: #999;
}

.ml-panel .panel-title .tag {
	display: inline-block;
	padding: 5px 8px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1;
	margin-right: 10px;
	border: 1px solid #005bb3;
	background-color: #005bb3;

}

.ml-panel .panel-heading a::after {
	content: '';
	background: url(../images/arrow.png) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	display: block;
}

.ml-panel .collapsed::after {
	transform: rotateZ(180deg);
}

.tp-cell {
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 2;
}

.raty-bar {
	margin-bottom: 40px;
}

.raty-bar .raty-v {
	font-size: 48px;
	line-height: 1;
	color: #fe7c3d;
	margin-right: 10px;
}

.comment-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 20px 0;
	border-bottom: 1px solid #EEEEEE;
}

.comment-avatar {
	margin-right: 15px;
}

.comment-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
}

.comment-list .comment-head {
	margin-bottom: 10px;
}

.comment-list .comment-body {
	color: #666666;
	line-height: 1.8;
	margin-bottom: 10px;
}

.comment-foot {
	height: 16px;
}

.comment-foot .time {
	line-height: 16px;
	color: #999999;
	float: left;
}

.comment-foot .ac-link {
	line-height: 16px;
	color: #999999;
	float: right;
}

.comment-foot .ac-link.on {
	color: #005bb3;
}

.comment-end {
	padding: 30px 0;
}

.comment-bar {

	margin-top: 16px;
}

.flex-left .text {
	float: left;
	margin-right: 10px;
	line-height: 34px;
}

.flex-left {
	height: 34px;
}

.flex-left .form-control {
	float: left;
	margin-right: 10px;
	width: 100px;
}

.flex-left .link-code {
	float: left;
	color: #005bb3;
	line-height: 34px;
	display: inline-block;
	margin-left: 10px;
}

.form-code {
	float: left;
	width: 88px;
	height: 34px;
	border: 1px solid #ddd;
}

.comment-end {
	max-width: 70%;
}

.comment-end>.text {
	margin-bottom: 10px;
}

.comment-group {
	margin-bottom: 20px;
}

.comment-hd {
	margin-bottom: 15px;
	overflow: hidden;
}

.comment-hd .comment-t {
	float: left;
}

.comment-hd .tp {
	float: right;
}

.hint {
	line-height: 24px;
	margin-left: 10px;
}

.k-row {
	margin-bottom: 40px;
}

.as-rel-list li {
	padding: 20px;
	border-bottom: 1px solid #EEEEEE;
}

.as-rel-box {
	display: block;
	line-height: 1;
}

.as-rel-box img {
	width: 100%;
}

.as-rel-box .rel-ttile {
	font-size: 16px;
	margin-top: 15px;
}

.as-rel-box .rel-intro {
	font-size: 14px;
	margin-top: 10px;
	color: #666;
}

.as-rel-box .rel-nn {
	font-size: 12px;
	margin-top: 10px;
}

.lesson-list {
	margin: 0 -8px;
}

.lesson-list li {
	float: left;
	padding: 8px;
	width: 20%;
}

.lesson-list .ls-box {
	background-color: #FFFFFF;
	line-height: 1.2;
	display: block;
	height: 265px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .08);
}

.lesson-list .ls-box img {
	width: 226px;
	height: 130px;
}

.ls-box .ls-grid {
	padding: 15px;
}

.ls-box .ls-title {
    font-size: 16px;
    margin-bottom: 10px;
    height: 36px;
    overflow: hidden;
}

.ls-box .ls-attr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 20px;
}

.ls-box .ls-foot {
	font-size: 16px;
	height: 32px;
}

.ls-box .ls-attr .ls-price {
	color: #ea0707;
	font-size: 18px;
}

.ls-box .ls-attr .ls-pos {
	color: #999;
}

.ls-foot .ls-txt {
	font-size: 12px;
	margin-bottom: 10px;
	color: #666666;
}

.progress {
	background-color: #ededed;
	height: 8px;
	margin-bottom: 0;
}

.progress-bar {
	background-color: #0a76e3;
}

.ls-time {
	color: #0a76e3;
	font-size: 14px;
	padding: 8px 0;
}

.ls-free-txt {
	padding-top: 10px;
}

.section {
	padding: 30px 0;
}

.sec-head {
	margin-bottom: 40px;
	text-align: center;
}

.sec-head .sec-title {
	font-size: 30px;
}

.sec-head .sec-desc {
	font-size: 18px;
	color: #999999;
	margin-top: 10px;
}
.hz-list li {
	float: left;
	padding: 10px;
	width: 20%;
}

.hz-list li .hz-box {
	background-color: #fff;
	height: 96px;
	border: 1px solid #EEEEEE;
	text-align: center;
}

.live-list {
	margin: 0 -10px;
}

.live-list li {
	padding: 10px;
	float: left;
	width: 33.33%;
}

.live-list .lv-cell {
	padding: 16px 20px;
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.lv-head {
	height: 30px;
	margin-bottom: 10px;
}

.lv-head .lv-button {
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	background-color: #fc7b3a;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 30px;
}

.lv-avatar {
	margin-right: 15px;
}

.lv-avatar img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

.live-list .lv-cell .lv-title {
	line-height: 1.6;
	padding: 10px 0;
}

.lv-cell .lv-attr * {
	display: inline-block;
	vertical-align: middle;
}

.lv-cell .lv-attr .lv-tag {
	margin-left: 15px;
	line-height: 26px;
	padding: 0 8px;
	color: #1e6cca;
	background-color: #d6f4fd;
}

.lv-time {
	line-height: 30px;
	color: #666666;
}

.haok-list li {
	margin-bottom: 15px;
}

.haok-cell {
	border: 1px solid #DDDDDD;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: 15px;
	background-color: #FFFFFF;
}

.haok-pic {
	margin-right: 20px;
	font-size: 0;
}

.haok-pic img {
	width: 310px;
	height: 170px;
	border-radius: 5px;
}

.haok-title {
	font-size: 16px;
	margin-bottom: 10px;
}
.haok-title2 {
	font-size: 12px;
	margin-bottom: 10px;
}
.haok-desc {
	font-size: 12px;
	line-height: 1.8;
	color: #777777;
	margin-bottom: 10px;
        height: 30px;
        overflow: hidden;
}

.haok-title {
	font-size: 16px;
	margin-bottom: 10px;
}

.haok-price {
	color: #ed0c11;
	font-size: 16px;
}

.haok-flex {
	margin-bottom: 10px;
}

.haok-flex * {
	display: inline-block;
	vertical-align: middle;
}

.haok-flex img {
	width: 40px;
	height: 40px;
	border-radius: 30px;
	margin-right: 10px;
}

.ht-row .ht-cell {
	color: #FFFFFF;
	padding: 15px 25px;
	border-radius: 8px;
}

.ht-cell .ht-tit {
	font-size: 16px;
	margin-bottom: 10px;
}

.ht-row {
	margin-bottom: 20px;
}

.sec-tags {
	margin: 0 -5px;
}

.sec-tags li {
	float: left;
	padding: 5px;
	width: 15.111%;
}

.sec-tags li a {
	text-align: center;
	display: block;
	line-height: 34px;
	border-radius: 24px;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}
.ht-cell .ht-desc{
    height: 80px;
}
.ke-sub-tabs {
	height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
}

.ke-sub-tabs li {
	float: left;
	margin-right: 20px;
}

.ke-sub-tabs li a {
	display: block;
	height: 30px;
	line-height: 20px;
	color: #666666;
}

.ke-sub-tabs li.active a {
	color: #1e6cca;
	border-bottom: 2px solid #4b82d0;
}



.ke-tabs {
	text-align: center;
	height: 30px;
	margin-bottom: 20px;
}

.ke-sub-tabs li {
	float: left;
	margin-right: 20px;
}

.ke-sub-tabs li a {
	display: block;
	height: 30px;
	line-height: 20px;
	color: #666666;
}

.ke-sub-tabs li.active a {
	color: #1e6cca;
	border-bottom: 2px solid #4b82d0;
}


.space0 {
	margin: 0;
}

.space0>div {
	padding: 0;
}

.course-panel {
	background-color: #fff;
}

.course-panel .panel-title {
	line-height: 28px;
	font-size: 16px;
}


.course-panel .panel-heading {
	padding: 10px;
	border-bottom: 1px solid #e7e7e7;
}

.course-panel .panel-body {
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.course-cell-val {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999999;
}

.course-cell-val a {
	font-size: 14px;
	color: #999999;
}

.course-cell__hd {
	margin-right: 10px;
}
.course-cell-label{
	font-size: 15px;
}

.course-cells {
	padding: 10px 0;
}

.course-cell {
	padding: 14px 0;
	line-height: 20px;
}

.course-swiper {
	padding-left: 10px;
}

.course-swiper-link {
	display: block;
}

.course-swiper-link img {
	width: 100%;
	height: 405px;
}

.course-swiper .swiper-pagination-bullet {
	width: 20px;
	height: 4px;
	border-radius: 2px;
	background-color: #fff;
	opacity: 0.5;
}

.course-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff;
	opacity: 1;
}

.course-status {
	background-color: #fff;
	text-align: center;
	padding: 32px 14px 15px;
	margin-left: 8px;
	height: 405px;
}

.course-title {
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	padding: 0 16px;
	margin-bottom: 18px;
}


.course-end {
	font-size: 12px;
	line-height: 30px;
	color: #999999;
}

.course-status-btn {
	background-color: #007cc1;
	font-size: 12px;
	color: #fff;
	display: block;
	border-radius: 16px;
}

.course-center {
	margin-bottom: 50px;
}

.course-status-btn a {
	font-size: 12px;
	color: #fff;
}

.course-avatar img {
	width: 72px;
	height: 72px;
	border-radius: 100%;
}

.course-avatar {
	margin-bottom: 45px;
}

.ke-tabs li a {
	font-size: 14px;
	display: block;
	color: #666666;
	line-height: 30px;
	border: 1px solid #dedede;
	padding: 0 20px;
        cursor: pointer;
}

.ke-tabs li {
	float: left;
	padding: 0 6px;
}

.ke-tabs {
	display: inline-block;
}

.tab-head {
	text-align: center;
	padding-bottom: 10px;
}

.ke-tabs li.active a {
	background-color: #007cc1;
	border-color: #007cc1;
	color: #fff;
        cursor: pointer;
}

.teach-tabs {
	background-color: #fff;
}

.teach-tabs {
	padding: 18px 25px;
}

.teach-tabs li {
	float: left;
	margin-right: 12px;
}

.teach-tabs li a {
	font-size: 14px;
	color: #666666;
	padding: 0 20px;
	line-height: 30px;
	border-radius: 15px;
	display: block;
}

.teach-tabs li.active a {
	background-color: #007cc1;
	color: #fff;
	border-radius: 15px;
}

.teach-row {
	margin: 0 -10px;
	padding-top: 10px;
}

.teach-row>div {
	padding: 0 10px;
}

.teach-box {
	display: block;
	background-color: #fff;
	position: relative;
	margin-top: 20px;
}

.teach-grade {
	line-height: 26px;
	color: #007cc1;
	font-size: 12px;
	padding: 0 20px 0 12px;
	border-radius: 0 8px 8px 0;
	background-color: #ebfafe;
	display: inline-block;
}

.teach-box-title {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	padding: 5px 0;
}

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

.teach-box-time {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.teach-box-pics {
	margin: 14px 0 16px 0;
}

.teach-box-pics img {
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin-right: 10px;
}

.teach-box-ft {
	color: #666666;
}

.teach-box-ft .btn {
	font-size: 14px;
	padding: 3px 20px;
	border-radius: 15px;
	border-color: transparent;
}

.teach-box-body {
	padding: 0 18px 15px 12px;
}

.teach-box-head {
	padding-top: 10px;
}

.teach-box-tag {
	font-size: 14px;
	line-height: 25px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #007cc1;
	padding: 0 14px 0 26px;
	border-radius: 0 0 0 25px;
	display: none;
}

.teach-box:hover {
	box-shadow: 1px 9px 13px rgba(121, 121, 121, 0.35);
}

.teach-box:hover::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #007cc1;
}

.teach-box:hover .teach-box-tag {
	display: block;
}

.teach-box-title .label {
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 11px;
	background-color: #0267b9;
	margin-right: 3px;
}


.expert-cell {
	background-color: #fff;
	border: 1px solid #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	padding: 25px 35px;
}

.expert-cell-pic {
	margin-right: 50px;
}

.expert-cell-pic img {
	width: 205px;
	height: 205px;
	border-radius: 100%;
}

.expert-cell-name {
	font-size: 24px;
	color: #333333;
	margin-bottom: 12px;
}

.expert-cell-post {
	font-size: 16px;
	margin-left: 20px;
}

.expert-cell-desc {
	font-size: 14px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 22px;
}

.expert-cell-zx .btn {
	font-size: 16px;
	padding: 10px 22px;
	border-radius: 22px;
	border-color: transparent;
}

.btn-image {
	background-image: linear-gradient(to right, #0267b9, #0b77e6);
}

.expert-box {
	background-color: #fff;
	border-radius: 5px;
	display: block;
	overflow: hidden;
	border: 1px solid #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.expert-swiper {
	padding: 0 36px;
	margin-top: 34px;
	position: relative;
}

.expert-box-pic img {
	width: 100%;
	height: 204px;
}

.expert-box-content {
	padding: 15px;
	border-top: 1px solid #d4d4d4;
}


.expert-box-content .expert-cell-name {
	font-size: 16px;
	margin-bottom: 5px;
}

.expert-box-content .expert-cell-post {
	font-size: 12px;
	color: #999999;
}

.expert-box-content .expert-cell-desc {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 12px;
}

.commom-question img {
	width: 100%;
	height: 281px;
}

.commom-question {
	position: relative;
}


.commom-question-mask {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 9px 16px;
	background-color: rgba(0, 0, 0, 0.43);
}

.commom-question-hd {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.commom-question-hd a{
	display: inline-block;
	font-size: 14px;
}
.question-swiper .commom-question-hd a{
	color: #fff;
}

.commom-question-bd {
	font-size: 14px;
	line-height: 30px;
}

.commom-question-cell {
	background-color: #fff;
	border: 1px solid #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	padding: 10px 20px 33px;
}

.commom-question-cell .commom-question-hd {
	color: #333333;
	font-weight: 600;
}

.red {
	color: #f14104;
}

.green {
	color: #38ba05;
}

.commom-question-cell+.commom-question-cell {
	margin-top: 11px;
}

.questions-group {
	background-color: #fff;
	border: 1px solid #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	padding: 15px;
	margin-top: 25px;
}

.space54 {
	margin: 0 -27px;
}

.space54>div {
	padding: 0 27px;
}

.questions-list li a {
	font-size: 15px;
	color: #333333;
	line-height: 40px;
	display: block;
}

.questions-list li {
	border-bottom: 1px solid #ededed;
}

.space20>div {
	padding: 10px;
}

.space20 {
	margin: -10px;
}

.read-swiper-link {
	display: block;
}

.read-swiper-link img {
	width: 100%;
	height: 280px;
}

.read-swiper .swiper-pagination-bullet {
	width: 16px;
	height: 3px;
	background-color: #fff;
	border-radius: 0;
}

.read-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 24px;
}

.read-box {
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	padding: 20px 15px 22px;
	background-color: #fff;
	height: 280px;
}

.read-box-tit {
	font-size: 15px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 12px;
}
.read-box-tit a{
	font-size: 15px;
	color: #333333;
}


.read-box-desc {
	font-size: 12px;
	line-height: 24px;
	color: #999999;
	margin-bottom: 12px;
}

.read-box-ft {
	text-align: center;
	padding-top: 27px;
	border-top: 1px solid #d4d4d4;
}

.read-box-ft .btn {
	border-color: transparent;
	padding: 4px 20px;
	border-radius: 14px;
}

.expert-swiper .swiper-button-next {
	right: 0;
}

.expert-swiper .swiper-button-prev {
	left: 0;
}


.expert-swiper .swiper-button-next .iconfont,
.expert-swiper .swiper-button-prev .iconfont {
	font-size: 46px;
	color: #64afdb;
}

.expert-swiper .swiper-button-prev:after,
.expert-swiper .swiper-button-next:after {
	font-size: 0;
}


.question-swiper .swiper-button-next .iconfont,
.question-swiper .swiper-button-prev .iconfont {
	font-size: 20px;
	color: #fff;
}

.question-swiper .swiper-button-prev:after,
.question-swiper .swiper-button-next:after {
	font-size: 0;
}

.banner {
	height: 450px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}


.aside {
	box-shadow: 0 0 10px rgb(0 0 0 / 6%);
	width: 230px;
	background-color: #fff;
	margin-right: 25px;
}

.aside-title {
	font-size: 16px;
	color: #0267b9;
}

.aside-head {
	padding:15px 24px;
	border-bottom: 1px solid #e4e4e4;
}

.aside-navbar {
	padding: 10px 0;
}

.aside-navbar li a {
	font-size: 15px;
	display: block;
	line-height: 50px;
	padding-left: 28px;
}

.aside-navbar li.active a {
	background-color: #0267b9;
	color: #fff;
}

.content {
	width: 945px;
}

.content-panel {
	box-shadow: 0 0 10px rgb(0 0 0 / 6%);
	background-color: #fff;
}

.content-panel .panel-title {
	font-size: 18px;
	color: #333333;
}

.content-panel .panel-heading {
	padding: 24px 30px 6px;
	border-bottom: 1px solid #e4e4e4;
}

.feedback {
	font-size: 12px;
	color: #0267b9;
	margin-bottom: 25px;
}

.content-panel .panel-body {
	padding: 25px 75px 60px 30px;
}

.form-group-label {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}

.radio-group>label {
	margin-bottom: 0;
	margin-right: 28px;
}

.radio-group>label span {
	font-size: 12px;
	color: #333333;
}

.radio-group>label input {
	margin-right: 8px;
}


.pfbz h3 {
	font-size: 14px;
	line-height: 30px;
	margin: 0;
}

.pfbz p {
	font-size: 14px;
	line-height: 24px;
}

.support-type {
	font-size: 14px;
	color: #999999;
	line-height: 18px;
}

.pfbz {
	padding: 35px 0 25px;
}

.agree {
	margin-bottom: 25px;
}

.form-group .btn {
	padding: 8px 20px;
	margin-right: 30px;
}

.form-group .sub-btn {
	padding: 8px 32px;
}

.card {
	background-color: #fff;
	border: 1px solid #e9e9e9;
}



.card-head {
	background-color: #f5f5f5;
	padding: 12px 20px;
	border-bottom: 1px solid #e9e9e9;
}

.card-title {
	font-size: 18px;
}

a.more-link {
	font-size: 12px;
	color: #015db3;
}

.task-status {
	color: #568fc8;
	margin-right: 5px;
}

.task-title {
	color: #333333;
}

.task-time {
	color: #999999;
}

.task-list li a {
	font-size: 14px;
	line-height: 25px;
	padding: 10px 0;
}

.task-list li {
	border-bottom: 1px solid #efefef;
}

.task-list {
	padding: 10px 15px;
}

.card-body {
	min-height: 240px;
}

.week-list li {
	float: left;
}

.week-list {
	display: inline-block;
}

.week-list li a {
	border: 1px solid #f2f2f2;
	display: block;
	border-radius: 100%;
	font-size: 12px;
	line-height: 26px;
	margin: 0 6px;
	width: 28px;
}

.week-list li.active a {
	border-color: #0267b9;
	color: #0267b9;
}
.week-list li.on a {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
}

.target-tips {
	text-align: center;
	font-size: 12px;
	color: #999999;
}
.tar-main{
	padding:30px 0;
	position: relative;
}
.tar-abs{
	position: absolute;
	top: 30px;
	right: 10px;
}
.tar-abs .btn{
	border-radius: 40px;
}
.tar-main .circleChart{
	position: relative;
	margin-bottom: 20px;
}
.tar-grid{
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 26px 0;
}
.tar-grid .value{
	line-height: 1;
	color: #015db3;
}
.tar-grid .value .lg{
	font-weight: bold;
	font-size: 30px;
}
.tar-grid .txt{
	color: #999999;
}

.zb-wrapper {
	padding: 55px;
	background: url(../images/zb.jpg) no-repeat center top #00173e;
}

.zb-content {
	background-color: #fff;
	padding: 15px 30px;
}

.zb-tabs li {
	float: left;
}

.zb-tabs {
	position: relative;
	display: block;
}

.zb-tabs::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	left: 20px;
	bottom: 1px;
	background-color: #015eb4;
}

.zb-tabs li a {
	font-size: 18px;
	color: #015eb4;
	line-height: 52px;
	padding: 0 35px;
	border-radius: 26px;
	display: block;
}

.zb-tabs li.active a {
	background-color: #015eb4;
	color: #fff;
}

.zb-active {
	text-align: center;
	padding: 60px 0;
}

.zb-title {
	font-size: 36px;
	color: #ffffff;
	line-height: 40px;
	margin-bottom: 20px;
}

.zb-time {
	color: #6a6a6a;
}

.zb-teach {
	color: #fff;
	margin-right: 60px;
}

.zb-txt {
	font-size: 16px;
	line-height: 30px;
}

.zh-head-top {
	position: relative;
	margin-bottom: 45px;
}

.zb-share {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
}

.zb-cell__bd {
	width: 490px;
	height: 742px;
	background-color: #3d3d3d;
	margin-left: 20px;
}

.chat-tabs li a {
	font-size: 16px;
	color: #a3a3a3;
	text-align: center;
	display: block;
	line-height: 24px;
	padding: 20px 0;
}


.chat-tabs li {
	position: relative;
}

.chat-tabs {
	padding: 10px 20px 0;
	background-color: #353535;
}

.chat-tabs li.active a {
	color: #fff;
}

.chat-tabs li.active::after {
	position: absolute;
	content: '';
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 147px;
	height: 3px;
	background-color: #007cc1;
}

.chat-avatar img {
	width: 46px;
	height: 46px;
	border-radius: 100%;
}

.chat-avatar {
	width: 50px;
}

.chat-user {
	font-size: 16px;
	color: #ffffff;
	padding: 0 12px;
	line-height: 36px;
	margin-bottom: 8px;
}

.chat-reply {
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	padding: 8px 20px;
	border-radius: 40px;
	background-color: #7b7b7b;
	display: inline-block;
}

.chat-cell {
	padding: 12px 0;
}

.chat-user .label {
	font-size: 14px;
	padding: 4px 8px;
	border-radius: 11px;
	margin-right: 2px;
}

.chat-list {
	padding: 10px 30px;
}

.chat-footer {
	padding: 10px 20px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid #838383;
}

.chat-input .form-control {
	height: 42px;
	border-radius: 21px;
}

.chat-input .btn {
	font-size: 16px;
	padding: 9px 18px;
	border-radius: 21px;
	margin-left: 5px;
}

.chat-check {
	font-size: 16px;
	color: #a7a7a7;
	margin: 0;
}

.btn-smile {
	background-color: transparent;
	border: 0;
	padding: 0;
}

.btn-smile .iconfont {
	font-size: 28px;
	color: #c5c5c5;
}

.algin-right {
	text-align: right;
}



.friend-list .chat-user {
	margin-bottom: 0;
	line-height: 46px;
}

.friend-cell {
	padding: 12px 30px;
	border-bottom: 1px solid #606060;
}


.zb-cell-tab .tab-content>.tab-pane {
	position: relative;
	height: 650px;
	overflow: hidden;
}


.zh-head{
	margin-bottom: 80px;
}
.zb-video {
	height: 690px;
}
.zb-video img{
	width: 100%;
	height: 690px;
}

.video-time{
	font-size: 14px;
	color: #919091;
}

.zb-video-ft{
	background-color: #232323;
	padding: 12px 12px 12px 20px;
}

.video-btns .btn{
	padding:3px 18px;
	border:1px solid #454545;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
	background-color: #393939;
	margin-left: 10px;
}

.video-btns .btn .iconfont{
	margin-right: 5px;
	font-size: 14px;
}

.video-btns  .btn-menu{
	background-color: transparent;
	border: 0;
	padding: 3px 5px;
}

.course-table-val{
	font-size: 12px;
	color: #666666;
	line-height: 24px;
}

.course-table-label{
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	width: 100px;
	padding-right: 20px;
	text-align: right;
	position: relative;
}

.course-table-label::after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #0267b9;
	left: -4px;
	top: 10PX;
}

.course-table li{
	position: relative;
	padding: 5px 0;
}


.course-table{
	border-left: 1px solid #ececec;
}

.course-arrange-title{
	margin-bottom: 15px;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #0267b9;
	background:url(../images/ke-line.png) no-repeat center;
}

.course-arrange{
	width: 396px;
	padding: 12px 37px;
	border-left: 1px solid #d8d8d8;
}

.questions-list li a:hover{
	color: #0267b9;
}

.commom-question-hd a:hover{
	color: #0267b9;
}
.read-box-tit a:hover{
	color: #0267b9;
}
.haok-cell:hover .haok-title{
	color: #0267b9;
}
.wrapper-top{
	margin-bottom: 30px;
}
.btn-smile:hover,
.btn-smile:active:hover,
.btn-smile:focus:hover{
	background-color: transparent;
}
.sc-selected {
    background: url(/assets/images/today.png) center no-repeat;
    color: #FFFFFF;
}
.mark-day{
        background: url(/assets/images/selected.png) center no-repeat;
    color: #FFFFFF;
}
/*js 分页 开始*/
.js-pagination-cells {
    position: relative;
    text-align: center;
    zoom: 1;
}

.js-pagination-cells:before,
.js-pagination-cells:after {
    content: "";
    display: table;
}

.js-pagination-cells:after {
    clear: both;
    overflow: hidden;
}

.js-pagination-cells span {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #bdbdbd;
    font-size: 14px;
}

.js-pagination-cells .active {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #007cc1;
    color: #fff;
    font-size: 14px;
    border: 1px solid #007cc1;
}

.js-pagination-cells a {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #bdbdbd;
    font-size: 14px;
}

.js-pagination-cells a:hover {
    color: #fff;
    background:#007cc1;
}

.js-pagination-cells .next,
.js-pagination-cells .prev {
    font-family: "Simsun";
    font-size: 16px;
    font-weight: bold;
}

js-pagination-cells.now,
js-pagination-cells.count {
    padding: 0 5px;
    color: #f00;
}

js-pagination-cells.eg img {
    max-width: 800px;
    min-height: 500px;
}


/*js 分页 结束*/


/* xin新新新新新新新新新新新新新新新新新新新新新新 */

.uc-sidebar{
	background-color: #FFFFFF;
	float: left;
	width: 200px;
        cursor: pointer;
}
.uc-main{
	background-color: #FFFFFF;
	width: 970px;
	float: right;
}
.uc-sidebar-title{
    text-align: center;
    font-size:24px;
    padding-top:20px;
}
.uc-grid{
	padding: 15px 15px;
	word-break: break-all;
	border-bottom: 1px solid #EEEEEE;
}
.uc-grid div{
	color: #999;
}
.uc-grid .uc-avatar{
	width: 60px;
	height: 60px;
	border-radius: 50px;
	margin-right: 10px;
}

.uc-nav{
	padding: 10px 0;
}
.uc-nav li{
	padding: 10px 0;
}
.uc-nav li a{
	padding: 0px 20px;
	display: block;
	font-size: 16px;
}
.uc-nav li a *{
	display: inline-block;
	vertical-align: middle;
}
.uc-nav li a img{
	margin-right: 10px;
        width:36px;
}
.uc-nav li.active a{
	color: #007cc1;
}
.uc-panel{
	padding: 20px;
	min-height: 610px;
}
.uc-panel_hd{
	font-size:22px;
	font-weight: bold;
	margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.show-filter-item{
    margin-left:15px;
    cursor: pointer;
}

.uc-table {
	width: 100%;
	border: 1px solid #EEEEEE;
}

.uc-table td {
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
}

.uc-table td {
	color: #666666;
	font-size: 16px;
            border: 1px solid #EEEEEE;
}

.uc-table thead tr {
	font-weight: bold;
	color: #333;
}
.uc-table thead tr  td{
	padding: 15px;
	font-size: 18px;
            border: 1px solid #EEEEEE;
}
.link-ac a{
	display: inline-block;
	text-decoration: underline;
	margin: 0 5px;
}
.uc-cells{
	padding: 20px 0;
	border-bottom: 1px solid #EEEEEE;
}
.uc-cells:last-child{
	border-bottom: 0;
}
.uc-data-hd{
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 16px;
}
.uc-data-list li{
	float: left;
	font-size: 16px;
	width: 33.33%;
	padding: 10px 0;
}
.uc-data-list li .v{
	color: #007cc1;
	font-weight: bold;
}

.uc-filter .layui-form-label{
	width: 100px;
	font-size: 16px;
}
.filter-link .btn{
	background-color: #e8e8e8;
	border-radius: 3px;
	color: #9a9a9a;
}
.filter-link .btn-active{
	background-color: #007cc1;
	color: #FFFFFF;
}

.calendar-main{
	position: relative;
	border: 1px solid #DDDDDD;
}
.calendar-main .sc-calendar{
	width: 660px;
}
.calendar-main .sc-header{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #f8f8f8;
	border-left: 1px solid #DDDDDD;
	width: 268px;
}
.sc-title{
	font-size: 16px;
}
.sc-week{
	background-color: #f8f8f8;
}
.sc-week .sc-week-item{
	color: #000000;
}
.calendar-current{
	border-left: 1px solid #DDDDDD;
	height: 440px;
	color: #007cc1;
}
.sc-header .arrow{
	padding: 10px 20px;
}
.calendar-current .day{
	font-size: 76px;
	display: inline-block;
	line-height: 1;
}
.calendar-current .week{
	line-height: 1;
	font-size: 26px;
	padding-top: 20px;
	margin-left: 10px;
}

.adm-tabs{
	height: 44px;
	background-color: #f4f4f4;
}
.adm-tabs li{
	width: 170px;
	border-right: 2px solid #FFFFFF;
	float: left;
}
.adm-tabs li span,.adm-tabs li a{
	border-top: 3px solid #e5e5e5;
	height: 44px;
	line-height:40px;
	padding: 0;
	text-align: center;
            display: inherit;
            cursor: pointer;
}
.adm-tabs li.active span,.adm-tabs li.active a{
	background-color: #FFFFFF;
	color: #007cc1;
	border-top: 3px solid #007cc1;
}

.tab-adm-content{
	padding: 20px 0;
}
.adm-cell{
	padding:10px 20px;
/*	margin-bottom: 30px;*/
/*border: 1px solid #EEEEEE;*/
}
.adm-cell .adm-tt{
	margin-bottom: 10px;
}
.adm-cell .adm-time{
	color: #999999;
}
.adm-link{
	overflow: hidden;
}
.adm-link li{
	float: left;
	position: relative;
	padding: 0 10px;
}
.adm-link li a{
	color: #5280cc;
}
.adm-link li::before{
	width: 1px;
	height: 16px;
	content: '';
	background-color: #DDDDDD;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.adm-link li:first-child::before{
	display: none;
}
.form-heading .tt{
	font-size: 16px;
}
.form-heading{
	border-bottom: 1px solid #DDDDDD;
	padding: 15px 0;
	margin-bottom: 20px;
}
.form-heading a{
	color: #5280cc;
}
.uc-row .v-label{
	width: 110px;
	line-height: 40px;
	text-align: right;
	margin-right: 20px;
	font-size: 16px;
}
.uc-row{
	margin-bottom: 15px;
	font-size: 16px;
}

 
.uc-row .uc-input {
	width: 340px;
	height: 40px;
	border: 1px solid #D9D9D9;
	background-color: #fff;
	border-radius: 3px;
	padding: 0 10px;
	box-sizing: border-box;
	outline: 0;
}

.uc-row_ft {
	margin-top: 50px;
	text-align: center;
	padding-left: 40px;
}

.uc-row_ft .btn-submit {
	width: 130px;
	border: 0;
	outline: 0;
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	background: #F4587A;
	border-radius: 4px;
}

.uc-row textarea.uc-input {
	resize: none;
	width: 540px;
	height: 140px;
	border-radius: 3px;
	resize: lightgrey;
	outline: none;
	box-sizing: border-box;
	padding: 10px;
}
.uc-row .btn{
	height: 38px;
	width: 100px;
	margin-left: 20px;
}

.pub-foot {
	padding-top: 30px;
	text-align: center;
}

.pub-foot .btn {
	display: inline-block;
	text-align: center;
	line-height: 40px;
	padding: 0;
	font-size: 16px;
	margin-right: 20px;
	width: 120px;
	height: 40px;
	border-radius: 4px;
}

.pub-foot .btn.lg {
	width: 214px;
}
.btn-red-primary {
    background-color: #007cc1;
    color: #FFFFFF !important;
    border: 1px solid #007cc1;
}


.flex-radios {
	height: 36px;
}

.flex-radios .ac-label {
	margin-right: 35px;
}


.ac-label {
	cursor: pointer;
	font-weight: normal;
}

.ac-label input[type="checkbox"] {
	margin-right: 5px;
	width: 18px;
	height: 18px;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
}

.ac-label input[type="checkbox"]::before {
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/radio.png);
}

.ac-label input[type="checkbox"]:checked::before {
	background-image: url(../images/radioed.png);
}


.ac-label input[type="radio"] {
	margin-right: 5px;
	width: 18px;
	height: 18px;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
}

.ac-label input[type="radio"]::before {
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/radio.png);
}

.ac-label input[type="radio"]:checked::before {
	background-image: url(../images/radioed.png);
}

.uc-val{
	color: #666666;
}
.uc-row .uc-city-input  .uc-input{
	width: 140px;
	margin-right: 10px;
}


.upload-cell .upload-tip{
	margin-left: 15px;
	color: #999999;
}

.upload-box{
	position: relative;
	height: 100px;
}
.upload-box img{
	border-radius: 100px;
	width: 100px;
	height: 100px;
}




.upload-box .btn-upload-primary{
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid #FFFFFF;
	background-color: rgba(0,0,0,.4);
	overflow: hidden;
	border-radius: 4px;
	height: 30px;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	width:80px;
	transform: translate(-50%,-50%);
	margin: 0;
}

.btn-upload-primary  .file2 {
	position: absolute;
	width: 100%;
	height: 200%;
	left: 0;
	z-index: 2;
	top: -20px;
	cursor: pointer;
	opacity: 0;
}

.text-danger{
	color: #007cc1!important;
}


.vv-container{
	background-color: #9a989d;
	padding: 30px;
}
.video-main{
	height: 660px;
}
.vv-sidebar{
	width: 300px;
	border-radius: 8px;
	margin-left: 20px;
	background-color: #f7f7f7;
}
.vv-top-card{
	padding: 20px;
}
.vv-top-card .vv-cell{
	display: block;
}
.vv-cell .vv-cell-pic{
	font-size: 0;
	margin-bottom: 10px;
}
.vv-cell .vv-cell-pic img{
	width: 280px;
	height: 160px;
}
.vv-cell .vv-title{
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
}
.vv-cell .vv-nn{
	color: #999;
}
.vv-catlog-hd{
	background-color: #d3d3d3;
	font-size: 18px;
	line-height: 1;
	padding:18px 20px;
}
.vv-list {
	padding: 5px 0;
}
.vv-list li{
	background-repeat: no-repeat;
	background-position: 15px center;
	background-image: url(../images/c-emptyu.png);
	padding: 5px 15px 5px 45px;
}
.vv-list li.playing{
	background-image: url(../images/c-half.png);
}
.vv-list li.playover{
	background-image: url(../images/c-over.png);
}


.vv-list li .flex-center{
	font-size: 14px;
	color: #999;
}
.vv-list li .flex-center .time{
	color: #999;
	font-size: 13px;
}
.vv-list li .flex-center .icon-rt{
	display: inline-block;
	width: 20px;
	text-align: center;
	margin-left: 5px;
	height: 20px;
	line-height: 18px;
	font-size: 12px;
	border-radius: 30px;
}
.ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.vv-scroll{
	overflow: hidden;
	overflow-y: auto;
	height: 350px;
}
.vv-list li a:hover{
	color: #dc2425;
}

.detail-wrapper{
	background-color: #FFFFFF;
	padding: 20px 0;
}


.k-as-panel .as-panel_hd{
    padding: 20px;
}
.k-as-panel .as-panel_bd{
	padding: 15px;
}
.file-list li{
	margin-bottom: 15px;
}

.file-list li .file-icon{
	width: 30px;
	margin-right: 10px;
}
.k-detail-row .pub-tab li span {
    position: relative;
    display: block;
    padding: 15px 10px;
    font-size: 18px;
    color: #999999;
    cursor: pointer;
}
.k-detail-row .pub-tab li.active span {
	color: #007cc1;
}

.k-detail-row .pub-tab li.active span::after {
	width: 30px;
	height: 3px;
	background-color: #007cc1;
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.k-detail-row .pub-tab li.active a {
	color: #007cc1;
}

.k-detail-row .pub-tab li.active a::after {
	width: 30px;
	height: 3px;
	background-color: #007cc1;
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
}


.k-detail-main{
	float: left;
	width: 850px;
	background-color: #FFFFFF;
}

.k-video{
	position: relative;
	width: 640px;
	height: 360px;
	margin-right: 20px;
}
.k-video >img{
	width: 100%;
	height: 100%;
}
.k-video .k-play{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background: url(../images/play.png) no-repeat;
	z-index: 9;
}

.k-panel_main h1.k-title {
	font-size: 24px;
	line-height: 1.6;
	margin-bottom: 20px;
	margin-top: 0;
}

.k-footer .k-item{
	font-size: 16px;
	cursor: pointer;
}
.k-footer .k-item .icon-sc.active::before{
	content: "\e616";
	color: #007cc1;
}

.catlog-list li{
	margin-bottom:20px;
}
.catlog-list .c-heading{
	margin-bottom: 5px;
}
.c-time span{
	color: #666;
	display: inline-block;vertical-align: middle;
}
.c-time .icon-bofang{
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 20px;
	text-align: center;
	background-color: #ededed;
	color: #a4acb3;
	margin-right: 10px;
	font-size: 12px;
}
.c-tag .tag-item{
	display: inline-block;
	width: 70px;
	height: 22px;
	line-height: 22px;
	border-radius: 3px;
	background-color: #e7f4ff;
	color: #4495e1;
	font-size: 12px;
	text-align: center;
}
.catlog-list li a{
	font-size: 16px;
}
.catlog-list li.playing a{
	color: #ff6c71;
}
.catlog-list li.playing .c-tag .tag-item{
	background-color: #ffedda;
	color: #ff6c71;
}

.catlog-list li.playing .c-time .icon-bofang{
	background-color: #ffedda;
	color: #ff6c71;
}

.k-grid-intro{
	line-height: 1.8;
	margin-bottom: 30px;
        height: 140px;
        overflow: hidden;

}
.k-footer .k-price{
	padding: 0;
}
.uc-main .img-list-continer{
        margin-top: 36px;
}
.uc-main .img-list-continer li{
    display: inline-block;
    float:left;
    width: 22%;
    min-width: 168px;
    height: 180px;
    margin-right: 1.28%;
    margin-bottom: 40px;
}
.uc-main .img-list-continer li .img-box{
    position: relative;
    height: 128px;
    border-radius: 6px;
}
.uc-main .img-list-continer li .img-box img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #000;
}
.uc-main .img-list-continer li .img-box .img-tag {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 52px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    border-radius: 3px;
    font-size: 12px;
}
.uc-main .img-list-continer li .img-box .img-tag.tag-ing {
    color: #ff8417;
    background-color: #ffedda;
}
.uc-main .img-list-continer li .img-box .img-tag.tag-end {
    color: #1aac70;
    background-color: #e1f5ed;
}
.uc-main .img-list-continer li .course-title {
    max-width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.uc-main .img-list-continer li .tag {
    color: #9a9a9a;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.uc-main .text-list-continer .course-title{
    padding:0px;
}
.uc-main .text-list-continer li{
    display: inline-block;
    float:left;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEEEEE;
}
.uc-main .text-list-continer li .course-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.uc-main .text-list-continer li .tag {
    color: #9a9a9a;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.titleBox {
    width: 100%;
    position: relative;
    height: 52px;
    margin-top: 18px;
    padding-right: 20px;
}
.titleBox h3 {
    position: absolute;
    top: 0;
    left: 11px;
    width: 98%;
    margin-top: 12px;
    font-size:20px;
}
.selBox2 {
    margin: 8px 0 10px 13px;
}

.selBox2 span {
    display: inline-flex;
    cursor: pointer;
    line-height: 52px;
    text-align: center;
    position: relative;
    padding-left:8px;
    padding-right: 8px;
        font-size: 14px;
}
.selBox2 .on {
    color: #007cc1;
    border-bottom: 2px solid #007cc1;
}
.element-add-layer{
    width: 600px;
    height: 500px;
    box-shadow: none;
}
.element-add-layer .layui-layer-content{
    padding-top:40px;
}
#element-add-element{
    display: none;
}
#element-list-page{
    text-align: center;
    margin-top:15px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #007cc1;
}
#no-data-container img{
    width: 420px;
}
.sc-title{ 
    font-size:16px;
}
.sc-header .arrow{
        padding: 10px 24px;
}
.iconfont{
    font-size:20px;
}
.ke-content{
    word-break: break-all;
}
.hidden2{
    display: none;
}
     
.lesson-list .course-item {
    width: 25%;
    margin-bottom: 36px;
}

.lesson-list .course-item {
    float: left;
}
.lesson-list .course-item .card {
    margin: 0 10px;
    border-radius: 8px;
    overflow: hidden;
}
.lesson-list .course-item .card {
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 8%);
}   
.lesson-list .course-item .card .cover {
    width: 100%;
    height: 152px;
    overflow: hidden;
}
.lesson-list .course-item .card .cover .tag {
    height: 60px;
    opacity: .7;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.lesson-list .course-item .card .cover .tag p {
    position: absolute;
    bottom: 8px;
    right: 12px;
    font-size: 14px;
    color: #fff;
}

.course-container h2, .course-container p {
    margin: 0;
}
.lesson-list .course-item .card .live-tag {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    border-radius: 0 0 0 8px;
    font-size: 14px;
    color: #fff;
    padding: 0 6px;
}
.lesson-list .course-item .card .content {
    padding: 0 12px;
    height: 98px;
    position: relative;
    width: 100%;
}

.lesson-list .course-item .card .content .time-text {
    position: absolute;
    bottom: 16px;
    left: 12px;
    right: 12px;
    font-size: 14px;
    color: #9a9a9a;
    line-height: 20px;
}
.lesson-list .course-item .card .content .course-name {
    line-height: 22px;
    padding-top: 12px;
    font-size: 16px;
    overflow: hidden;
    height: 56px;
}
.lesson-list .course-item .card .content .time-text .icon {
    float: right;
    font-size: 14px;
}
.lesson-list .course-item .card .content .time-text .icon .iconfont {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.lesson-list .course-item .card .content .time-text .text.working {
    color: #ff8a02;
}
.navigation-bar{
    clear: both;
    background-color: #FFF;
        margin-top: 20px;
}
#lesson-start-schedule{
    display: block;
    width: 205px;
    height: 55px;
    line-height: 55px;
    background-color: #007cc1;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 6px;
}
.no-data{
    text-align: center;
    display: none;
}
.no-data img{
    width: 400px;
}
.no-data p{
    font-size: 16px;
    margin-top: 20px;
}
.filter-add-btn{
    font-size:16px;
    font-weight: normal;
    vertical-align: middle;
    color:#337ab7;
}
.filter-add-btn .iconfont{
    margin-right:5px;
}
.bread-nav-list {
    box-sizing:border-box;
    margin:0;
    padding:0;
    color:rgba(0,0,0,.65);
    font-variant:tabular-nums;
    line-height:1.5;
    list-style:none;
    font-feature-settings:"tnum","tnum";
    color:rgba(0,0,0,.45);
    font-size:14px;
    padding:15px 20px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.bread-nav-item {
    color:rgba(0,0,0,.45);
    transition:color .3s;
    font-size:14px;
}
.bread-nav-split {
    margin:0 3px;
    color:rgba(0,0,0,.45);
}
.bread-nav-item-active {
    color: #007cc1;
    font-size:16px;
}