audio,body,dd,dl,dt,em,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,input,label,li,main,mark,ol,p,section,select,strong,textarea,ul{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
main{display:block}
ol,ul{list-style:none}
ol li,ul li{padding:0;margin:0}
button,input,textarea{font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline;color:inherit;margin:0}
button{overflow:visible}
input[type=text],input[type=password],textarea{-webkit-focus-ring-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
html{font-size:100%;font-family:'Helvetica Neue',sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html a,html footer,html header,html nav{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
body{line-height:1;word-break:break-word}
@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?-2javy);src:url(fonts/icomoon.eot?#iefix-2javy) format('embedded-opentype'),url(fonts/icomoon.woff?-2javy) format('woff'),url(fonts/icomoon.ttf?-2javy) format('truetype'),url(fonts/icomoon.svg?-2javy#icomoon) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-icon-add:before{content:"\e601"}
.icon-icon-arrow:before{content:"》"}
.icon-icon-logo:before{content:"\e603"}
.icon-icon-mail:before{content:"\e604"}

.icon-icon-phone:before{content:"\e606"}

.icon-icon-name2:before{content:"\e600"}
.icon-voice-play:before{content:"\e608"}
.icon-voice-record:before{content:"\e606"}
.icon-voice-stop:before{content:"\e609"}
body,html{font-size:14px;line-height:1.5}
body *,html *{font-family:"SimHei"}
#head{margin:16px 15px}
#head h3{font-size:18px;color:#666}
#head span{margin-right:5px;color:#ccc}
#head a{text-decoration:none;color:#999;font-size:14px}
#head img{width:15px;position:relative;top:2px;margin-right:5px}
.head-hr{color:#cecece;background-color:#cecece;border:none;height:1px}
#content{margin:13px 15px 0}
#content p{margin-bottom:13px;font-size:14px;color:#666}
#content select{font-size:16px;width:100%;height:35px;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;position:relative;z-index:10;padding:0 10px;outline:0}
#content .placeholder{color:#fff6cc}
#content textarea{display:block;height:130px;width:100%;resize:none;border-radius:5px;margin:0 0 20px;outline:0;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:16px}
#content input[type=email]::-webkit-input-placeholder,#content input[type=text]::-webkit-input-placeholder,#content textarea::-webkit-input-placeholder{color:#ccc}
#content .mess-title{overflow:hidden;padding:0 10px 5px 10px;position:relative}
#content .mess-title label{float:left;font-size:16px;line-height:25px;color:#999}
#content .mess-title span[class*=" icon-"],#content .mess-title span[class^=icon-]{font-size:25px;float:right}
#content hr{color:#f1f1f1;background-color:#f1f1f1;border:none;height:1px}
#content #voice-items{overflow:hidden;background-color:#f5faff;border-radius:5px;margin:10px;padding:10px;line-height:20px}
#content .icon-voice-play,#content .icon-voice-stop,#content .mess-voice-time{color:#74171f;float:left;margin-left:10px;font-size:20px}
#content .icon-voice-record{color:#74171f;width:60px;height:60px;position:absolute;right:-25px;padding-left:25px;margin-top:-10px;padding-top:10px}
#content .icon-voice-record-disabled{color:#ededed}
#content .mess-voice-time{font-size:15px}
#content .mess-voice-del,#content .mess-voice-rerecord{float:right;color:#666;font-size:14px;line-height:20px;margin-left:35px}
#mess-items{background-color:#fff;padding:5px 0;border-radius:5px;display: none;}
#base-items{border-radius:5px;margin:15px 0;overflow:hidden;background:url(../images/fanye.jpg) repeat-y;}
#base-items input[type=email],#base-items input[type=text]{width:100%;height:35px;outline:0;padding:8px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:16px;background-color: #BF080C;text-align: center;}
#base-items hr{background-color:#74171f;border:medium none;color:#f1f1f1;height:1px;margin-left:auto;margin-right:auto;margin-top:5px;width:90%}
#base-items .base-item{height:35px;margin-bottom:14px;overflow:hidden;vertical-align:middle;border:1px solid  #fff6cc;width: 60%;margin-left: 20%;}
#base-items .base-item div{zoom:1;overflow:auto}
#base-items .base-item span{margin:10px;float:left;font-size:20px;color:#cacaca}
#extra-items{margin-bottom:10px}
#extra-items input[type=text]{border-radius:5px;width:100%;margin:0;height:35px;outline:0;padding:8px 7px;margin-bottom:10px;font-size:16px;font-family:SimHei;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#extra-items label{font-size:14px;padding:3px;display:block;margin-bottom:5px;color:#fff}
#extra-items label+*{background-color:#fff}
#extra-items .select-wrap{position:relative;margin-bottom:10px;border-radius:5px}
#extra-items .select-wrap span{position:absolute;top:8px;right:10px;font-size:20px;color:#ccc}
#opt{text-align:center;width: 60%;margin:auto; margin-top: -10px;}
#opt .button{border:solid 1px #FFF;height:35px;line-height:30px;color:#fff6cc;text-decoration:none;cursor:default;background-color:#BF080C;width:60%;-webkit-appearance:none;font-size:16px;}
#opt:active{background-color:#74171f}
#foot{text-align:center;margin:34px 0}
#foot span{font-size:15px;color:#c1c1c1}
.tip-layer{position:fixed;width:200px;height:20px;left:50%;top:50%;margin-top:-20px;margin-left:-110px;text-align:center;padding:10px;color:#fff;border-radius:5px;background:#333;font-weight:700;z-index:200;opacity:.8}
.error-placeholder::-webkit-input-placeholder{color:red!important}
.error-color{color:red!important}
.content{z-index:99}
.liuyan{float:left;width:100%;background:url(images/ly-bg.jpg) no-repeat center center/100% 100%;padding-bottom:4%;padding-top:2%;margin-top: -6px;}
form{width:86%;margin-left:7%}