body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif,"微软雅黑"}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder {color: #ccc;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { color: #ccc; }


.container {
    width: 1280px;
    margin:0 auto;
    box-sizing: border-box;
    padding: 0 15px;
}

.text-align-c {text-align: center;}
.text-align-l {text-align: left;}
.text-align-r {text-align: right;}

.red {color:red;}
.orange{color:#f29901;}
.blue{color:#1b82d1}
.bwhite{background-color: #fff;}
.white{color: #fff;}
.bgray{background-color: #efefef;}
.gray{color: #ccc;}
.gray6{color: #666;}
.gray9{color: #999;}

.h20 {height: 20px;}
.h30 {height: 30px;}
.h38 {height: 38px;}
.h45 {height: 45px;}
.h60 {height: 60px;}
.h80 {height: 80px;}
.h130 {height: 130px;}
.h210 {height: 210px;}
.lh20{line-height: 20px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh45{line-height: 45px;}
.lh60{line-height: 60px;}
.lh80{line-height: 80px;}

.w30 {width: 30px;}
.w20p {width: 20%;}
.w80p {width: 80%;}
.w84p {width: 84%;}
.w88p {width: 88%;}
.w90p {width: 90%;}
.w94p {width: 94%;}
.w96p {width: 96%;}
.w100p {width: 100%}
.h100p {height: 100%;}

.margin-t5{margin-top:5px;}
.margin-t10{margin-top:10px;}
.margin-t15{margin-top:15px;}
.margin-t20{margin-top:20px;}
.margin-t25{margin-top:25px;}
.margin-b10{margin-bottom:10px;}
.margin-b15{margin-bottom:15px;}
.margin-b20{margin-bottom:20px;}
.margin-b25{margin-bottom:25px;}
.margin-auto{margin: 0 auto;}
.padding-t5{padding-top: 5px;}
.padding-t10{padding-top: 10px;}
.padding-b10{padding-bottom: 10px;}
.padding-l15{padding-left: 15px;}
.padding-t15{padding-top: 15px;}
.padding-b15{padding-bottom: 15px;}
.padding-t20{padding-top: 20px;}
.padding-b20{padding-bottom: 20px;}
.padding-t25{padding-top: 25px;}
.padding-b25{padding-bottom: 25px;}
.padding-b100{padding-bottom: 100px;}

.font-s12 {font-size: 12px;}
.font-s14 {font-size: 14px;}
.font-s16 {font-size: 16px;}
.font-s18 {font-size: 18px;}
.font-s20 {font-size: 20px;}
.font-w {font-weight: 600;}

.border-a-n{border-radius: 0 ;}
.border-t-gray {border-top: 1px solid #e6e6e6}
.border-b-gray {border-bottom: 1px solid #e6e6e6}
.border-b-lgray {border-bottom: 1px solid #f2f2f2}
.border-a5 {border-radius: 5px;}
.border-a10 {border-radius: 10px;}
.border-a15 {border-radius: 15px;}
.box-z{    box-sizing: border-box;}

.btn-blue {background: #4f93fe;border: none;color: #fff;border-radius: 15px;}

.one-sl {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.more-sl2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.more-sl3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}

.hide {display: none;}
.show {display: inherit;}

.oh {overflow: hidden;}

.fl{float: left;}
.fr{float: right;}

.clear {clear: both;}
.cp{cursor: pointer}