
/*基本信息*/

html {font-family:'Microsoft YaHei';font-size:16px;text-align:center;}
body {
	margin:0; padding:0;color:#454545;background:#f8f8f8; font-family:'Microsoft YaHei';text-align:center;font: normal 100% Microsoft YaHei;
}
a:link,a:visited {color:#666;font-size:1.1em;text-decoration: none;}
a:hover{color:#FF7B0E;}
a,img{border:0;}
ul,ol,h1,h2,dl,dt,dd,li,h3 {list-style:none;margin:0; padding:0;}
img{max-width: 100%;height: auto;width: auto\9;}
.fl{ float: left; }
.fr{float: right;}
.clear{ clear:both;}


.header{width:100%;max-width:46.875em;margin:0 auto;background:#fff;height:auto;text-align:center;} 

/*-------页面头部--------*/

.heads-1{ 
    width: 100%;
	height: 3.75em;
    background-color: #ffffff;
}
.heads-1 .logo{ 
	width: 74%;
    height: 3.75em;
}
.heads-1 .logo img{
		padding-top: 3px;
		float: left;
}
.heads-1 .phone1{ 
	padding-top: 10px;
}
.heads-1 .phone1 img{
	display:block;
	float: left;
	padding-right: 10px;
}
.heads-1 .phone1 span{ 
	color:#fff; 
	font-size: 1.25em;
	padding-right: 10px; 
}

/*--栏目导航--*/

.heads-2{ 
	width: 100%;
	text-align: center;
	padding-top:2.2rem;
}
.heads-2 ul {
    width: 100%;
    line-height: 2.375em;
    z-index: 9;
}
.heads-2 ul li {
    width: 17%;
    float: left;
    margin-right: 2%;
}
.heads-2 ul li:first-child{
    width: 17%;
}
.heads-2 ul li:last-child{
    margin-right: 0;
}
.heads-2 ul li a {
    display: block;
    font-size: 0.9em;
    color: #333333;
}
.heads-2 ul li:hover a,.heads-2 ul li.active a {
    color: #da2636;
}

.heads-2 ul li img{
	align:center;
	vertical-align:middle;
	margin-top:0.25em;
}

/*------------- 滚动横幅 -------------*/

.center { text-align:center; margin:0 auto; clear:both; float:none;}
.banner { 
	width:100%; 
	max-width:44.375em; 
	margin-top:0px;
}
.banner img{ 
	width:100%; 
	max-width:44.375em;
	border-radius: 0.9em;
}

.swipe li div, .swipe div div div {
  margin:0 10px;
  padding:50px 10px;
  background:#1db1ff;
  font-weight:bold;
  color:#fff;
  font-size:20px;
  text-align:center;}
.swipe li  img{
	max-width:100%;}

#sliderlist{
	line-height:0;
	text-align:center;}
#sliderlist ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;}
#pagenavi a{ display:block; width:12px; height:14px; background:url(../images/dots_08c.png) no-repeat -3px 0; text-decoration:none; float:left; margin-right:3px;}
#pagenavi a.active{background:url(../images/dots_08c.png) no-repeat -2px -30px;
	color:red;text-decoration:none}
.banner { position:relative; z-index:1;}
#pagenavi{ width:150px; margin:0 auto; position:absolute; bottom:3%; left:43%;}



/*---------- 更多字体设计 -----------*/


.more_index {
  background: linear-gradient(135deg, #ffcdd2 0%, #ee5253 100%);
  border-radius: clamp(8px, 1.5vw, 12px);
  padding: clamp(8px, 2vw, 15px);
  color: white !important;
  margin: 3px 0;
  line-height: 1.2;
  display: inline-block; /* 关键属性：让宽度随内容变化 */
  width: auto; /* 明确声明宽度自动 */
  min-width: min-content; /* 防止内容过短时变形 */
}

.more_index a,
.more_index a:link,
.more_index a:visited {
  color: white !important; /* 强制白色 */
  transition: all 0.3s ease; /* 平滑过渡效果 */
}



/*------------- 晨曦资讯（选项卡） -- -----------*/


/* 外面一层容器居中 */
        .wrapper {
            width: 100%;
            margin: 0 auto;
            font-size: 0;
            background-color: #E2AFF5;
			margin-top: 40px;
        }
        /* 设置导航栏为块级行元素，并将里面的字体垂直居中 */
        .nav .nav-list li {
            display: inline-block;
            width: 32%;
            height: 3.125em;
            text-align: center;
            line-height: 3.125em;
            font-size: 18px;
            user-select: none;
        }
        /* 设置主题新闻样式以及字体大小 */
        .news ul {
            display: none;
            padding: 20px;
            font-size: 0.9rem;
			text-align: left;
            background-color: #f7f7f7;
			border:1px solid #aaa;
        }
        /* 将主题新闻里的每条新闻空开来 */
        .news li {
            padding: 10px;
        }
        /* 设置主题新闻的字体颜色 */
        .news li a {
            color: #888;
        }
        /* 最关键的一步，利用表单元素的属性，选中或者未选中，来设置，展示新闻主题是哪块 */
        #hot:checked ~ .news .hot-news,
        #international:checked ~ .news .international-news, 
        #home:checked ~ .news .home-news{
            display: block;
        } 
        /* 当表单元素被选中时，对应的导航栏背景颜色也跟着变 */
        #hot:checked ~ .nav li:nth-of-type(1),
        #international:checked ~ .nav li:nth-of-type(2),
        #home:checked ~ .nav li:nth-of-type(3)
         {
            background-color: #AE24E4;
			color: #FFFF00;
        }
        /* 将label标签的设置为行级块元素。同时设置大小，这样点击可点击的范围就变大了 */
        .nav .nav-list label {
            display: inline-block;
            width: 100%;
            height: 3.125em;
            cursor: pointer;
        }
        /* 将单选框给隐藏掉 */
        .wrapper input {
            display: none;
        }
		
.optimized-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.optimized-list li {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.optimized-list li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.optimized-list a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-decoration: none;
    color: #333;
    gap: 15px;
}

.optimized-list .text-content {
    flex: 1;
    min-width: 0; /* 允许文本换行 */
}

.optimized-list .title {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    word-wrap: break-word;
    text-align: left;
}

.optimized-list .image-content {
    flex-shrink: 0;
}

.optimized-list img {
    display: block;
    border: 0;
}

		
		
/*------------- 课程推荐 -------------*/

.heads-21{
	width:98%;
	height:auto;
	background:#FFFFFF;
	border: 1px dotted #3F277D;
	border-radius:0.625em;
	box-shadow: 0em 0em 0.625em #999;
	padding: 0.5em;
    box-sizing: border-box;
	margin:0 auto;
	text-align: center;
	margin-top: 2em;
}

.heads-21 h2{
	font-size:1.375em;
	color:#DA0000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-21 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.con07{ margin-top:20px;}
.con07 ul{
	width: 100%;
	margin: 0 auto;	
	text-align:center;
}
.con07 ul li{ display:block; float:left; margin-top:20px; margin-left:20px; width:46%; height:auto;}
.con07 ul li img{ align:center; vertical-align:middle;width:100%; max-width:18.75em; height:9em;}
.con07 ul li i{ font-style:normal; background:#000; opacity:0.7; display:block; text-align:center; color:#fff; font-size:15px; height:28px; line-height:28px; margin-top:-28px; z-index:999;}



/*-------师资介绍-------*/



.gallery-container {
            width: 100%;
            overflow: hidden;
            position: relative;
			margin-top: 2em;
			margin-bottom: 2em;
        }
        
        .gallery-title {
            font-size:1.375em;
			color:#DA0000;
			font-weight:bold;
			display:block;
			line-height:2em;
			position:relative;
        }
        
        .gallery-track {
            display: flex;
            width: max-content;
            animation: scroll 50s linear infinite;
        }
        
        .gallery-item {
            flex: 0 0 auto;
            margin-right: 15px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            background: white;
            width: 200px; /* 固定卡片宽度，让标题换行更可控 */
        }
        
        .gallery-item img {
            width: 100%; /* 图片宽度填满卡片 */
            height: 180px;
            display: block;
            object-fit: cover;
			object-position: top;
        }
        
        .image-caption {
            padding: 10px;
            text-align: center;
            font-size: 0.9rem;
            color: #333;
            word-wrap: break-word; /* 允许长单词换行 */
            white-space: normal; /* 允许文字自然换行 */
            line-height: 1.4; /* 增加行高提高可读性 */
            min-height: 40px; /* 保持统一高度 */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* 无缝循环关键 */
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-100% + 100vw - 15px));
            }
        }
        
        /* 悬停暂停效果 */
        .gallery-track:hover {
            animation-play-state: paused;
        }


