﻿.item_box{margin:50px 0 50px 0;height:auto;}

.item_box .item{position:relative;border:1px solid #ccc;padding:20px;border-radius:0px;transition:all 0.5s ease;background-color: #f0f0f0;padding: 40px 15px}
.item_box .item .icon{text-align:center;font-size:30px;font-weight:bold;color:#fff}
.item_box .item .icon{text-align:center;width:50px;height:50px;margin:0 auto;color:#fff}
.item_box .item .icon i{color:#898989;font-size: 45px;text-align:center;}
.item_box .item .tit{text-align:center;font-size:22px;font-weight:bold;color:#898989}
.item_box .item .text{text-align:center;font-size:18px;margin:10px 0;line-height:35px;color:#898989;}


.item_box .item:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.2);transform:translateY(-10px);background-color:#ff5722 }
.item_box .item:hover .icon {color:#fff}
.item_box .item:hover .icon i{color:#fff}
.item_box .item:hover .tit{color:#fff}
.item_box .item:hover .text{color:#fff}





.tit_box {text-align: center;margin-bottom: 30px;height: auto}
.tit_box .title{font-size:30px;color:rgba(51,51,51,1);margin-bottom: 10px;width: 100%;font-weight: bold;}
.tit_box .line{width:180px;height:1px;background-color:#ccc;position:relative;margin: 0 auto;}
.tit_box .line:after{content:"";position:absolute;width:30px;height:2px;display:block;background:#ff5722;top:0px;left:50%;margin-top:-1px;transform: translate(-50%, -50%);}








.message_box{margin:0px 0px 20px 0px;padding:0px}

.layui-input{
height:48px!important;	
}


.code{background:url(/static/tn106/img/code_bg.jpg);font-family:Arial;font-style:italic;color:blue;font-size:30px;padding:0px 3px;letter-spacing:3px;font-weight:bold;float:left;cursor:pointer;height:38px;line-height:38px;text-align:center;vertical-align:middle}

input{
	font-size: 16px;height: 60px;line-height: 60px
}



