/* 清除默认样式 */
html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,b,u,a,img,select,header,footer,nav,menu,article,aside,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
input{background:none;}
div:focus{outline: none;}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{border-spacing:0}
[v-cloak] {display: none;}
.none{ display:none}
.block{ display:block}
.inline-block{ display:inline-block;}
body a{color:#333;text-decoration:none;outline:none;}
body a:hover{ outline:none;text-decoration:none;}
body{font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#333; line-height:normal;}
button,select,input,textarea{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; outline:none}
button:focus{ outline: none;}
button{background:none;cursor: pointer;}
/*定位与浮动*/
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clearhidden{overflow: hidden;zoom:1;}
.fl{float: left;}
.fr{float: right;}
.relative{position:relative;}
.absolute{position:absolute;}
/*居中情况*/
.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
/*行高*/
.line-h32{line-height: 32px;}
.line-h28{line-height: 28px;}
.line-h24{line-height: 24px;}
::-webkit-input-placeholder {color: #A8A8A8;font-size: 16px;}
::-moz-placeholder {color: #A8A8A8;font-size: 16px;}
:-ms-input-placeholder {color: #A8A8A8;font-size: 16px;}
/* 粗体 */
.fn-bold{font-weight:bold;}
/* 字体 */
.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-16{ font-size: 16px;}
.fn-font-16{ font-size: 15px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-22{ font-size: 22px;}
.fn-font-24{ font-size: 24px;}
.fn-font-26{ font-size: 26px;}
.fn-font-28{ font-size: 28px;}
.fn-font-30{ font-size: 30px;}
.fn-font-34{ font-size: 34px;}
.fn-font-36{ font-size: 36px;}
.fn-font-40{ font-size: 40px;}
.fn-font-42{font-size:42px;}
.fn-font-44{font-size:44px;}
.fn-font-46{font-size:46px;}
.fn-font-48{ font-size: 48px;}
.fn-font-bold{font-weight: bold;}

/* padding */
.p10-30{padding: 10px 30px;}
.p15-25{padding: 15px 25px;}
.p30-35{padding: 30px 35px;}
.pd0-40{padding:0 40px;}
.pd20-40{padding:20px 40px;}
.pd20-50{padding:20px 50px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-15{padding-left: 15px}
.pd-r-15{padding-right: 15px}
.pd-t-15{padding-top: 15px}
.pd-b-15{padding-bottom: 15px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-25{padding-left: 25px}
.pd-r-25{padding-right: 25px}
.pd-t-25{padding-top: 25px}
.pd-b-25{padding-bottom: 25px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}

.pd-l-40{padding-left: 40px}
.pd-r-40{padding-right: 40px}
.pd-t-40{padding-top: 40px}
.pd-b-40{padding-bottom: 40px}

.pd-l-50{padding-left: 50px}
.pd-r-50{padding-right: 50px}
.pd-t-50{padding-top: 50px}
.pd-b-50{padding-bottom: 50px}

.pd-r-80{padding-right: 80px}

/*margin*/
.margin-center {display:inline-block;margin: 0 auto;}
.mg-l-2{margin-left: 2px}
.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-t-8{margin-top: 8px}
.mg-l-8{margin-left: 8px}
.mg-r-8{margin-right: 8px}
.mg-b-8{margin-bottom: 8px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-15{margin-left: 15px}
.mg-r-15{margin-right: 15px}
.mg-t-15{margin-top: 15px}
.mg-b-15{margin-bottom: 15px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-25{margin-left: 25px}
.mg-r-25{margin-right: 25px}
.mg-t-25{margin-top: 25px}
.mg-b-25{margin-bottom: 25px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-l-35{margin-left: 35px}
.mg-r-35{margin-right: 35px}
.mg-t-35{margin-top: 35px}
.mg-b-35{margin-bottom: 35px}

.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}

.mg-l-45{margin-left: 45px}
.mg-r-45{margin-right: 45px}
.mg-t-45{margin-top: 45px}
.mg-b-45{margin-bottom: 45px}

.mg-l-50{margin-left: 50px;}
.mg-t-50{margin-top: 50px}
.mg-t-60{margin-top: 60px;}
.mg-l-60{margin-left: 60px;}
/* 字体颜色 */
body .fn-color-0{ color: #000}
body .fn-color-3{ color: #333;}
body .fn-color-6{ color: #666}
body .fn-color-9{ color: #999}
body .fn-color-c{ color: #ccc}
body .fn-color-f{ color: #fff}
.fn-color-orange {color: #FFA651;}
/* 背景色 */

body .bgwhite{ background: #fff}
/*小手*/
.pointer:hover{cursor: pointer;}
/* 不换行 省略号 */
.ellipsis{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
/* 边框阴影 */
.common-shadow{box-shadow: 0 1px 8px 1px rgba(51,123,233,0.12);border-radius: 2px;}

/* 字间距 */
.letter-1{letter-spacing:1px;}
/*宽度*/
.wb50{width: 50%;}