/*--------------*/


.heads-3{
	padding-top:1.875em;
	width: 100%;
	margin: 0 auto;	
	text-align:center;
}

.heads-3 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-3 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}


.heads-3 ul {
    width: 100%;
    margin: 0 auto;
    padding: 0; /* 清除默认padding */
    list-style: none; /* 清除列表样式 */
    display: flex; /* 启用flex布局 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: space-between; /* 两端对齐 */
    font-size: 0.875em;
}

.heads-3 ul li {
    flex: 0 0 48%; /* 不伸缩 不收缩 基础宽度48% */
    margin-bottom: 1.25em;
    box-sizing: border-box; /* 确保padding不影响宽度 */
}

/* 图片样式修正 */
.heads-3 ul li img {
    display: block; /* 消除inline元素的间隙 */
    width: 100%; /* 强制宽度充满容器 */
    height: 9em;
    object-fit: cover;
    margin: 0.25em auto 0; /* 简化margin */
}

/* 文字样式 */
.heads-3 ul li span {
    display: block;
    width: 100%; /* 继承父容器宽度 */
    word-wrap: break-word;
    text-align: center;
    padding: 0 0.5em; /* 添加内边距防止文字贴边 */
}



.heads-3 ul li div{border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-bottom-right-radius:0.625em;border-bottom-left-radius:0.625em;margin-top:-1.1em;}

