@charset "utf-8";
body,div,a,/*p,*/h3,ul,li,/*strong,*/input,section,footer{ margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei",Tahoma,Arial,STHeiti,Helvetica,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,\9ED1\4F53,sans-self; font-style: normal; text-decoration: none; color:#666; font-weight: normal; font-size: 14px; }
img,a,a:active,a:focus{ border: none; outline: none; }
ol,ul { list-style: none; margin: 0; padding: 0; }
em,i,b,strong{ font-size: 100%; font-style: normal; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
table{ border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
a{ text-decoration: none; color: #666; }
header{}
body{ margin: 0 auto;}
.head{/*padding: 60px 0;*/max-width: 700px;min-width: 375px;  margin: 0 auto; /*height: 170px;*/ text-align: center; }
.title{ padding-top: 210px; font-size: 32px; color: #333333; font-weight: bold; letter-spacing: 10px; }
.ul_box{padding: 0 10px}
.wrap_box{padding: 10px 20px}
.list{max-width: 960px;min-width: 375px;min-height: 48px; margin: 0 auto; padding-top: 44px; }
.list li .li_box{width: calc(25% - 10px); float: left; height: 30px; line-height: 20px;padding-left: 10px }
.list li span{ font-size: 18px; text-align: center;color: #666666; font-style: normal; height: 30px; line-height: 30px; }
.icon-1,.icon-2,.icon-3,.icon-4{text-align: center;display: inline-block; position: relative; left: -6px;background-color: #e4effc;width: 36px;height: 20px;border-radius: 10px;color: #0055be; }

.wrap{ max-width: 700px;min-width: 355px;  margin: 0 auto; }
.searchBar{ max-width: 700px; line-height: 56px; margin: 0 auto 10px auto;}
.input{ width: 518px; height: 56px; line-height: 56px; border:1px solid #666; padding-left: 15px; outline: none; font-size: 24px; margin-right: 15px; color: #8e8d8d;}
.button{ width: 150px; height: 58px; line-height: 58px; outline: none; background-color: #ff9f00; border: none; font-size: 24px; cursor: pointer;font-weight: bold;color: #fff}
.tips{ max-width: 760px; line-height: 20px; margin: 0 auto 14px auto; color: #dce2f1; overflow: hidden; padding: 0 10px}
#target{ max-width: 918px; height: 120px; padding: 10px 20px; border: 1px solid #666; overflow: hidden; font-size: 16px;text-align: center }

footer{ max-width: 960px;min-width: 375px;  margin: 50px auto 0 auto;text-align: center; color:#666;}
footer p{ margin: 15px 20px; text-align: center; }
.tips_box{padding: 0 20px}
.tips_list{ max-width: 700px;min-width: 355px; margin: 15px auto;padding: 10px 0px;color:#666;}
.tips_content{ max-width: 700px;min-width: 355px; margin: 15px auto;padding: 0;color:#666;}
.tips_list p{margin: 10px 20px}
.tips_content img{max-width: 100%}
.tips_title{color:red;font-weight: bold}
.tips_info{color:#8e8d8d}
.clear {
    clear: both;
}
@media  (min-width: 0px) and (max-width: 633px) {
    .wrap_box{padding: 10px 20px;width: calc(100% - 40px);}
    .input{ width: calc(100% - 15px); height: 56px; line-height: 56px; border: none; border-radius: 5px; outline: none; font-size: 24px; color: #8e8d8d; margin-bottom: 20px }
    .button{ width: 100%; height: 58px; line-height: 58px; outline: none; background-color: #ff9f00; border: none; font-size: 24px; cursor: pointer;font-weight: bold;border-radius: 5px;color: #fff}
}