body{ width:100%; margin:0 auto; max-width:640px;}
.aui-tab-item{ border:1px solid #ddd !important; padding:0 10px; border-radius:30px;}
.aui-tab-item.aui-active{ border:none !important;}
.w80{ width:70%; margin:0 auto; margin-bottom:20px;}
.aui-grid [class*=aui-col-]{ padding:0;}
.aui-img-round{ width:30px !important; }
.aui-margin-l-5{margin-left: 0.45rem !important;}
.aui-tab-item{ width:auto; margin:0 20px; height:30px !important; line-height:30px !important;}
.aui-tab-item.aui-active{color:#fff; border-bottom: none; background:#f2a37d; border-radius:30px; padding:0 13px;}
.aui-tab-item.aui-active a{color:#f98e5b !important; } 
.aui-dialog-btn{ color:#333 !important;} 
.showAll{
	width: 100%;
	margin: 0 auto;

}
.showAll .title{
	font-size: 20px;
	font-weight: bold;
	color:#af0015;
}
.showAll .author{
	color: #a1a1a1;
	margin: 12px 0;
}
 .content{
	display: none;
} 
.showContent{ text-align:center; color:#333; display:inherit; padding:10px 0;} 
.hideContent{ text-align:center; color:#333; display:inherit; padding:10px 0;}  
.showContent .aui-iconfont{ color:#333;}  
.hideContent .aui-iconfont{ color:#333;} 
.showAll-i{
	width: 100%;
	margin: 0 auto;

}
.showAll-i .title{
	font-size: 20px;
	font-weight: bold;
	color:#af0015;
}
.showAll-i .author{
	color: #a1a1a1;
	margin: 12px 0;
}
 .content-i{
	display: none;
} 
.showContent-i{ text-align:center; color:#333; display:inherit; padding:10px 0;} 
.hideContent-i{ text-align:center; color:#333; display:inherit; padding:10px 0;}  
.showContent-i .aui-iconfont{ color:#333;}  
.hideContent-i .aui-iconfont{ color:#333;} 
.bg{ margin-top:-120px;}
.bg1{ position: relative;
    top: -150px;
    height: 150px;}
.aui-col-xs-2{ width:20%;}
.aui-grid{ padding-bottom:10px !important;}
.icon-ic{ width:35px; text-align:center; display:inline-block;}
.icon-105{ width:115px; text-align:center; display:inline-block;}
.tit-l{ padding:30px;}
h1{ text-align:center; font-weight:bold;}
.line{ width:52px; height:4px; background:#f2a37d; margin:0 auto; border-radius:2px;}
.tab-kin{width: 100%;position: relative;overflow: hidden; /*padding-bottom:20px;*/}
input[type='radio']{
	display: none;
}
.tab-kin label{
	display: block;
	cursor: pointer;
	position: absolute;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border:1px solid #ddd;
	border-radius:30px;
	
}.tab{width: 100%;position: relative;overflow: hidden; /*padding-bottom:20px;*/}
input[type='radio']{
	display: none;
}
.tab label{
	display: block;
	cursor: pointer;
	position: absolute;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border:1px solid #ddd;
	border-radius:30px;
	
}
.label-1{
	left: 20%;
	top: 0;
}
.label-2{
	left:60%;
	top: 0;
}
input[type='radio']:checked~div[class^='mod']{
	display: block;
}
input[type='radio']:checked~label{
	background: #f2a37d;
	border-radius:30px;
	color:#fff;
	border:none !important;
}
[class^='mod']{
	position:relative;
	top: 0px;		
	display: none;
}
.mod-1{ margin-top:20px;}
.aui-list-item-arrow:before{ border: 1px solid #b0b0b0; border-top: none; border-right: none;}
.aui-list .aui-list-item-inner{ padding-right:0;}
.aui-list-item-text{ color:#fd7248 !important; margin-bottom:3px;}
.f12{ font-size:12px !important;}
.f12 span{ padding:0 5px;}
.put{ margin: 0px auto; border: 1px solid #dfdfdf;  margin-top: 60px; overflow: hidden; width: 280px; text-align: center; border-radius:5px; color:#666; font-size:14px;}
.put-div{border-left: 1px solid #dfdfdf; display: inline-block; padding: 6px 0 6px 10px; position:relative; left:8px;}
.f14{ font-size:14px !important;margin-left: -10px;}

.class-tab-ct{ margin-bottom:20px;}
.voice{ width:92%; box-shadow:0 0 8px  #888; margin:10px auto; margin-bottom:25px; padding:20px; overflow:hidden; text-align:center; border-radius:3px;}
.time-txt{ font-size:17px; color:#333;}
.introduce-txt{ color:#999; font-size:15px;}





.cir{ width:15px; height:15px; background:#fff; border:2px solid #666; border-radius:100%; margin:0 auto;}

.cd-container {
    width: 90%;
    margin: 0 auto; 
   
}
.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}
#cd-timeline {
    position: relative;
    padding: 2em 0;
}

#cd-timeline::before { 
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 2px;
    background: #666;
}
#cd-timeline::before {
	left: 50%;
	margin-left: -2px;
}
.cd-timeline-block {
    position: relative;
    margin: 0.5em 0;
}
.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.cd-timeline-block:first-child {
    margin-top: 0;
}
.cd-timeline-block:last-child {
    margin-bottom: 0;
}

.cd-timeline-img,.cd-movie {
    background: #f2a37d;
	width:82px;
}
 
.cd-timeline-content {
    position: relative;
    margin-left: 60px; 
    background: white;
	border-radius : 0.25em;
    padding: 1em;
    box-shadow: 0 0 5px #888;
	
}
.cd-timeline-content {
	margin-left: 0;  
	width: 35%;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
}

 .triangle:after {
     content: '';
     position: absolute;
     top: 24px;
     left: 94%;
     width: 0;
    height: 0px;
    content: '';
    border-style: solid;
    border-width: 6px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
    box-shadow: 2px -2px 2px #ccc;
	
 }
 
 
 .cd-timeline-block:nth-child(even) .triangle:after{
	/*top: 24px;*/
	left: auto;
	right: 94%;
	border-right-color: white;
	transform: rotate(225deg);
}
.btn{ background:#e4895d; color:#fff; position:absolute;right:15px; top:15px; border-radius:5px; padding:2px 10px; font-size:14px;}
h4{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.aui-row{ overflow:inherit;}
.aui-grid .aui-dot {  top: -0.2rem;}

.aui-dialog-header{ margin-top:20px;}
a {
    color: #333;
    text-decoration: none;
    background-color: transparent;
}
@media screen and (max-width: 320px) {
  .aui-tab-item{ margin:0 15px;}
}