.heads-3 ul li div p{
	font-size:1.125em;
	font-weight:700;
}

.heads-3 ul li div h3{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.875em;color:#999;width:100%;line-height:20px;}


.heads-3 .txt11{
	width: 46%;
	height: 2em;
	margin: 0 auto;	
	text-align:center;
	line-height: 2em;
	font-size: 1.125em;
	color: #fff;
	background-color:#3A92EC;
	margin-top:0.5em;
}

.heads-3 .txt11 a{
	color: #ffffff;
}


/*------------- 专业课程介绍 -------------*/


.heads-4{
	width: 100%;
	height: 200px;
	padding-top:1.875em;
	margin: 0 auto;	
	text-align:center;
	background:url("../images/course-bg-01.png") no-repeat;
}

.heads-4 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-4 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.heads-4 ul{
	
	margin: 0 auto;	
	text-align:center;
}

.heads-4 ul li{
	display:block;
	overflow:hidden;
	width:31%;
	height:auto;
	float:left;
	margin-left:0.3125em;
	margin-bottom:1.25em;
	
}

.heads-4 ul li img{
	align:center;
	vertical-align:middle;
	margin-top:0.25em;
}

.heads-4 .txt1{
	width: 56%;
	height: 2em;
	margin: 0 auto;	
	text-align:center;
	line-height: 2em;
	font-size: 1.125em;
	color: #fff;
	background-color:#3A92EC;
	margin-top:0.5em;
	border-radius: 0.8em;
	box-shadow: 0.3125em 0.3125em 0.5em #888888;
}

.heads-4 .txt1 a{
	color: #ffffff;
}


/*------------- 新闻 -------------*/

.heads-5{
	padding-top:2.5em;
	margin: 0 auto;	
	text-align:center;
}

.heads-5 h2{
	font-size:1.375em;
	color:#DA0000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-5 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.table_1 {width:100%;max-width:750px; height:auto;padding-top:1.875em;}
.table_1 img{ width:100%;border-radius:0.625em;margin-bottom: 1.5em; }

#newslist{ padding:5px 10px;}
#newslist li{ padding:6px 10px; height:2.1875em;line-height:2.1875em;font-size:1em; color:#666; background:url(../images/move-1.jpg) no-repeat left 0.625em;border-bottom:1px #C0C0C0 dashed;}
#newslist li a{ font-size:1em; color:#666;margin-right:5px;margin-left:0.625em;}
#newslist li a:hover{color:#FF7B0E;}
#newslist li span{ float:right; color:#aaa;}

.text4{
	float: left;
	margin-top:-1.25em;
	font-size: 1em;
	margin-left: 1em;
	color: #103A81;
	font-weight: bold;
}
.text4 a{font-size: 1.125em;color: #103A81;font-weight:bold;}
.text4 a:hover{color:#FF7B0E;}

.text4_1{
	float: right;
	font-size: 1em;
	color: #DA0000;
	font-weight: bold;
}
.text4_1 a{font-size: 1em;color: #DA0000;font-weight: bold;}
.text4_1 a:hover{color:#FF7B0E;}


.text5 {
    display: block; /* 改为块级元素 */
    font-size: 0.9rem;
    text-align: left; /* 强制左对齐 */
    padding-bottom: 0.626em;
    color: #666;
    margin-left: 0; /* 移除左浮动和边距 */
    clear: both; /* 清除浮动 */
	line-height: 1.6;
}

.heads-5 .txt2{
	width: 56%;
	height: 2em;
	margin: 0 auto;	
	text-align:center;
	line-height: 2em;
	font-size: 1.125em;
	color: #fff;
	background-color:#3A92EC;
	margin-top:0.5em;
	border-radius: 0.8em;
	box-shadow: 0.3125em 0.3125em 0.5em #888888;
}

.heads-5 .txt2 a{
	color: #ffffff;
}


/*------------- 科泰师资力量 -------------*/

.heads-6{
	padding-top:2em;
	margin: 0 auto;	
	text-align:center;
}

.heads-6 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-6 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.heads-6 ul {
    margin-top: 1.25em;
}
.heads-6 ul li {
    width: 30%;
	max-width:14em;
	background-color: #ffffff;
	box-shadow: 0rem 0.1em 0.09em 0.01em 
		rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
    overflow: hidden;
    float: left;
    text-align: center;
	margin-left:0.3125em;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
}

.heads-6 ul li b {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.5em;
	padding-top: 1.25em;
}
.heads-6 ul li p {
    font-size: 1.125em;
    color: #333333;
    margin-bottom: 0.5em;
}
.heads-6 ul li span {
    color: #666666;
}

.heads-6 .txt3{
	width: 56%;
	height: 2em;
	margin: 0 auto;	
	text-align:center;
	line-height: 2em;
	font-size: 1.125em;
	color: #fff;
	background-color:#3A92EC;
	margin-top:0.5em;
	border-radius: 0.8em;
	box-shadow: 0.3125em 0.3125em 0.5em #888888;
}

.heads-6 .txt3 a{
	color: #ffffff;
}


/*------------- 在线答疑 -------------*/

.heads-11{
	width:95%;
	height:auto;
	background:#FFFFFF;
	border: 1px dotted #3F277D;
	border-radius:0.625em;
	box-shadow: 0.3125em 0.3125em 0.5em #888888;
	padding: 0.5em;
    box-sizing: border-box;
	margin:0 auto;
	text-align: center;
	margin-top: 1em;
}

.heads-11 p{
	font-size: 1em;
	color: #333;
	line-height: 150%;
	margin-bottom: 0.1em;
	text-align: left;
}



/*------------- 科泰学员活动 -------------*/



.heads-7{
	padding-top:2em;
	margin: 0 auto;	
	text-align:center;
}

.heads-7 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-7 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.heads-7 ul {
    margin-top: 1.25em;
}
.heads-7 ul li {
    width: 46%;
	max-width:18.75em;
	min-height:13em;
	background-color: #ffffff;
	box-shadow: 0rem 0.1em 0.09em 0.01em 
		rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
	border:1px solid #D9D9D9;
    overflow: hidden;
    float: left;
    text-align: center;
	margin-left:0.625em;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
}

.heads-7 ul li b {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.5em;
	padding-top: 1.25em;
}
.heads-7 ul li p {
    font-size: 1.125em;
    color: #333333;
    margin-bottom: 0.5em;
}
.heads-7 ul li span {
    color: #666666;
}

.heads-7 .txt4{
	width: 46%;
	height: 2em;
	margin: 0 auto;	
	text-align:center;
	line-height: 2em;
	font-size: 1.125em;
	color: #fff;
	background-color:#3A92EC;
	margin-top:0.5em;
}

.heads-7 .txt4 a{
	color: #ffffff;
}


/*------------- 科泰魅力校园 -------------*/



.heads-8{
	padding-top:2em;
	margin: 0 auto;	
	text-align:center;
}

.heads-8 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-8 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.heads-8 .swiper-container {
    position: relative;
}
.heads-8 .swiper-container p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.1875em;
    line-height: 2.1875em;
    background-color: rgba(0, 21, 58, 0.5);
    font-size: 1.125em;
    color: #ffffff;
    text-align: center;
	margin-bottom:-0.25em;
    z-index: 9;
}
.heads-8 .swiper-container a{
    color: #ffffff;
}

.heads-8 .swiper-container img{
    width: 100%;
    height: 100%;
	margin-top:0.05em;
}
.heads-8 .big {
    margin: 1.875em 0 1em;
    width: 46%;
	max-width: 18.75em;
	height: 11.75em;
	box-shadow: 0rem 0.1em 0.09em 0.01em 
		rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
	margin-left:0.625em;
    float: left;
    
}
.heads-8 .big:nth-child(2) {
    float: right;
}
.heads-8 .small {
	width: 29%;
    max-width: 12.5em;
	height: 7.875em;
	box-shadow: 0rem 0.1em 0.09em 0.01em 
		rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
    float: left;
    margin-right: 0.3125em;
	margin-left:0.625em;
}
.heads-8 .small-3{
    margin-right: 0;
}

.heads-8 .swiper-pagination {
    height: 2.1875em;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.heads-8 .swiper-pagination-bullet {
    width: 2.1875em;
	height: 2.1875em;
	background-color: #ffffff;
    border: solid 0.02em #da2636;
    margin: 0 0.5em;
}
.heads-8 .swiper-pagination-bullet-active{
    background-color: #da2636;
}


/*------------- 科泰就业服务 -------------*/



.heads-9{
	padding-top:2em;
	margin: 0 auto;	
	text-align:center;
}

.heads-9 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-9 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.heads-9 .img1{
	align:center;
	vertical-align:middle;
	margin-top:0.625em;
}

#newslist1{ padding:5px 10px;text-align:left;}
#newslist1 li{ padding:6px 10px; height:2.1875em;line-height:2.1875em;font-size:1em; color:#666; background:url(../images/move-1.jpg) no-repeat left 0.625em;border-bottom:1px #C0C0C0 dashed;}
#newslist1 li a{ font-size:1em; color:#666;margin-right:5px;margin-left:0.625em;}
#newslist1 li a:hover{color:#FF7B0E;}
#newslist1 li span{ 
	width: 6.25em;
    line-height: 2em;
    text-align: center;
	background-color: #da2636;
	box-shadow: 0rem 0.05em 0.05em 0em 
		rgba(218, 38, 54, 0.3);
    border-radius: 0.5em;
    font-size: 1.125em;
    color: #ffffff;
    float: right;
}




/*------------- 科泰荣誉见证 -------------*/



.heads-10{
	padding-top:2em;
	margin: 0 auto;	
	text-align:center;
}

.heads-10 h2{
	font-size:1.375em;
	color:#000;
	font-weight:bold;
	display:block;
	line-height:2em;
	position:relative;
}
.heads-10 img{
	align:center;
	vertical-align:middle;
	margin-top:-1.25em;
}

.heads-10 .img2{
	align:center;
	vertical-align:middle;
	margin-top:0.625em;
}

.heads-10 ul {
    margin-top: 1.25em;
}
.heads-10 ul li {
    width: 46%;
	max-width:18.75em;

	background-color: #ffffff;
	box-shadow: 0rem 0.1em 0.09em 0.01em 
		rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
	border:1px solid #D9D9D9;
    overflow: hidden;
    float: left;
    text-align: center;
	margin-left:0.625em;
    padding-bottom: 0.5em;
}

.heads-10 ul li b {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.2em;
	padding-top: 1.25em;
}

.heads-10 ul li span {
    color: #666666;
}






/*------------- 底部 -------------*/


.totop {
    width: 0.75em;
    height: 0.75em;
    background: url(../images/totop.png)no-repeat;
    background-size: 100%;
    position: fixed;
    right: 0.21em;
    bottom: 1em;
    z-index: 999;
}



.foots-1{
	width: 100%;
	height: auto;
    background-color: #C868EC;
	margin: 0 auto;	
	text-align:center;
	margin-top:2em;
}

.foots-1 .text1{
	font-size: 1.375em;
    color: #ffffff;
	font-weight:bold;
	padding-top:0.625em;
}

.foots-1 .text2{
	font-size: 1.25em;
    color: #ffffff;
	margin-top:-0.625em;
}
.foots-1 .text3{
	font-size: 1.25em;
    color: #ffffff;
	margin-top:-0.625em;
}

.foots-1 form {
    width: 50%;
    margin: 0.75em auto 0;
}
.foots-1_input1 {
    width: 100%;
    height: 2.5em;
	background-color: transparent;
	border-radius: 0.5em;
    border: solid 1px #d2d2d2;
    font-size: 0.875em;
    color: #fff;
    text-indent: 2em;
    margin-bottom: 0.5em;
}

.foots-2{
	width: 100%;
	height: auto;
    background-color: #C868EC;
	margin: 0 auto;	
	text-align:center;
	margin-top:1em;
	padding-top:2em;
	padding-bottom:1em;
}

.foots-2 .text9{
	font-size: 1.125em;
    color: #ffffff;
	margin-top:-0.625em;
}

.foots-2 .text9 a {
    display: block;
    font-size: 1.125em;
    color: #ffffff;
}

.foots-2 .text9:hover a,.foots-2 .text9.active a {
    color: #ffffff;
}

.foots-2 ul {
    width: 100%;
    height: 2em;
    line-height: 2em;
	box-shadow: 0rem 0.1em 0.09em 0.01em 
		rgba(51, 51, 51, 0.2);
    border-radius: 0.625em;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0.125em;
    width: 100%;
    z-index: 9;
}
.foots-2 ul li {
    width: 33%;
    background: rgba(174, 36, 228, 1);
    float: left;
    margin-right: 0.5%;
}
.foots-2 ul li:last-child{
    margin-right: 0;
}
.foots-2 ul li a {
    display: block;
    font-size: 1.125em;
    color: #ffffff;
}