html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, table { margin: 0; padding: 0; border: none; font-weight: normal;}
body{
    font-family: '\5FAE\8F6F\96C5\9ED1',Helvetica, arial, sans-serif;color: #333;
}
li { list-style: none; }
em, i, dfn, address { font-style: normal; }
h1, h2, h3, h4, h5, h6, b { font-weight: normal; font-size: 12px; }
i, em { font-style: normal; }
input, textarea, select { outline: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
input { border: none 0; text-indent:0px; -webkit-appearance: none; outline: none }
input:focus, a:focus, summary:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type='submit'] { cursor: pointer }
textarea { resize: none; }
table { border-collapse: collapse; border-spacing: 0; }
li, dd, a, dt, span { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a { text-decoration: none;cursor: pointer;}
/*img { vertical-align: middle; -webkit-touch-callout: none;/* 禁止长按链接与图片弹出菜单 ;display: block;}*/
a img { border: 0; }
.clear:after { display: block; content: ''; clear: both; }
.clear { zoom: 1; }


/*通用样式*/
.o-h{
    overflow: hidden;
}
.fl{
    float: left;display: inline;
}
.fr{
    float: right;display: inline;
}
.d-i{
    display: inline;
}
.d-b{
    display: block;
}
.d-ib{
    display: inline-block;
}
.t-l{
    text-align: left;
}
.t-c{
    text-align: center;
}
.text-e{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.t-r{
    text-align: right;
}
.t-unl{
    text-decoration: underline;
}
.p-r{
    position: relative;
}
.p-a{
    position: absolute;
}
.p-f{
    position: fixed;
}
.none{
    display: none;
}
/*通用样式*/


/*常用样式*/
/*width:100%*/
.w-100{
    width: 100%;
}
/*color*/
.color-fff{
    color:#fff;
}
.color-333{
    color: #333;
}
.color-555{
    color: #555;
}
.color-666{
    color: #666;
}
.color-999{
    color: #999;
}
/*margin*/
.m-c{
    margin: 0 auto;
}
.mt5{
    margin-top: 5px!important;
}
.mt10{
    margin-top: 10px!important;
}
.mt15{
    margin-top: 15px!important;
}
.mt20{
    margin-top: 20px!important;
}
.mt25{
    margin-top: 25px!important;
}
.mt30{
    margin-top: 30px!important;
}
.mt35{
    margin-top: 35px!important;
}
.mt40{
    margin-top: 40px!important;
}
.mt45{
    margin-top: 45px!important;
}
.mt50{
    margin-top: 50px!important;
}
.ml5{
    margin-left: 5px!important;
}
.ml10{
    margin-left: 10px!important;
}
.ml15{
    margin-left: 15px!important;
}
.ml20{
    margin-left: 20px!important;
}
.ml25{
    margin-left: 25px!important;
}
.ml30{
    margin-left: 30px!important;
}
.ml40{
    margin-left: 40px!important;
}
.ml50{
    margin-left: 50px!important;
}
.mr5{
    margin-right: 5px!important;
}
.mr10{
    margin-right: 10px!important;
}
.mr15{
    margin-right: 15px!important;
}
.mr20{
    margin-right: 20px!important;
}
.mr25{
    margin-right: 25px!important;
}
.mr30{
    margin-right: 30px!important;
}
.mr40{
    margin-right: 40px!important;
}
.mr50{
    margin-right: 50px!important;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.mb20{
    margin-bottom: 20px;
}
.mb25{
    margin-bottom: 25px;
}
.mb30{
    margin-bottom: 30px;
}
/*font-size*/
.font10{
    font-size: 10px!important;
}
.font12{
    font-size: 12px!important;
}
.font14{
    font-size: 14px!important;
}
.font16{
    font-size: 16px!important;
}
.font18{
    font-size: 18px!important;
}
.font20{
    font-size: 20px!important;
}
.font22{
    font-size: 22px!important;
}
.font24{
    font-size: 24px!important;
}
.font26{
    font-size: 26px!important;
}
.font28{
    font-size: 28px!important;
}
.font30{
    font-size: 30px!important;
}
.font-weight{
    font-weight: bold;
}

/*padding*/
.pt5{
    padding-top: 5px!important;
}
.pt10{
    padding-top: 10px!important;
}
.pt15{
    padding-top: 15px!important;
}
.pt20{
    padding-top: 20px!important;
}
.pt25{
    padding-top: 25px!important;
}
.pt30{
    padding-top: 30px!important;
}
.pt40{
    padding-top: 40px!important;
}
.pt50{
    padding-top: 50px!important;
}
.pl5{
    padding-left: 5px!important;
}
.pl10{
    padding-left: 10px!important;
}
.pl15{
    padding-left: 15px!important;
}
.pl20{
    padding-left: 20px!important;
}
.pl25{
    padding-left: 25px!important;
}
.pl30{
    padding-left: 30px!important;
}
.pl40{
    padding-left: 40px!important;
}
.pl50{
    padding-left: 50px!important;
}
.pr5{
    padding-right: 5px!important;
}
.pr10{
    padding-right: 10px!important;
}
.pr15{
    padding-right: 15px!important;
}
.pr20{
    padding-right: 20px!important;
}
.pr25{
    padding-right: 25px!important;
}
.pr30{
    padding-right: 30px!important;
}
.pr40{
    padding-right: 40px!important;
}
.pr50{
    padding-right: 50px!important;
}
.pb5{
    padding-bottom: 5px!important;
}
.pb10{
    padding-bottom: 10px!important;
}
.pb15{
    padding-bottom: 15px!important;
}
.pb20{
    padding-bottom: 20px!important;
}
.pb25{
    padding-bottom: 25px!important;
}
.pb30{
    padding-bottom: 30px!important;
}
.pb40{
    padding-bottom: 40px!important;
}

/*input:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/
    /*font-size:14px;color: #999;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*input::-moz-placeholder { !* Mozilla Firefox 19+ *!*/
    /*font-size:14px;color: #999;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*input:-ms-input-placeholder { !* Internet Explorer 10+ *!*/
    /*font-size:14px;color: #999;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*textarea,::-webkit-input-placeholder { !* WebKit browsers *!*/
    /*font-size:24px;color: #727272;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*textarea:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/
    /*font-size:24px;color: #727272;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*textarea::-moz-placeholder { !* Mozilla Firefox 19+ *!*/
    /*font-size:24px;color: #727272;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*textarea:-ms-input-placeholder { !* Internet Explorer 10+ *!*/
    /*font-size:24px;color: #727272;font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
/*input,textarea{*/
    /*font-size: 14px;*/
/*}*/
/*.placeholder{*/
    /*font-size: 14px;*/
    /*color: #999;*/
    /*font-family: "\5FAE\8F6F\96C5\9ED1";*/
/*}*/
.p-l-t{
    left: 0;top: 0;
}
.p-l-b{
    left: 0;bottom: 0;
}
.p-r-t{
    right: 0;top: 0;
}
.p-r-b{
    right: 0;bottom: 0;
}