/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.agenda{background-color: #f1f1f1;padding: 80px 0;}
.main-content{margin-top: 80px;}

/* tabs */
.main-content .tabs {padding: 25px 35px;background-color: #fff;}
.main-content .tabs a{width: 130px;height: 50px;border-radius: 25px;background-color: #f4f4f4;line-height: 50px;font-weight: 900;margin-right: 30px;}
.main-content .tabs a.active{background-color: #F4822F;background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}

/* tab-content */
.tab-content .slide-left{width: 270px;}
.tab-content .slide-left li{width: 270px;padding:0 20px;border-bottom: 1px solid #f4f4f4;line-height: 60px;background-color: #fff;border-left: 3px solid #fff;}
.tab-content .slide-left li:hover,.tab-content .slide-left li.active{background-color: #f9f9f9;font-weight: bold;border-left-color: #F4822F;}
.tab-content .slide-left li:hover a,.tab-content .slide-left li.active a{color: #042f64;}
.tab-content .slide-right {width: -webkit-calc(100% - 270px - 25px);width: calc(100% - 270px - 25px);padding: 30px 40px;background-color: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);margin-bottom: 30px;}
.tab-content .slide-right .title-wrap {padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.tab-content .slide-right .title-wrap .view-title{line-height: 50px;}
.tab-content .slide-right .title-wrap .view-title h3{width: -webkit-calc(100% - 240px);width: calc(100% - 240px);}
.tab-content .slide-right .title-wrap .view-title a {padding: 0 25px;}
.tab-content .slide-right .title-wrap .view-title a:nth-child(2) {padding-right: 0;position: relative;}
.tab-content .slide-right .title-wrap .view-title a:nth-child(2):after{content: '';width: 1px;height: 16px;background-color: #dddddd;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.tab-content .slide-right .title-wrap .view-title a i{font-size: 20px;vertical-align: -2px;margin-right: 5px;}
.tab-content .slide-right .title-wrap .time{margin-top: 10px;}
.tab-content .slide-right .title-wrap .time i{margin-right: 5px;}
.tab-content .slide-right .title-wrap .time i:nth-child(2){margin-left: 20px;}
.tab-content .slide-right .desc-wrap {padding: 20px 0 ;text-align: justify;line-height: 2;border-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.tab-content .slide-right .progress-wrap{padding: 30px 0 0;}
.tab-content .slide-right .progress-wrap .avatar{width: 90px;height: 90px;border: 4px solid #f9f9f9;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);border-radius: 50%;}
/* .tab-content .slide-right .progress-wrap .progress{width: -webkit-calc(100% - 90px - 20px);width: calc(100% - 90px - 20px);} */
.tab-content .slide-right .progress-wrap .progress{width: 100%;}
.tab-content .slide-right .progress-wrap .host-wrap{height: 110px;}
.tab-content .slide-right .progress-wrap .host{margin-top: -10px;}
.tab-content .slide-right .progress-wrap .list{border-top:1px solid #F4822F;border-bottom:1px solid #F4822F;}
.tab-content .slide-right .progress-wrap .list li{padding: 30px 0 ;border-top:1px dashed #dfdfdf;}
.tab-content .slide-right .progress-wrap .list li:first-child{border-top:none;}
.tab-content .slide-right .progress-wrap .list .time{width: 130px;line-height: 1;}
.tab-content .slide-right .progress-wrap .list .text{width: -webkit-calc(100% - 140px);width: calc(100% - 140px);line-height: 1;}
.tab-content .slide-right .progress-wrap .list .text p{line-height: 30px;}
.tab-content .slide-right .progress-wrap .list .text h5{margin-bottom: 18px;padding-left: 30px;}
.tab-content .slide-right .progress-wrap .list .text h5:after{content: '';width: 15px;height: 36px;background:url(../static/images/agenda-2.png) no-repeat center center;background-size: cover;position: absolute;left: -7px;top: 0;}
.tab-content .slide-right .progress-wrap .list .text p{padding-left: 30px;}
.tab-content .slide-right .progress-wrap .list .text p:after{content: '';width: 7px;height: 29px;background:url(../static/images/agenda-1.png) no-repeat center center;background-size: cover;position: absolute;left: -3px;top:0;}
.tab-content .slide-right .progress-wrap .list .text p:last-child:after{background-image: url(../static/images/agenda-3.png);}
.slide-left-mb{display: none;}
.layui-form-select dl{width: 100%;}

@media screen and (max-width: 1280px){
	.agenda{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.tab-content .slide-left{display: none;}
	.tab-content .slide-right{width: 100%;}
	.slide-left-mb{display: block;width:-webkit-calc(100% - 540px);width:calc(100% - 540px);margin: 3px 0;}
	.slide-left-mb .layui-input-block{margin-left: 0;}
	.slide-left-mb .layui-input-block input{border-radius: 22px;padding-left: 20px;padding-right: 35px;}
	.layui-form-select .layui-edge{right: 15px;}
	.tab-content .slide-right {margin-bottom: 20px;}
}

@media screen and (max-width: 991px){
	.agenda{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.main-content .tabs a{width: 100px;height: 40px;border-radius: 20px;line-height: 40px;margin-right: 20px;}
	.tab-content .slide-right .progress-wrap .avatar{float: none;margin: 0 auto;}
	.tab-content .slide-right .progress-wrap .host-wrap{text-align: center;height: auto;padding: 20px 0;}
	.tab-content .slide-right .progress-wrap .host{position: static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);margin: 0;}
	.tab-content .slide-right .progress-wrap .progress{width: 100%;}
	.slide-left-mb{width:-webkit-calc(100% - 420px);width:calc(100% - 420px);margin: 0;}
	.slide-left-mb .layui-input-block input{height: 40px;border-radius: 20px;}
}

@media screen and (max-width: 767px){
	.agenda{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.main-content .tabs {padding: 20px;}
	.main-content .tabs {padding: 20px;}
	.main-content .tabs a{width: 32%;margin: 0;margin-right: 2%!important;height: 40px;border-radius: 20px;line-height: 40px;}
	.main-content .tabs a:nth-child(3){margin: 0!important;}
	.tab-content .slide-right{padding: 20px;}
	.tab-content .slide-right .title-wrap .view-title h3{width: 100%;float: none;white-space: normal;line-height: 1.5;margin-top: 10px;}
	.tab-content .slide-right .title-wrap .view-title a{float: left;padding: 0;line-height: 40px;}
	.tab-content .slide-right .title-wrap .view-title a:nth-child(2){margin-right: 20px;}
	.tab-content .slide-right .title-wrap .view-title a:nth-child(2):after{display: none;}
	.tab-content .slide-right .title-wrap .time{margin: 0;font-size: 14px;}
	.tab-content .slide-right .progress-wrap{padding: 20px 0 0;}
	.tab-content .slide-right .progress-wrap .list .time{width: 100%;line-height: 1.5;float: none;}
	.tab-content .slide-right .progress-wrap .list .text{width: 100%;margin-top: 20px;}
	.tab-content .slide-right .progress-wrap .list .text h5:after{left: 0;}
	.tab-content .slide-right .progress-wrap .list .text p:after{left: 4px;}
	.tab-content .slide-right .progress-wrap .list .text p .tag{float: none;display: block;}
	.slide-left-mb{width:100%;margin-top: 20px;}
	.tab-content .slide-right {margin-bottom: 10px;}
}