@charset "utf-8";

/* 清除默认样式 */
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul,
li {
	list-style: none;
}

/* newindex */
.newhead {
	position: fixed;
	color: #fff;
	height: 80px;
	width: 100%;
	line-height: 80px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	/* background-color: #5e90ff; */
	background-color: #242c33;
	padding: 0 30px;
}

.newhead .h_left,
.newhead .h_right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.newhead .h_left {
	float: left;
}

.newhead .h_left h3 {
	padding: 0;
	margin: 0;
}

.newhead .h_left p {
	padding-left: 60px;
	font-size: 20px;
	margin: 0;
}

.newhead .h_right {
	float: right;
}

.newhead .h_right li {
	padding: 0 20px;
	cursor: pointer;
}

.newhead .h_right li .user_head {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.newhead .h_right li .user_head img {
	width: 100%;
}

.info_more_open,
.btn_out {
	color: #fff;
}

.info_more_show li a {
	color: #676a6c;
}

/* 正文大盒子 */
.main {
	height: calc(100% - 80px);
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	width: 100%;
}

.new_content {
	width: 100%;
}

nav[role="navigation"] {
	height: inherit;
}

.footer {
	margin: 0;
}

/* 中间内容 */
.my_index {
	width: 100%;
	background-color: #f5f5f5;
	padding: 0 20px;
	height: 100%;
}

.my_index div {
	height: 100%;
}

.my_index .content_cloth {
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 8px;
	/* overflow-y: scroll; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	/* height: 920px; */
}

/* #page-wrapper {
	overflow-y: scroll;
} */

*::-webkit-scrollbar {
	width: 10px;
}

*::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
}

*::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}

.cloth_l {
	width: 500px;
	/* display: inline-block; */
	float: left;
}

.rank {
	background-color: #fff;
	border-radius: 8px;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	padding: 20px;
	padding-top: 0;
}

.new_head {
	line-height: 60px;
	color: #303030;
	font-size: 20px;
	margin: 0;
}

.new_head2 {
	font-size: 16px;
	position: relative;
	text-align: center;
}

.new_head2::after {
	position: absolute;
	left: 20px;
	right: 20px;
	height: 1px;
	background-color: #efefef;
	display: block;
	content: '';
}

.last_rank {
	border-bottom: 1px solid #efefef;
	height: auto;
	margin-top: 30px;
}

.rank_detail {
	width: calc(100% - 40px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	/* margin-left: -10px;
	margin-right: -10px; */
	margin: 0 auto;
}

.rank_detail li {
	width: 33.33333%;
	padding: 0 10px;
}

.rank_detail li div {
	border-radius: 8px 8px 0 0;
	background-color: pink;
	max-width: 120px;
	text-align: center;
	position: relative;
	padding-top: 36px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	margin: 0 auto;
}

.rank_detail li:nth-child(2) div span {
	font-size: 120px;
}

.rank_detail li div h5 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 30px;
	font-size: 16px;
}

.rank_detail li div span {
	position: absolute;
	bottom: -20px;
	right: 5px;
	font-size: 92px;
	font-style: italic;
	color: #551414;
	opacity: .06;
}

.rank_detail li div p {
	line-height: 40px;
}

.rank_detail li div img {
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -30px;
}

