/* global */
*{word-break: break-all; font-family:"Segoe UI","Lucida Grande",Helvetica,"Microsoft Yahei",Verdana,Arial; -webkit-text-size-adjust:none; box-sizing: border-box; outline: none;}
body {margin:0 auto; color:#333; background:#FFFFFF; font-size: 16px; max-width: 768px;}
form,input,select,textarea,td,th {outline: none; font-size: 16px;}
img {border:none; vertical-align: bottom; width: 100%;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form,p,h2,img,li,dl,dt,dd,input,h3,h1,h4,h5 {margin:0px;padding:0px;}
a{text-decoration: none; color: #333; cursor: pointer; outline: none;}
/*a:hover{color: #A02226;}*/
i{font-style: normal;}
b{font-weight: normal;}
input[type="text"]{text-indent: 4px;}
input[type="submit"]{cursor: pointer;}
input[type="checkbox"],input[type="radio"]{vertical-align: middle; margin-top: -2px;}
/* links */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; } 

/* basic */
.f_l {float:left;}
.f_r {float:right;}

.b2 {height:2px;font-size:1px;}
.b5 {height:5px;font-size:1px;}
.b6 {height:6px;font-size:1px;}
.b8 {height:8px;font-size:1px;}
.b10 {height:10px;font-size:1px;}
.b15 {height:15px;font-size:1px;}
.b20 {height:20px;font-size:1px;}
.b25 {height:25px;font-size:1px;}
.b40 {height:40px;font-size:1px;}
.b50 {height:50px;font-size:1px;}
.b60 {height:60px;font-size:1px;}
.b100 {height:100px;font-size:1px;}
.w15per{width: 15% !important;}
.w20per{width: 20% !important;}
.w25per{width: 25%;}
.w33per{width: 33.33%;}
.w50per{width: 50%;}
.ml4per{margin-left: 4%;}
.ml10per{margin-left: 10%;}
.mr4per{margin-right: 4%;}
.dsn {display:none;}
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.fb{font-weight: bold;}
.cp{cursor: pointer;}
.f_red{color:#FF0000;}

.shade{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 998; display: none;}
.txt-overflow{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.color-white{color: #fff;}
.color-gray{color: #989898;}
.color-green{color: #82B858;}
.color-bule{color: #0000FF;}
.color-price{color: #FD0004; font-size: 14px;}
.color-main{color: #A02226;}
.color000{color: #000;}
.color333{color: #333;}
.color666{color: #666;}
.color999{color: #999;}
.color707070{color: #707070;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mlr5{margin: 0 5px;}
.mlr10{margin: 0 10px;}
.mlr20{margin: 0 20px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.pt50{padding-top: 50px;}
.pl50{padding-left: 50px;}
.pb50{padding-bottom: 50px;}
.plr20{padding: 0 20px;}
.plr50{padding: 0 50px;}
.p10{padding: 10px;}

.bg-white{ background-color: #fff;}
.bg-blue{background: #1CB5C3 !important;}
.bg-body{background: #ECECEE;}
.bg-main{background: #A02226;}
.bg-price{background: #FD0004;}
.bg-green{background: #70AD12;}
.bgpd{ background-color: #fff; padding: 10px;}
.px40{font-size: 40px;}
.px30{font-size: 30px;}
.px26{font-size: 26px;}
.px20{font-size: 20px;}
.px18{font-size: 18px;}
.px16{font-size: 16px;}
.px15{font-size: 15px;}
.px14{font-size: 14px;}
.px13{font-size: 13px;}
.px12{font-size: 12px;}
.txt-indent{text-indent: 2em;}

.fixed{position: fixed !important; top: 50px !important; left: 0;}
.relative{position: relative;}
.pth1_r{position: fixed; top: 0; left: 50%; margin-left: 480px;}