*{margin:0;padding:0;}
#main_body {
	max-width:700px;
	margin:0 auto;
	background: #f2f6f9;
}
img{
	max-width: 100%;
	display:block;
}
#homepage{
	width:30px;
	padding-left:20px;
	position: fixed;
	color: #ddd;
    z-index: 3;
    font-size: 30px;
    text-decoration:none;}
}
#title_box{
	background: #fbfcf7;
	border-radius: 20px;
	display: block;
	position: relative;
/*	margin-top: -20px;*/
	margin:-20px 10px 10px 10px;
	padding:0 1rem;
	position: relative;
	z-index: 2;
}


#detail_title{
	font-size: 20px;
	height:40px;
	line-height: 40px;
	padding:0 20px;
}
#detail_content{
	font-size: 15px;
	line-height: 25px;
	padding:0 20px;
}

#content_body{
	margin:10px;
	padding:10px;
	background: #fbfcf7;
	border-radius:10px;
}
#content_body .content_title{
	border-left:3px solid #3e52e7;
	padding-left:5px;
	line-height: 18px;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
}


#step{
	margin:10px 15px 50px;
}
#step .step_title{
	border-left:3px solid #3e52e7;
	padding-left:5px;
	line-height: 18px;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
}
#submit{
	position: fixed;
	bottom:0;
	background: #6262fd;
	width: 100%;
	max-width:700px;
	height:35px;
	line-height: 35px;
	font-size: 16px;
	color:#fff;
	text-align: center;
	border-radius: 8px;
	border:0;
	z-index: 3;
}

#bg_mask{
	position:fixed;
	left:0;
	top:0;
	z-index: 5;
	width: 100%;
	height: 100%;
	display: none;
}
#bg_mask .bg_mask_bg{
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
#bg_mask .mask_box{
	position:absolute;
	width:80%;
	min-width:300px;
	left:10%;
	bottom:30%;
	background:#6262fd;
	border-radius: 20px;
}
.mask_title{
	color:#fff;
	font-weight: 600;
	text-indent: 20px;
	line-height: 40px;
	font-size: 18px;
}
.mask_title #bg_close{
	position:absolute;
	right:0;
	padding:0 10px;
	border:1px solid #fff;
	border-radius:20px;
	font-weight: 400;
	text-indent: 0px;
	line-height: 20px;
	font-size: 14px;
	margin-top:10px;
}
.mask_form{
	background:#fff;
	border-radius: 20px;
	padding:15px 40px 10px 20px;
}
.mask_form #contact{
	width:100%;
	height: 40px;
	text-indent: 65px;
	border:1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
	padding:0 10px;
}
.mask_form #remarks{
	width:100%;
	height: 60px;
	border:1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
	resize: none;
	padding:10px;
}
.mask_form .contact_bg{
	display:block;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	width:30px;
	height:40px;
	background: url('http://file.mohuanai.com/img/contact.png') no-repeat left;
	background-size: 35px;
	padding-left:35px;
	padding-top:7px;
	position: relative;
	z-index: 1;
	margin-top:-43px;
	margin-bottom: 10px;
	text-align: right;
}
.mask_form .tip{
	margin-left:11px;
	width:100%;
	font-size: 12px;
	text-align: center;
}
#sub{
	width:100%;
	height:35px;
	background:blue;
	border:none;
	border-radius: 5px;
	color:#fff;
	font-size: 16px;
	margin:13px auto 10px 11px;
}




.swiper .swiper-pagination{
	margin-bottom: 25px;
}


		/*-------------------------------------------*/
        .item {
			/* transform:rotate(5deg)*/
        }

        .item:hover {
            /* 当鼠标悬停在.item元素上时，应用以下样式 */
            background-color: aqua;
            /* 设置背景颜色为青色 */
			/* box-shadow: 0 0 5px aqua, 0 0 75px aqua, 0 0 155px aqua;*/
            /* 设置盒阴影效果，创建发光效果 */
            color: black;
            /* 设置文本颜色为黑色 */
        }

        .item span:nth-of-type(1) {
            /* 选择.item元素内的第一个span元素，并应用以下样式 */
            position: absolute;
            /* 设置定位方式为绝对定位 */
            left: -100%;
            /* 初始位置在.item元素的左侧外部 */
            width: 100%;
            /* 设置宽度为.item元素的100% */
            height: 3px;
            /* 设置高度为3像素 */
            background-image: linear-gradient(to left, aqua, transparent);
            /* 设置背景为从左到右的线性渐变，从青色渐变到透明 */
            animation: btnanmaiton 2s linear infinite;
            /* 应用名为btnanmaiton的动画，持续1秒，线性速度，无限循环 */
        }

        @keyframes btnanmaiton {
            /* 定义名为btnanmaiton的关键帧动画 */
            0% { left: -100%; }
            /* 动画开始时，元素在左侧外部 */
            50%, 100% { left: 100%; }
            /* 动画进行到50%和100%时，元素移动到右侧外部 */
        }

        .item span:nth-of-type(2) {
            position: absolute;
            top: -100%;
            right: 0;
            width: 3px;
            height: 100%;
            background-image: linear-gradient(to top, aqua, transparent);
            animation: two 2s linear infinite;
            animation-delay: 0.25s;
        }

        @keyframes two {
            0% {
                top: -100%;
            }

            50%,
            100% {
                top: 100%;
            }
        }

        .item span:nth-of-type(3) {
            position: absolute;
            right: -100%;
            bottom: 0;
            width: 100%;
            height: 3px;
            background-image: linear-gradient(to right, aqua, transparent);
            animation: three 2s linear infinite;
            animation-delay: 0.5s;
        }

        @keyframes three {
            0% {
                right: -100%;
            }

            50%,
            100% {
                right: 100%;
            }
        }

        .item span:nth-of-type(4) {
            position: absolute;
            bottom: -100%;
            left: 0;
            width: 3px;
            height: 100%;
            background-image: linear-gradient(to bottom, aqua, transparent);
            animation: zuo 2s linear infinite;
            animation-delay: 0.75s;
        }

        @keyframes zuo {
            0% {
                bottom: -100%;
            }

            50%,
            100% {
                bottom: 100%;
            }
        }