.rank_detail li:nth-child(1)>div {
	height: 140px;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefed), to(#b4bad5));
	background: linear-gradient(#efefed, #b4bad5);
	/* 标准的语法 */
}

.rank_detail li:nth-child(2)>div {
	height: 170px;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffde5d), to(#e5b92e));
	background: linear-gradient(#ffde5d, #e5b92e);
	/* 标准的语法 */

}

.rank_detail li:nth-child(3)>div {
	height: 120px;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc176), to(#eb8723));
	background: linear-gradient(#ffc176, #eb8723);
	/* 标准的语法 */

}

.now_rank {
	border-radius: 8px;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	height: auto;
}

.table_rank {
	padding: 0 20px;
}

.table_rank tr td {
	text-align: center;
	line-height: 46px;
}

.table_rank tbody tr:nth-child(1) td:first-child {
	background: url(/Public/images/newindex/icon_r1.png) no-repeat center;
	background-size: unset;
}

.table_rank tbody tr:nth-child(2) td:first-child {
	background: url(/Public/images/newindex/icon_r2.png) no-repeat center;
	background-size: unset;
}

.table_rank tbody tr:nth-child(3) td:first-child {
	background: url(/Public/images/newindex/icon_r3.png) no-repeat center;
	background-size: unset;
}

.table_rank tbody tr.r_me {
	background-color: #fddb5a42;
	;
	color: #fe7e11;
	font-size: 15px;
}


/* 我的客户数 */
.cloth_r {
	padding-left: 20px;
	width: calc(100% - 500px);
	/* display: inline-block; */
	float: left;
}

.customers {
	width: 100%;
	border-radius: 8px;
	background-color: #fff;
	padding: 0 30px;
}

.customers .c_cards {
	width: 100%;
	border-radius: 8px;
	margin-left: -10px;
	margin-right: -10px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	padding-bottom: 10px;
}

.customers .c_cards li {
	padding: 10px;
	width: 20%;
	float: left;
}

.customers .c_cards li div {
	border-radius: 8px;
	height: 100px;
	background-color: pink;
	padding: 0 20px;
	color: #fff
}

.customers .c_cards li:nth-child(1) div {
	background-color: #5e90ff;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: linear-gradient(-30deg, #5e90ff, #7cd8ff);
	/* 标准的语法 */
}

.customers .c_cards li:nth-child(2) div {
	background-color: #66d6be;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: linear-gradient(150deg, #83feda, #48bea5);
	/* 标准的语法 */
}

.customers .c_cards li:nth-child(3) div {
	background-color: #fca241;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: linear-gradient(150deg, #ffd990, #fca241);
	/* 标准的语法 */
}

.customers .c_cards li:nth-child(4) div {
	background-color: #30dae9;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: linear-gradient(150deg, #85d2fe, #48a6fe);
	/* 标准的语法 */
}

.customers .c_cards li:nth-child(5) div {
	background-color: #ffaa7f;
	/* Safari 5.1 - 6.0 */
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	background: linear-gradient(150deg, #fbcbb3, #f89664);
	/* 标准的语法 */
}

.tasks {
	width: 100%;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	height: calc(100% - 210px);
}

.tasks .task_item {
	width: 50%;
	float: left;
	display: block;
	overflow: hidden;
}

.tasks .task_item:nth-child(1) {
	padding-right: 10px;
}

.tasks .task_item:nth-child(2) {
	padding-left: 10px;
}

.tasks .task_item>div {
	width: 100%;
	border-radius: 8px;
	background-color: #fff;

}

.tips_list {
	width: 100%;
	margin: 0;
	padding: 20px;
}

.tips_list li {
	display: block;
	cursor: pointer;
}


/* 被选择的链接 */
.tips_list li:hover a {
	color: #303030;
}

.tips_list li>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 45px;
}



.tips_list li>div span {
	padding-right: 30px;
	position: relative;
	display: inline-block;
	width: 101px;
}

.tips_list li>div i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 20px;
	/* background-image: url(/Public/images/newindex/icon_dot1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: unset; */
	position: relative;
	z-index: 99;
	top: 50%;
	margin-top: -10px;
	right: 0;
}

.tips_list li>div i::before {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	margin-top: -7px;
	background-image: url(/Public/images/newindex/icon_dot1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: unset;
	display: block;
	content: '';
	left: 50%;
	margin-left: -10px;
	z-index: 99;
}

.tips_list li>div i::after {
	position: absolute;
	width: 2px;
	top: 6px;
	bottom: 0px;
	background-color: #efefef;
	display: block;
	content: '';
	left: 50%;
	margin-left: -1px;
	z-index: 98;
}

.tips_list li>div p a {
	color: #686868;
	-webkit-transition: .2s;
	transition: .2s;
}

.tips_list li.seen>div p a {
	color: #afafaf;
}

.tips_list li.seen>div p a:hover {
	color: #303030;
}

.tips_list li.seen>div i::before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-image: url(/Public/images/newindex/icon_dot2.png);
}

.tips_list li>div p {
	padding-left: 30px;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: calc(100% - 120px);
}

.btn_links {
	margin-top: 20px;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 20px;
	height: 140px;
}

.link_box {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.link_box a {
	border: none;
	background-color: #0898ff;
	border-radius: 4px;
	height: 48px;
	line-height: 48px;
	width: 160px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: unset;
	position: relative;
	text-align: center;
}

.link_box a i {
	padding-right: 10px;
}




.task_today {
	height: calc(100% - 160px)
}

input[type="button"] {
	width: 120px;
	border-radius: 50px;
	line-height: 40px;
	color: #0898ff;
	font-size: 16px;
	margin: 20px auto;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #0898ff;
	display: block;
}

.rank_all {}

.no_rank {
	color: #afafaf;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 20px;
}

.clearfix {
	zoom: 1;
	/* clear: both;
	overflow: auto; */
}

.clearfix::before,
.clearfix::before {
	clear: both;
	content: '';
	clear: both;
}

.card_head,
.card_body {
	margin: 0;
	line-height: 50px;
}

.card_head {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* -webkit-line-clamp: 1; */
	/* -webkit-box-orient: vertical; */
}

.card_body {
	font-size: 20px;
	font-weight: bold;
}

.card_body span {
	float: right;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 24px;
	width: 45px;
	text-align: center;
	border-radius: 50px;
	-webkit-transform: translateY(12px);
	transform: translateY(12px);
	font-size: 14px;
	cursor: pointer;
}

.tips_all {}


/* 培训train的 0808*/
input {
	border: 0;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 3px solid #9eb3d1;
}

.t_login_box {
	width: 100%;
	height: 100%;
}

.t_login_container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background: url(/Public/images/train/bg_log_left.png) no-repeat center;
	background-size: unset;
}

.t_login_box .t_log_l {
	/* width: calc(100% - 600px); */
	
}

.t_login_box .t_log_r {
	width: 700px;
	height: auto;
	padding: 60px 0;
	background-color: #fff;
	border-radius: 8px;
	margin: 0 auto;
}

.t_log_r .logo_box{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 20px;
}
.t_log_r .logo_box img{
	height: 40px;
}
.t_log_r h2 {
	color: #2498fe;
	font-size: 32px;
	font-size: 28px;
    padding-left: 15px;
}

.t_log_form {
	width: 360px;
	margin: 0 auto;
	padding-top: 20px;
}

.t_log_form .t_ipt_item {
	width: 100%;
}

.t_log_form .t_ipt_item input {
	height: 60px;
	margin-top: 10px;
	width: 100%;
	
	padding: 0 10px;
}

.t_btn_goto {
	background-color: #2498fe;
	border-radius: 40px;
	width: 100%;
	border: 0;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.t_btn_goto:hover {
	background-color: #309dfd;
}

.t_ipt_check {
	line-height: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.t_ipt_check input[type='checkbox'] {
	border: 1px solid #9eb3d1;
	margin-right: 6px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	-webkit-appearance: none;
	outline: none;
	background-color: rgba(0, 0, 0, 0);
}
.t_ipt_check input[type='checkbox']:checked{
	background: #0898ff url(/Public/images/train/icon_right.png) no-repeat center;
	background-size: unset;
	border: none;
}

.t_ipt_check label {
	color: #afafaf;
}

.t_ipt_code2{
	position: relative;
}
.t_ipt_code2 a{
	position: absolute;
	right: 0;
	bottom: 0;
}

/* 培训界面新抬头 */
.t_newhead{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
    color: #fff;
    height: 80px;
    width: 100%;
    line-height: 80px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: #242c33;
    padding: 0 30px;
}

.t_newhead .t_h_left{
	display: flex;
	align-items: center;
}
.t_newhead .t_h_left h3{

}
.t_newhead .t_h_left p{
	padding-left: 60px;
    font-size: 20px;
	margin: 0;
	
}

.t_newhead .t_h_right{
	margin: 0;
}

.t_user_head{
	width: 40px;
    height: 40px;
    border-radius: 50px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	border: 2px #fff solid;
	cursor: pointer;
}

.t_user_head img{
	width: 100%;
}

.t_h_right .t_info_more_show{
	left: -120px;
}

.t_info_more_show li a {
    color: #676a6c;
}



    .idxmean {background: #1690d8;}
    .msg {
      position: absolute;
      height: 50px;
      bottom: 0px;
      right: 10px;
      border-radius: 40px;
      width: 150px;
      background-image: url('/Public/images/msg.png');
      cursor:pointer;
    }
    .msgnum {
      color: #fff;
      background-color: red;
      width: 30px;
      height: 30px;
      border-radius: 30px;
      line-height: 30px;
      text-align: center;
      margin-top: -5px;
      margin-left: -5px;
      display: none;
    }

    .msgtitle_idx{
      width: 50%;
      height: 40px;
      float: left;
      background-color: #14baf9;
      line-height: 40px;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      color: #fffbfb;
      cursor:pointer;
      border-bottom: 1px #fbfcfd solid;
    }

    .msgtitle{
      width: 50%;
      height: 40px;
      float: left;
      background-color: #eee;
      line-height: 40px;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      color: #797979;
      cursor:pointer;
      border-bottom: 1px #fbfcfd solid;
    }

    .msgcont{
      width: 100%;
      padding: 1rem;
      background-color: #fbfcfd;
      height: 436px;
      overflow: auto;
    }

    .msgli{
      line-height: 30px;
      border-bottom: 1px #eee solid;
      display: flex;
    }

    .msgtime{
      width: 110px;
      float: left;
      height: 30px;
    }

    .msgbt{
      height: 30px;
    }

    .new{
      color:red;
      padding-left:10px;
    }

    .biaohon{
      color: red;
      font-size: 22px;
      padding-left: 10px;
    }


/*  */