body {margin:0; padding:0; font-size:14px; background:#fff; color:#333; -webkit-text-size-adjust:none; }
img {width:100%; border:0; display:block;}
div {margin:0; word-break:keep-all}
ul,dl {padding:0; margin:0;}
li {list-style-type: none;}
a:link,a:visited {text-decoration:none;}

input {width:100%; border:0; background:none; outline:none; filter:chroma(color=#000000); border:none; color:#333;}
input::-webkit-input-placeholder { 
opacity:1;
transition: opacity 0.5s;
color:#ccc;
} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { 
opacity:0;
transition: opacity 0.5s; 
color:#ccc;
}

textarea {border:0; outline:none; filter:chroma(color=#000000); border:none; color:#333;}
textarea::-webkit-input-placeholder { 
opacity:1;
transition: opacity 0s; 
} 
textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder { 
opacity:0;
transition: opacity 0s; 
}

.placeholder {height:120px;}

.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.f32 {font-size:32px;}
.f34 {font-size:34px;}
.f36 {font-size:36px;}
.f38 {font-size:38px;}
.f40 {font-size:40px;}
.f42 {font-size:42px;}
.f44 {font-size:44px;}
.f46 {font-size:46px;}
.f48 {font-size:48px;}

.bgc-ff {background:#fff;}
.bgc-f6 {background:#f6f6f6;}
.bgc-ee {background:#eee;}

.cc {color:#ccc;}
.c9 {color:#999;}
.c6 {color:#666;}
.cmain {color:#de0029;}

.p30 {padding:30px;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
.pl0 {padding-left:0;}
.pr0 {padding-right:0;}
.plr0 {padding-left:0; padding-right:0;}
.ptb0 {padding-top:0; padding-bottom:0;}

.mt1 {margin-top:1px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb1 {margin-bottom:1px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

.bt1 {border-top:1px solid #eee;}
.bb1 {border-bottom:1px solid #eee;}

.clear:after {display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.ellipsis2 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
/*.ellipsis3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}*/
.ellipsis3 { -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}


.flexc {display:flex; align-items:center;} /* 单行垂直居中 */
.flexh {display:flex; flex-direction:row; justify-content:space-between;} /* 水平两端对齐 */
.flexv {display:flex; flex-direction:column; justify-content:space-between;} /* 垂直上下对齐 */

/* 细线边框 */
.bordertop, .borderbottom, .borderleft, .borderright {position: relative;}
.bordertop:before { content: ''; display:block; position: absolute; width: 100%; left: 0px; top: 0px; height: 1px; background-color: #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.borderbottom:before { content: ''; display:block; position: absolute; width: 100%; left: 0px; bottom: 0px; height: 1px; background-color: #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.borderleft:before { content: ''; display:block; position: absolute; height: 100%; top: 0px; left: 0px; width: 1px; background-color: #eee; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.borderright:before { content: ''; display:block; position: absolute; height: 100%; top: 0px; right: 0px; width: 1px; background-color: #eee; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}