html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    /* 解决IOS默认滑动很卡的情况 */

    -webkit-overflow-scrolling: touch;

    font-size: 625%;

}


img {

    box-sizing: content-box;

}



a {

    color: #333;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.clear:after {

    content: "";

    display: block;

    visibility: hidden;

    height: 0;

    clear: both;

}



/* 底部tab */

.footer_tab {

    height: 58px;

    background: #fff;

    box-shadow: 0px 0px 5px 0px #ccc;

    display: flex;

    justify-content: space-between;

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 2;

}



.footer_tab a {

    display: block;

    width: 25%;

    height: 58px;

    padding-top: 5px;

    text-align: center;

}



.footer_tab a i {

    display: block;

    margin: 0 auto;

    font-size: 21px;

    color: #999;

}



.footer_tab a span {

    display: block;

    text-align: center;

    color: #333;

    font-size: 11px;

    margin-top: 3px;

}



.footer_tab a.active i {

    color: #c1292e;

}



.footer_tab a.active span {

    color: #c1292e;



}



/* 留言 */

.lyb {

    border-radius: 10px;

    background: url('../images/light_bg.png') no-repeat;

    /* width: 355px; */

    height: 395px;

    padding: 20px 17.5px;

    margin-top: 10px;

    box-shadow: #ccc 0px 0px 2px;

    background-size: 100% 100%;

} 



.lyb h2 {

    line-height: 35px;

    font-size: 20px;

    font-weight: 600;

    color: #c1292e;

    text-align: center;

}



.lyb h5 {

    line-height: 18px;

    font-size: 12px;

    font-weight: normal;

    color: #333;

    text-align: center;

}  



.lyb .ly_cont {

    margin-top: 15px;

}



.liuyan-write {

    height: 42.5px;

    line-height: 42.5px;

    margin-bottom: 10px;

    background-color: #fff;

    border-radius: 4px;

}



.liuyan-write-p label {

    float: left;

    width: 55px;

    height: 42.5px;

    line-height: 42.5px;

    font-size: 16px;

    text-align: center;

    color: #666;

}



.liuyan-write-p em {

    float: left;

    font-size: 15px;

    color: #666;

    margin: 0 10px 0 5px;

}



.liuyan-write-p input {

    float: left;

    width: calc(100% - 75px);

    height: 42.5px;

    line-height: 42.5px;

    outline: none;

    color: #333;

    border: none;

    font-size: 16px;

}



.liuyan-write:first-of-type .liuyan-write-p input {

    width: 100px;

}



.radio {

    width: 122px;

    height: 42.5px;

    line-height: 42.5px;

}



.radio input {

    border: 1px solid #dddddd;

    width: 16px;

    height: 16px;

    outline: none;

    float: left;

    margin-top: 13px;

    margin-left: 20px;

    cursor: pointer;

}



.radio input:first-of-type {

    margin-left: 0;

}



.radio label {

    float: left;

    color: #666;

    margin-left: 6px;

}



.liuyan-area {

    height: 116px;

    margin-bottom: 15px;

    background-color: #fff;

    border-radius: 4px;

}



.liuyan-area label {

    float: left;

    display: block;

    width: 55px;

    height: 42.5px;

    line-height: 42.5px;

    font-size: 16px;

    text-align: center;

    color: #666;

}



.liuyan-area em {

    float: left;

    font-size: 15px;

    color: #666;

    margin: 10px 10px 0 5px;

}



.liuyan-area textarea {

    float: left;

    width: calc(100% - 75px);

    height: 116px;

    outline: none;

    border: none;

    border-radius: 6px;

    line-height: 30px;

    font-size: 16px;

    color: #333;

    padding-top: 6px;

    resize: none;

}



.liuyan-bottom {

    width: 254px;

    height: 44px;

    line-height: 44px;

    margin: 0 auto;

    border-radius: 4px;

    background: #c1292e;

    text-align: center;

    font-size: 16px;

    color: #fff;

}