/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling : touch;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
body {
    font: 16px  "PingFang SC",Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
    color: #555;
    background-color: #fff;
}
button{
    border: 0;
}
em, i {
    font-style: normal;
}
ul,li{
    list-style-type: none;
}
strong {
    font-weight: normal;
}

input,select,textarea{
    border: none;
    -moz-appearance:none;
    -webkit-appearance: none;
    border-radius: 0;
    outline:medium;
    background-color: transparent;
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
a {
    text-decoration: none;
    color: #969696;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
    text-decoration: none;
}
ul, ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}
img {
    border: none;
    vertical-align: middle;
}
input{
    font-family: 'Microsoft YaHei';
    outline:none;
}
*,::before,::after{
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:transparent;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    /* background: none; */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; */
}
.uppercase{
    /*text-transform:uppercase;*/
}
.w100{
    width: 100%;
}
.w50{
    width: 50%;
}
.w25{
    width: 25%;
}
.w20{
    width: 20%;
}
.w33{
    width: 33.333333%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.cl:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}
.cl{
    zoom:1;
}
.db{
    display: block !important;
}
.dn{
    display: none;
}
.cl333{
    color:#333;
}
.cl999{
    color:#999;
}
.cl666{
    color:#666;
}
.clff8e00{
    color: #ff8e00;
}
.common_wrap{
    width:92%;
    margin:0 auto;
}
.font14{
    font-size:14px;
}
.font12{
    font-size:12px;
}
.cl008cd0{
    color:#008cd0;
}
.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px;
}
.mt20{
     margin-top: 20px;
 }
.mt40{
    margin-top: 40px;
}
.pt30{
    padding-top: 30px;
}
.ml5{
    margin-left: 5px;
}
.ml8{
    margin-left: 8px;
}
.mr5{
    margin-right: 5px;
}
.mr15{
    margin-right:15px;
}
.ml15{
    margin-left:15px;
}
.pd55{
    padding: 55px 0;
}
.pd15{
    padding: 15px 0;
}
.mg20{
    margin: 20px 0;
}
.mg10{
    margin: 10px 0;
}
.mg30{
    margin: 30px 0;
}
.mb12{
    margin-bottom: 4px;
    display: inline-block;
}
.mb10{
    margin-bottom:10px;
}
.mr10{
    margin-right:10px;
}
.pm15{
    padding-bottom: 15px;
}

.commonbg{
    background:#00a274;
}
.commoncl{
    color:#00a274;
}
.clfff{
    color:#fff;
}
.bgfff{
    background:#fff;
}
.cl0093d2{
    color:#0093d2;
}
.center{
    text-align: center;
}
.pg10{
    padding:10px 0;
}
.p10{
    padding:10px;
}
.pd20{
    padding:20px;
}
.p1020{
    padding:10px 20px;
}
.plr20{
    padding:0 20px;
}
.ptd20{
    padding:20px 0px;
}
.cl00a274{
   color:#00a274;
}
.commonraduis{
    border-radius: 4px;
}
.bgff8e00{
    background:#ff8e00;
}
.clf8200{
    color:#ff8200;
}
.clffca8c{
    color:#ffca8c;
}
.bgffefd9{
    background:#ffefd9;
}
.bgd9f2eb{
    background:#d9f2eb;
}
.bgd6ef9{
    background:#d6eff9;
}
.cl0087ce{
    color:#0087ce;
}
.cl90ccba{
    color:#90ccba;
}
.commonraduis5{
    border-radius: 5px;
}
input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 15px;
    position: relative;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
input[type=checkbox]:after {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    content: " ";
    background-color: #00a274;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 3px;
}
input[type=checkbox]:checked:after {
    content: "✓";
    font-size: 12px;
}
.width30{
    width:30px;
    display: inline-block;
}
.letter-space{
    letter-spacing:1px;
    font-size:14px;
}
.bde4{
    border-bottom: 1px solid #e4e4e4;
}
.activecl{
    color:#00a274;
}
.mt50{
    margin-top:50px;
}
.circle_icon_16{
    width:16px;
    display: inline-block;
}
.cl008fd1{
    color:#008fd1;
}
.w_renzheng{
    padding: 2px 5px;
    background-color: #cdcdcd;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    transform: scale(0.8);
    display: inline-block;
}
.tab_list_wrap p{
    line-height: 1.6;
}
.notice_container{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
}
.notice_wrap{
    width: 240px;
    height: 360px;
    position: fixed;
    top: calc(50% - 180px);
    left: calc(50% - 120px);
}
.notice_img{
    width: 240px;
    height: 300px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    /*background-color: #f9f9f9;*/
}
.notice_close{
    width: 36px;
    height: 36px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 18px);
}
.hezuo,.renmo,.notice,.mine,.luntan{
    width:22px;
    height:22px;
    display:inline-block;
}
.tab_list {
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    border-top: 1px solid #e4e4e4;
}
.tab_list_wrap li{
    float:left;
    /* width:18%; */
    width: 20%;
    /* width: 25%; */
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
}
.tab_list_wrap li:nth-child(3){
    /* float:left; */
    /* width:1%; */
}
.container{
    position: relative;
    width: 100%;
    padding-bottom: 100px;
}
.customer_icon {
    position: fixed;
    z-index: 111;
    width: 60px;
    bottom:12%;
    right: 4%;
}