﻿@charset "utf-8";
/********** reset style **********/
body{margin:0; padding:0;}
body,p,td,div,textarea{font-family:Arial,"\5FAE\8F6F\96C5\9ED1"; font-size:12px;}
div,ul,li,p,img{margin:0; padding:0; border:0;}
*{margin:0px;padding:0px;}
ul{margin:0;}
li{margin:0; list-style:none;}
a { text-decoration:none; cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
::-moz-selection { background:#bf2e1b; color: #fff; text-shadow:none; }
::selection { background:#bf2e1b; color: #fff; text-shadow:none; }
.clear{clear:both; margin:0; padding:0; height:0; line-height:0; font-size:0;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}
ul.list li{margin:0; list-style:none; line-height:150%;}
.red{color:#f00;}
.fll{float:left;}
.flr{float:right;}
.hide{display:none;}
.mau{margin:0 auto;}
.por{position:relative;}
.poa{position:absolute;}
.center{text-align:center;}
.in{width:1050px; position:relative; margin:0 auto;}
.wrap{width:1000px; margin:0 auto;}
.main{width:1160px; margin:0 auto;}
input{outline:none} 
/*头部导航*/
.news_menu{ height:120px; background:url(http://www.tankmm.com/img/news_top.jpg) repeat;}
.news_menu img{ display:block; margin-right:28px;}
.news_menu a{ display:block; min-width:62px; height:90px; line-height:30px; font-size:18px; color:#fff; text-align:center; padding:30px 24px 0 24px; float:left;}
.news_menu a:hover,.news_menu a.on{ background:url(http://www.tankmm.com/img/menu_hover.png) repeat;}
.news_menu a span{ font-size:12px; color:#ccc;}
/*主内容*/
.find_bg{ height:780px; background:url(../images/find_bg.jpg) center top no-repeat;}
.find_title{ line-height:50px; font-size:30px; color:#7abd54; text-align:center; font-weight:normal; padding:48px 0;}
.find_step{ width:100%; max-width:1160px; padding-bottom:56px; margin:0 auto;}
.find_steps{ text-align:center; background:url(../images/find_title.png) repeat-x; float:left;}
.find_steps h3{ display:inline-block; width:30px; height:30px; line-height:30px; font-size:18px; color:#fff; background-color:#999; margin-bottom:8px; border-radius:15px;}
.find_steps p{ line-height:26px; font-size:14px; color:#999;}
.find_step .find_step_on{ background:url(../images/find_title_h.png) repeat-x;}
.find_step .find_step_on h3{ background-color:#7abd54;}
.find_step .find_step_on p{ color:#7abd54;}
.find_step_2{ width:50%;}
.find_step_3{ width:33%;}
.find_step_4{ width:25%;}

.find_main{ max-width:800px; margin:0 auto;}
.find_main li{ margin-bottom:20px;}
.find_main li span.find_main_title{ display:inline-block; width:286px; line-height:40px; font-size:14px; color:#5f6165; text-align:right; padding-right:14px;}
.find_main li input.find_input{ width:278px; height:38px; font-size:18px; color:#333333; background-color:transparent; border:1px solid #ddd; padding:0 10px;}
.find_main li input.find_input_short{ width:78px; height:38px; font-size:18px; color:#333333; background-color:transparent; border:1px solid #ddd; padding:0 10px;}
.find_main li input.find_input:focus,.find_main li input.find_input_short:focus{ border:1px solid #7abd54;}
.yanzheng{ line-height:40px; font-size:14px; color:red; padding-left:14px;}
.yanzheng i{ display:inline-block; width:16px; height:16px; line-height:16px; color:#fff; background-color:#7abd54; text-align:center; border-radius:8px; margin-right:4px;}
.container{ padding-bottom:60px;}
.container .next{ display:block; width:200px; height:50px; line-height:50px; font-size:20px; color:#fff; background-color:#7abd54; border:none; text-align:center; margin:0 auto;}

.find_man{ max-width:584px; border-top:1px dashed #999; margin:0 auto; padding-top:56px; padding-left:62px;}
.find_man_main{ padding-left:24px;}
.find_man_main p{ font-size:14px; color:#333;}
.find_man_main h3{ max-width:340px; line-height:60px; font-size:18px; font-weight:normal; color:#fff; background-color:#25272e; text-align:center; margin:16px 0;}
.find_man_main h3 span{ display:inline-block; font-size:24px; padding-left:10px; color:#7abd54; font-weight:bold;}

.binding_a{ display:inline-block; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#7abd54;}
.binding_no{ display:inline-block; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#bdbdbd;}
.binding_a i.mail{ display:inline-block; width:60px; height:50px; background:#339967 url(../images/mail.jpg) center center no-repeat; float:left;}
.binding_no i.mail{ display:inline-block; width:60px; height:50px; background:#a3a3a3 url(../images/mail_no.jpg) center center no-repeat; float:left;}
.binding_a i.phone{ display:inline-block; width:60px; height:50px; background:#339967 url(../images/phone.jpg) center center no-repeat; float:left;}
.binding_no i.phone{ display:inline-block; width:60px; height:50px; background:#a3a3a3 url(../images/phone_no.jpg) center center no-repeat; float:left;}
.binding_a span,.binding_no span{ display:inline-block; width:140px; height:50px; line-height:50px; text-align:center;}

.phone_yanzheng{ display:inline-block; height:38px; line-height:38px; text-align:center; font-size:14px; color:#5f6165; background-color:#f5f5f5; border:1px solid #ddd; padding:0 14px; margin-left:14px; font-family:"微软雅黑";}
.change_yes{ width:190px; background:url(../images/yes.png) left top no-repeat; padding-left:110px; margin:100px auto;}
.change_yes h3{ line-height:36px; font-size:20px; color:#7abd54;}
.change_yes p{ line-height:28px; font-size:14px; color:#88898d;}

/*获取验证码*/
.getting {height:40px; margin-left:20px; padding: 0 18px; text-align: center;  line-height: 38px; border: #e5e5e5 1px solid; background: linear-gradient(0deg, #f4f2f2 0%,#fbf9f9 100%); cursor: pointer; outline: none; color:#666; font-family:"微软雅黑";}
.container .find_main li .input_unclick{ border-color:transparent;}


/*通用底部*/
.news_footer{ height:106px; line-height:24px; font-size:14px; color:#5f6165; text-align:center; background-color:#25272e; padding-top:44px;}
.news_footer p{ margin-bottom:12px;}
.news_footer a{ font-weight:bold; color:#999; padding:0 18px;}
.news_footer a:hover{ text-decoration:underline;}

/*适配*/
@media all and (max-width:768px){
	.find_bg{ height:auto; background:url(../images/find_bg2.jpg) center top no-repeat; background-size:100% 100%; padding-bottom:20px;}
	.find_title{ padding:12px 0;}
	.find_step{ padding-bottom:10px;}
	.container{ padding-bottom:30px;}
	.find_main li{ margin-bottom:10px;}
	.find_main li span.find_main_title{ display:block; width:80%; text-align:left; margin:0 auto; padding-right:0;}
	.find_main li input.find_input{ display:block; width:80%; height:32px; margin:0 auto; padding:0; text-align:center;}
	.yanzheng{ display:block; text-align:center;}
	.find_main li input.find_input_short{ width:30%; height:32px; margin-left:10%; padding:0; text-align:center;}
	.container .next{ width:80%;}
	.find_man{ padding:12px 0 0 0;}
	.find_man_main{ padding-left:0;}
	.find_man_main p{ width:80%; margin:0 auto;}
	.find_man_main h3{ width:80%; margin:8px auto;}
	
	.binding_a,.binding_no{ display:block; width:80%; margin:0 auto;}
	.phone_yanzheng{ width:44%; height:32px; line-height:32px; margin-left:6%; padding:0; text-align:center;}
	.getting{ height:34px; line-height:34px;}
	.change_yes{ margin:50px auto;}
	
	.news_footer{ height:auto; padding-top:12px;}
	.news_footer p{ width:88%; margin:0 auto;}
	
}