@charset "gb2312";
/**{box-sizing: border-box}*/
*{-webkit-tap-highlight-color:transparent;outline:0;vertical-align:baseline;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;vertical-align:baseline;}
/*html,body{height:100%;}*/
body{margin:0 auto;min-width:320px;max-width:750px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;line-height:1;color:#333;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}
img{border:0 none;vertical-align:top;}
i,em,strong{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
input,select,button,h1,h2,h3,h4,h5,h6{font-size:100%;font-family:inherit;}
input{border-radius:0;box-shadow:none;}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance:none;}
textarea{-webkit-appearance:none;overflow-y:auto;overflow-x:hidden;resize:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:inherit;}
.clearfix:after{content:"";display:block;clear:both;}
/* 不同的屏幕的大小，为html设置不同的字体大小 */
html{font-size:16px;}
@media screen and (min-width:375px){html{/* iPhone6的375px尺寸作为16px基准，414px正好18px大小,600 20px */font-size:calc(100% + 2 * (100vw - 375px) / 39);font-size:calc(16px + 2 * (100vw - 375px) / 39);}}
@media screen and (min-width:414px){html{/* 414px-1000px每100像素宽字体增加1px(18px-22px) */font-size:calc(112.5% + 4 * (100vw - 414px) / 586);font-size:calc(18px + 4 * (100vw - 414px) / 586);}}
@media screen and (min-width:600px){html{/* 600px-1000px每100像素宽字体增加1px(20px-24px) */font-size:calc(125% + 4 * (100vw - 600px) / 400);font-size:calc(20px + 4 * (100vw - 600px) / 400);}}
@media screen and (min-width:1000px){html{/* 1000px往后是每100像素0.5px增加 */font-size:calc(137.5% + 6 * (100vw - 1000px) / 1000);font-size:calc(22px + 6 * (100vw - 1000px) / 1000);}}
body{max-width: 640px;margin: 0 auto;}
.bg{background-color:#ebecf0}
.tips{background-color:#fff;overflow: hidden;height:14rem;padding:0 .625rem;}
.img{width: 100%;display: block;}
.head-big{width: 3.75rem;margin: 0 auto;display: block;margin-top: 0.9375rem;}
.info{font-size:0.75rem;color: #333;line-height: 1.125rem;text-align: center;padding-top: 0.375rem;padding-bottom: 0.75rem;}
.content{ padding:0 .75rem 1rem; box-sizing: border-box;  -webkit-overflow-scrolling:touch; height:calc(100% - 3.5625rem); overflow-y: auto;}
body ::-webkit-scrollbar{display:none;width:0;height:0;}
html,body{height:100%;}
.data-time{text-align: center;margin:.9375rem 0 .4375rem;}
.data-time span{display:inline-block;padding:.3125rem;background-color:#d0d0d0;border-radius: 3px;font-size: .75rem;color: #fff}
.system-msg,.my-msg{margin-bottom:.6rem}
.system-msg img{float:left;width:2.5rem;}
.system-msg .system-text,.my-msg .my-text{position:relative;margin:0 3.25rem;padding-top: 0.4rem;}
.system-msg .system-text p{float:left;display: inline-block;line-height:1.1rem;padding:.4125rem .625rem;font-size: .8125rem;background-color: #fff;border-radius:8px;}
.system-text p:after{content: " ";position: absolute;top:0.875rem;left:-6px;width: 0;height: 0;border-top:7px solid transparent;border-right:7px solid #fff;border-bottom:7px solid transparent;}
.my-msg span{float:right;width:2.5rem;height: 2.5rem;line-height: 2.5rem;border-radius: 50%;text-align:center;font-size:1rem;color:#fff;background-color:#aaa}
.my-msg .my-text p{float: right;display: inline-block;line-height:1.1rem;padding:.4125rem;font-size: .8125rem;background-color: #ffdc4d;border-radius:8px;max-width: 15rem;word-wrap: break-word;}
.my-msg .my-text img{width: 100%}
.my-text p:after{content: " ";position: absolute;top:0.875rem;right:-6px;width: 0;height: 0;border-top:7px solid transparent;border-left:7px solid #ffdc4d;border-bottom:7px solid transparent;}
.footer{bottom:0;width: 100%;background-color:#fff;max-width: 640px;z-index: 40;}
.input{position:relative;height: 3.125rem;margin:0 .9375rem .4375rem}
.input input{width:100%;height:2.0625rem;margin-top:1rem;border: none;border-bottom: 1px solid #ccc;}
.input .function-btn{position: absolute;right: -.9375rem;bottom:-0.2rem;width:3.75rem;height:2.8125rem;background: #fff url("imgicon.png") no-repeat 15px -93px;background-size: 30px 130px;}
.function{display:none;padding: 1rem 0rem 0rem 1rem;font-size: 0;background-color: #f4f4f4;height: 5rem;line-height: 1rem;}
.function li{display: inline-block;width: 3.5rem;font-size: 0.8125rem;text-align: center;margin-right: 1.25rem;}
/*.function input[type=file]{display: none}*/
.function .icon{display: inline-block;width:50px;height:50px;background:#fff url("imgicon.png") no-repeat;margin-bottom:.4375rem;border-radius: 4px;background-size: 30px 130px;}
.function .icon1{background-position:14px -33px}
.function .icon2{background-position:14px 15px}
.input .send{display:none;position: absolute;right:0;bottom:-0.2rem;width:3.75rem;height:2.8125rem;background-color: #fff}
.input .send b{z-index: 50;float:right;width:2.8125rem;height:1.975rem;line-height:2.075rem;margin-top:.4rem;text-align:center;background-color: #e73322;font-size: .8125rem;color: #fff;border-radius:4px;}
/*.mb{padding-bottom:10.5rem;}*/
/*.mb{bottom:calc(4rem + 50px + 1.25rem + 1.25rem)}*/
.content.mb{height:calc(100% - 4rem - 50px - 1.25rem - 1.25rem);}
.evaluate{position: absolute;width:17%;margin-top: -3rem;}
.evaluate label{float:left;width: 2.8125rem;height: 1.875rem;line-height: 1.875rem;margin:0 .625rem 0 .75rem;text-align: center;font-size: .75rem;color: #fff;background-color: #e73322;border-radius:20px;}
.evaluate p{height:1.875rem;line-height: 1.975rem;font-size:.75rem;background-color: #5e5e60;border-radius: 20px;color: #fff;margin:0 .75rem 0 2rem;overflow: hidden}
.evaluate p span{border-radius: 20px;padding: 0.1125rem .3125rem;border-width: 1px;border-style: solid;}
.evaluate .yes{border-color:#ffdc4d;color: #ffdc4d;}
.evaluate .no{border-color:#fff;margin-right: .3125rem}
/*.declaration a.closer{    top: .5rem;    width: 1.5rem; height: 1.5rem;!important}*/
/*.declaration a.closer>span{ background-size: 1.4rem 50rem; width: 1.3rem; height: 1.4rem;    top: -0.35rem;!important}*/

.content-box{
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    height:100%;
    /*position:absolute;*/
    top:0;
    left:0;
    width:100%;
    -webkit-flex-direction:column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction:column;
}
.footer-box{ background-color:#fff;  height:3.5625rem;  }
.footer-box.h{height: calc(4rem + 50px + 1.25rem + 1.25rem);}