@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0;outline:0}
body{line-height:1.5;font-size:14px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li{list-style:none}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:0;background:0 0;outline:0}
a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick]{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
a{-webkit-touch-callout:none;text-decoration:none;color:#333;outline:0}
a:hover{color:#D00;}
em,i{font-style:normal}
::-webkit-input-placeholder{color:#999}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline: 0!important}
.after:after{ height: 0; display: block; clear: both; content: '';}

body{ color:#333; background:#f2f2f2; font-family:"黑体";}

.container{width: 100%; height:100%;overflow: hidden;}
.head{width: 100%; overflow: hidden;}
.head h1{line-height: 54px; text-align: center; font-size: 20px;}
.img{width: 100%; overflow: hidden;}
.img img{width: 100%; height:100%;}
.con{width: 76%; padding: 18px 0; margin: 0 auto;}
.con .con_text{width: 100%;}
.con .con_text input{width: 72%; height: 40px; padding: 0 4%; line-height: 40px; border-radius: 6px; background: #fff; font-size: 12px;}
.footer{width: 82%; overflow: hidden; margin: 0 auto;}
.footer .footer_text{width: 100%; position: relative;}
.footer .footer_text label{position: absolute;}
.footer .footer_text span{position: absolute; left: 14px; font-size: 10px; color: #777;}
.footer .btn{width: 100%; height: 40px; margin-top: 78px; text-align: center;}
.footer .btn button{width: 70%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; border: 0; background: #fe504d;}

.pos{position: relative; height:100%;}
.img .img_btn{width: 70%; height: 60px; position: absolute; left: 15%; bottom: 36px; overflow: hidden;}
.img button{width: 100%; height: 60px; background: #fff; border: 0; border-radius: 6px; color: #fe504d; font-size: 18px;}
.img span{font-size: 14px;}
.img i{display: inline-block; width: 100px; height: 16px; font-size: 10px; background: #e04745; color: #fff; text-align: center; position: absolute; right: -33px; top: 10px; transform:rotate(45deg);}
.content{width: 90%; overflow: hidden; margin: 0 auto; background: #fff; padding-bottom: 10px;}
.content h6{color: #fe504d; line-height: 20px; border-bottom: 1px solid #ccc; padding-left: 4%;}
.content .lists{width: 100%; padding-left: 2%; position: relative; height: 480px; overflow: hidden;}
.content .lists li{width: 100%; height: 80px; padding: 10px 0 10px 60px; position: absolute; border-bottom: 1px solid #ccc;}
.content .lists .left{float: left; width: 60px; height: 60px; margin-left: -60px; border-radius: 10px;}
.content .lists .left img{width: 100%;}
.content .lists .right{float: left; width: 100%; padding-left: 6%;}
.content .lists .right p{margin-top: 6px;}
.content .lists .right span{color: #fe504d;}
.wechat{position:fixed;top:0;bottom:0;left:0;z-index:999;display:none;width:100%;height:100%; background:rgba(0,0,0,0.8);}
.wechat img {width:90%; margin:0 5%;}