/**/
.row { width: 100%; height: auto; overflow-x: hidden; }
.row:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-0-1-0-1 { width: 98%; height: auto; padding: 0px 1% 0px 1%; overflow-x: hidden; }
.row-0-1-0-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-0-5-0-5 { width: 90%; height: auto; padding: 0px 5% 0px 5%; overflow-x: hidden; }
.row-0-5-0-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-0-5-0 { width: 100%; height: auto; padding: 5px 0px 5px 0px; overflow-x: hidden; }
.row-5-0-5-0:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-0-5-5 { width: 95%; height: auto; padding: 5px 0px 5px 5%; overflow-x: hidden; }
.row-5-0-5-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-1-5-1 { width: 98%; height: auto; padding: 5px 1% 5px 1%; overflow-x: hidden; }
.row-5-1-5-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-2-5-2 { width: 96%; height: auto; padding: 5px 2% 5px 2%; overflow-x: hidden; }
.row-5-2-5-2:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-3-5-3 { width: 94%; height: auto; padding: 5px 3% 5px 3%; overflow-x: hidden; }
.row-5-3-5-3:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-4-5-5 { width: 91%; height: auto; padding: 5px 4% 5px 5%; overflow-x: hidden; }
.row-5-4-5-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-5-5-5 { width: 90%; height: auto; padding: 5px 5% 5px 5%; overflow-x: hidden; }
.row-5-5-5-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-8-5-8 { width: 84%; height: auto; padding: 5px 8% 5px 8%; overflow-x: hidden; }
.row-5-8-5-8:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-5-10-5-10 { width: 80%; height: auto; padding: 5px 10% 5px 10%; overflow-x: hidden; }
.row-5-10-5-10:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-0-10-0 { width: 100%; height: auto; padding: 10px 0px 10px 0px; overflow-x: hidden; }
.row-10-0-10-0:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-0-10-5 { width: 95%; height: auto; padding: 10px 0px 10px 5%; overflow-x: hidden; }
.row-10-0-10-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-1-10-1 { width: 98%; height: auto; padding: 10px 1% 10px 1%; overflow-x: hidden; }
.row-10-1-10-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-2-10-2 { width: 96%; height: auto; padding: 10px 2% 10px 2%; overflow-x: hidden; }
.row-10-2-10-2:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-3-10-3 { width: 94%; height: auto; padding: 10px 3% 10px 3%; overflow-x: hidden; }
.row-10-3-10-3:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-4-10-4 { width: 92%; height: auto; padding: 10px 4% 10px 4%; overflow-x: hidden; }
.row-10-4-10-4:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.row-10-5-10-5 { width: 90%; height: auto; padding: 10px 5% 10px 5%; overflow-x: hidden; }
.row-10-5-10-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
.col-1 { width: 1%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-2 { width: 2%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-2:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-3 { width: 3%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-3:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-4 { width: 4%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-4:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-5 { width: 5%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-5:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-6 { width: 6%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-6:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-7 { width: 7%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-7:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-8 { width: 8%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-8:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
.col-10 { width: 10%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-10:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-11 { width: 11%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-11:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-12 { width: 12%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-12:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-13 { width: 13%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-13:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-14 { width: 14%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-14:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-15 { width: 15%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-15:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-16 { width: 16%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-16:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-17 { width: 17%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-17:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-18 { width: 18%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-18:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-20 { width: 20%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-20:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-22 { width: 22%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-22:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-23 { width: 23%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-23:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-25 { width: 25%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-25:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-26 { width: 26%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-26:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-27 { width: 27%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-27:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-28 { width: 28%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-28:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-30 { width: 30%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-30:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-32 { width: 32%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-32:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-33 { width: 33%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-33:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-34 { width: 34%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-34:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-35 { width: 35%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-35:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-36 { width: 36%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-36:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-38 { width: 38%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-38:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-40 { width: 40%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-40:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-43 { width: 43%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-43:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-44 { width: 44%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-44:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-45 { width: 45%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-45:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-46 { width: 46%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-46:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-47 { width: 47%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-47:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-48 { width: 48%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-48:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-50 { width: 50%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-50:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-53 { width: 53%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-53:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-55 { width: 55%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-55:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-56 { width: 56%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-56:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-58 { width: 58%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-58:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-59 { width: 59%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-59:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-60 { width: 60%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-60:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-61 { width: 61%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-61:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-62 { width: 62%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-62:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-63 { width: 63%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-63:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-64 { width: 64%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-64:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-65 { width: 65%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-65:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-66 { width: 66%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-66:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-67 { width: 67%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-67:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-68 { width: 68%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-68:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-70 { width: 70%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-70:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-73 { width: 73%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-73:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-74 { width: 74%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-74:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-75 { width: 75%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-75:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-76 { width: 76%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-76:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-78 { width: 78%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-78:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-80 { width: 80%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-80:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-82 { width: 82%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-82:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-83 { width: 83%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-83:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-84 { width: 84%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-84:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-85 { width: 85%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-85:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-86 { width: 86%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-86:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-87 { width: 87%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-87:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-88 { width: 88%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-88:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-90 { width: 90%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-90:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-93 { width: 93%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-93:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-94 { width: 94%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-94:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-95 { width: 95%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-95:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-96 { width: 96%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-96:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-97 { width: 97%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-97:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-98 { width: 98%; min-width: 1px; height: auto; min-height: 1px; display: block; float: left; }
.col-98:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
.col-100 { width: 100%; min-width: 1px; height: auto; min-height: 1px; display: block; }
.col-100:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
.col-5-1 { width: 3%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-5-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
.col-10-1 { width: 8%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-10-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-12-1 { width: 10%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-12-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-15-1 { width: 13%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-15-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-18-1 { width: 16%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-18-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-20-1 { width: 18%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-20-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-25-1 { width: 23%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-25-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-26-1 { width: 24%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-26-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-28-1 { width: 26%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-28-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-30-1 { width: 28%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-30-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-33-1 { width: 31%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-33-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-34-1 { width: 32%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-34-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-35-1 { width: 33%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-35-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-36-1 { width: 34%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-36-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-39-1 { width: 37%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-39-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-40-1 { width: 38%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-40-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-45-1 { width: 43%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-45-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-46-1 { width: 44%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-46-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-47-1 { width: 45%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-47-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-48-1 { width: 46%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-48-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-50-1 { width: 48%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-50-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-55-1 { width: 53%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-55-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-60-1 { width: 58%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-60-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-62-1 { width: 60%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-62-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-64-1 { width: 62%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-64-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-65-1 { width: 63%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-65-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-70-1 { width: 68%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-70-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-74-1 { width: 72%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-74-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-75-1 { width: 73%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-75-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-76-1 { width: 74%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-76-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-80-1 { width: 78%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-80-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-82-1 { width: 80%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-82-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-85-1 { width: 83%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-85-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-90-1 { width: 88%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-90-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-95-1 { width: 93%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-95-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
.col-98-1 { width: 96%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-98-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
.col-100-1 { width: 98%; min-width: 1px; height: auto; min-height: 1px; display: block; padding: 0px 1% 0px 1%; float: left; }
.col-100-1:after { clear: both; content: '.'; display: block; height: 0px; overflow: hidden; visibility: hidden; }
/**/
/**/
.btn-blank-22 { width: 100%; height: 22px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 22px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-24 { width: 100%; height: 24px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 24px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-26 { width: 100%; height: 26px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 26px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-28 { width: 100%; height: 28px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 28px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-30 { width: 100%; height: 30px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 30px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-40 { width: 100%; height: 40px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 40px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-50 { width: 100%; height: 50px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 50px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-blank-60 { width: 100%; height: 60px; display: block; overflow: hidden; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 60px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-30 { width: 100%; height: 28px; display: block; overflow: hidden; border: solid 1px #e42b2b; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 28px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }

.btn-oval { width: 100%; height: 30px; display: block; overflow: hidden; border-radius: 3px; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 30px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-round-large { width: 100%; height: 40px; display: block; overflow: hidden; border-radius: 20px; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 40px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-round { width: 100%; height: 30px; display: block; overflow: hidden; border-radius: 15px; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 30px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-round-small { width: 100%; height: 20px; display: block; overflow: hidden; border-radius: 10px; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 20px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
.btn-round-smaller { width: 100%; height: 16px; display: block; overflow: hidden; border-radius: 8px; background-color: #e42b2b; margin: 0 auto; outline: none; line-height: 16px; text-align: center; font-size: 12px; letter-spacing: 4px; color: #FFFFFF; cursor: pointer; }
/**/
.btn-round-auto-large { background-color: #e42b2b; padding: 8px 13px 8px 13px; border-radius: 15.2px; font-size: 12px; /*总高度30.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
/**/
.btn-round-auto { background-color: #e42b2b; padding: 6px 11px 6px 11px; border-radius: 13.2px; font-size: 12px; /*总高度26.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-round-auto-small { background-color: #e42b2b; padding: 3px 8px 3px 8px; border-radius: 10.2px; font-size: 12px; /*总高度20.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-round-auto-smaller { background-color: #e42b2b; padding: 0px 5px 0px 5px; border-radius: 7.2px; font-size: 12px; /*不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-auto { background-color: #e42b2b; padding: 6px 11px 6px 11px; font-size: 12px; /*总高度26.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-auto-small { background-color: #e42b2b; padding: 3px 8px 3px 8px; font-size: 12px; /*总高度20.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-auto-smaller { background-color: #e42b2b; padding: 0px 5px 0px 5px; font-size: 12px; /*不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-oval-auto { background-color: #e42b2b; padding: 6px 11px 6px 11px; border-radius: 3px; font-size: 12px; /*总高度26.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-oval-auto-small { background-color: #e42b2b; padding: 3px 8px 3px 8px; border-radius: 3px; font-size: 12px; /*总高度20.4 不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
.btn-oval-auto-smaller { background-color: #e42b2b; padding: 0px 5px 0px 5px; border-radius: 3px; font-size: 12px; /*不带padding是14.4 */ letter-spacing: 4px; color: white; cursor: pointer; }
/*针对一个字*/
.word-round { background-color: #e42b2b; padding: 8px; border-radius: 16px; font-size: 12px; /*12~16 */ letter-spacing: 4px; color: white; cursor: pointer; }
/**/
/**/
.btn-round-blank-auto { border: solid 1px #e42b2b; padding: 6px 11px 6px 11px; border-radius: 13.2px; font-size: 12px; /*总高度26.4 不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-round-blank-auto-small { border: solid 1px #e42b2b; padding: 3px 8px 3px 8px; border-radius: 10.2px; font-size: 12px; /*总高度20.4 不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-round-blank-auto-smaller { border: solid 1px #e42b2b; padding: 0px 5px 0px 5px; border-radius: 7.2px; font-size: 12px; /*不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-blank-auto { border: solid 1px #e42b2b; padding: 6px 11px 6px 11px; font-size: 12px; /*总高度26.4 不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-blank-auto-small { border: solid 1px #e42b2b; padding: 3px 8px 3px 8px; font-size: 12px; /*总高度20.4 不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-blank-auto-smaller { border: solid 1px #e42b2b; padding: 0px 5px 0px 5px; font-size: 12px; /*不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-oval-blank-auto { border: solid 1px #e42b2b; padding: 6px 11px 6px 11px; border-radius: 3px; font-size: 12px; /*总高度26.4 不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-oval-blank-auto-small { border: solid 1px #e42b2b; padding: 3px 8px 3px 8px; border-radius: 3px; font-size: 12px; /*总高度20.4 不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
.btn-oval-blank-auto-smaller { border: solid 1px #e42b2b; padding: 0px 5px 0px 5px; border-radius: 3px; font-size: 12px; /*不带padding是14.4 */ letter-spacing: 4px; color: #000; cursor: pointer; }
/**/
.input-normal { width: 99%; min-width: 30px; height: 36px; border: solid 1px #6594e0; border-radius: 3px; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 36px; }
.input-normal-20 { width: 99%; min-width: 30px; height: 18px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 18px; }
.input-normal-22 { width: 99%; min-width: 30px; height: 20px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; }
.input-normal-24 { width: 99%; min-width: 30px; height: 22px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 22px; }
.input-normal-26 { width: 99%; min-width: 30px; height: 24px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 24px; }
.input-normal-30 { width: 99%; min-width: 30px; height: 28px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 28px; }
.input-normal-32 { width: 99%; min-width: 30px; height: 30px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 30px; }
.input-normal-38 { width: 99%; min-width: 30px; height: 36px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 36px; }
.input-normal-40 { width: 99%; min-width: 30px; height: 38px; border: solid 1px #d9d9da; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 38px; }

.input-blank { width: 100%; min-width: 30px; height: 36px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 36px; text-indent: 5px; }
.input-blank-20 { width: 100%; min-width: 30px; height: 20px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; text-indent: 5px; }
.input-blank-22 { width: 100%; min-width: 30px; height: 22px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 22px; text-indent: 5px; }
.input-blank-25 { width: 100%; min-width: 30px; height: 25px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 25px; text-indent: 5px; }
.input-blank-28 { width: 100%; min-width: 30px; height: 28px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 28px; text-indent: 5px; }
.input-blank-30 { width: 100%; min-width: 30px; height: 30px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 30px; text-indent: 5px; }
.input-blank-35 { width: 100%; min-width: 30px; height: 35px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 35px; text-indent: 5px; }
.input-blank-36 { width: 100%; min-width: 30px; height: 36px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 36px; text-indent: 5px; }
.input-blank-38 { width: 100%; min-width: 30px; height: 38px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 38px; text-indent: 5px; }
.input-blank-39 { width: 100%; min-width: 30px; height: 39px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 39px; text-indent: 5px; }
.input-blank-40 { width: 100%; min-width: 30px; height: 40px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 40px; text-indent: 5px; }
.input-blank-44 { width: 100%; min-width: 30px; height: 44px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 44px; text-indent: 5px; }
.input-blank-45 { width: 100%; min-width: 30px; height: 45px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 45px; text-indent: 5px; }
.input-blank-50 { width: 100%; min-width: 30px; height: 50px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 50px; text-indent: 5px; }
.input-blank-60 { width: 100%; min-width: 30px; height: 60px; border: none; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 60px; text-indent: 5px; }

.input-line-29 { width: 99%; min-width: 30px; height: 29px; border-left: none; border-top: none; border-right: none; border-bottom: solid 1px #000; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 29px; text-indent: 5px; }
.input-line-39 { width: 99%; min-width: 30px; height: 39px; border-left: none; border-top: none; border-right: none; border-bottom: solid 1px #000; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 39px; text-indent: 5px; }

.input-replace-blank { width: 100%; min-width: 30px; height: 36px; display: block; outline: none; line-height: 36px; text-indent: 5px; }
.input-replace-blank-22 { width: 100%; min-width: 30px; height: 22px; display: block; outline: none; line-height: 22px; text-indent: 5px; }
.input-replace-blank-25 { width: 100%; min-width: 30px; height: 25px; display: block; outline: none; line-height: 25px; text-indent: 5px; }
.input-replace-blank-36 { width: 100%; min-width: 30px; height: 36px; display: block; outline: none; line-height: 36px; text-indent: 5px; }

.input-replace-normal { width: 99%; min-width: 30px; height: 36px; display: block; border: solid 1px #6594e0; border-radius: 3px; outline: none; line-height: 36px; }
/**/
.textarea-normal { width: 99%; min-width: 30px; height: 40px; min-height: 40px; max-height: 200px; border: solid 1px #6594e0; border-radius: 3px; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; resize: vertical; }

.textarea-blank { width: 100%; min-width: 30px; height: 40px; min-height: 40px; max-height: 200px; border: none; border-radius: 3px; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; resize: vertical; }
.textarea-blank-40 { width: 100%; min-width: 30px; height: 40px; min-height: 40px; max-height: 200px; border: none; border-radius: 3px; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; resize: vertical; }
.textarea-blank-60 { width: 100%; min-width: 30px; height: 60px; min-height: 60px; max-height: 200px; border: none; border-radius: 3px; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; resize: vertical; }
.textarea-blank-80 { width: 100%; min-width: 30px; height: 80px; min-height: 60px; max-height: 200px; border: none; border-radius: 3px; margin: 0px; padding: 0px; background-color: transparent; outline: none; line-height: 20px; resize: vertical; }

.textarea-line-39 { width: 99%; min-width: 30px; height: 39px; border-left: none; border-top: none; border-right: none; border-bottom: solid 1px #000; margin: 0px; padding: 0px; background-color: transparent; line-height: 20px; resize: vertical; }
.textarea-line-79 { width: 99%; min-width: 30px; height: 79px; border-left: none; border-top: none; border-right: none; border-bottom: solid 1px #000; margin: 0px; padding: 0px; background-color: transparent; line-height: 20px; resize: vertical; }
.resize-no { resize: none; }
/**/
.circle-3 { width: 6px; height: 6px; display: block; border-radius: 3px; }
.circle-5 { width: 10px; height: 10px; display: block; border-radius: 5px; }
.circle-6 { width: 12px; height: 12px; display: block; border-radius: 6px; }
.circle-7 { width: 14px; height: 14px; display: block; border-radius: 7px; }
.circle-8 { width: 16px; height: 16px; display: block; border-radius: 8px; }
.circle-9 { width: 18px; height: 18px; display: block; border-radius: 9px; }
/**/
.circle-10 { width: 20px; height: 20px; display: block; border-radius: 10px; }
.circle-11 { width: 22px; height: 22px; display: block; border-radius: 11px; }
.circle-12 { width: 24px; height: 24px; display: block; border-radius: 12px; }
.circle-15 { width: 30px; height: 30px; display: block; border-radius: 15px; }
.circle-20 { width: 40px; height: 40px; display: block; border-radius: 20px; }
.circle-22 { width: 44px; height: 44px; display: block; border-radius: 22px; }
.circle-25 { width: 50px; height: 50px; display: block; border-radius: 25px; }
.circle-30 { width: 60px; height: 60px; display: block; border-radius: 30px; }
.circle-50 { width: 100px; height: 100px; display: block; border-radius: 50px; }
/**/
.cube-6 { width: 12px; height: 12px; display: block; }
.cube-7 { width: 14px; height: 14px; display: block; }
.cube-8 { width: 16px; height: 16px; display: block; }
.cube-9 { width: 18px; height: 18px; display: block; }
.cube-10 { width: 20px; height: 20px; display: block; }
.cube-11 { width: 22px; height: 22px; display: block; }
.cube-15 { width: 30px; height: 30px; display: block; }
.cube-16 { width: 32px; height: 32px; display: block; }
.cube-18 { width: 36px; height: 36px; display: block; }
.cube-20 { width: 40px; height: 40px; display: block; }
.cube-22 { width: 44px; height: 44px; display: block; }
.cube-24 { width: 48px; height: 48px; display: block; }
.cube-25 { width: 50px; height: 50px; display: block; }
.cube-30 { width: 60px; height: 60px; display: block; }
.cube-35 { width: 70px; height: 70px; display: block; }
.cube-100 { width: 200px; height: 200px; display: block; }
/*小三角*/
.triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid red; display: block; }
.triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid red; display: block; }
.triangle-left { width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid red; border-bottom: 5px solid transparent; display: block; }
.triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid red; border-bottom: 5px solid transparent; display: block; }
.triangle-topleft { width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid red; border-bottom: 5px solid transparent; display: block; }
.triangle-topright { width: 0; height: 0; border-top: 10px solid red; border-left: 10px solid transparent; display: block; }
.triangle-bottomleft { width: 0; height: 0; border-bottom: 10px solid red; border-right: 10px solid transparent; display: block; }
.triangle-bottomright { width: 0; height: 0; border-bottom: 10px solid red; border-left: 10px solid transparent; display: block; }
/***/
.line-panel { width: 100%; height: auto; overflow-x: hidden; background-color: transparent; }
/*-高-左-右*/
.line-1-5-0 { width: 95%; height: 1px; display: block; margin: 0px 0px 0px 5%; background-color: #F0F0F0; transform: scaleY(0.5); }
.line-2-5-0 { width: 95%; height: 2px; display: block; margin: 0px 0px 0px 5%; background-color: #F0F0F0; transform: scaleY(0.5); }
.line-3-5-0 { width: 95%; height: 3px; display: block; margin: 0px 0px 0px 5%; background-color: #F0F0F0; transform: scaleY(0.5); }
.line-4-5-0 { width: 95%; height: 4px; display: block; margin: 0px 0px 0px 5%; background-color: #F0F0F0; transform: scaleY(0.5); }
/*-高-左右*/
.line-1-5 { width: 90%; height: 1px; display: block; margin: 0px 5% 0px 5%; background-color: #F0F0F0; transform: scaleY(0.5); }
/**/
.line-1 { width: 100%; height: 1px; display: block; background-color: #F0F0F0; transform: scaleY(0.5); }
/*超过1px颜色深*/
.line-2 { width: 100%; height: 2px; display: block; background-color: #F0F0F0; }
.line-3 { width: 100%; height: 3px; display: block; background-color: #F0F0F0; }
.line-4 { width: 100%; height: 4px; display: block; background-color: #F0F0F0; }
.line-5 { width: 100%; height: 5px; display: block; background-color: #F0F0F0; }
/**/
.line-10 { width: 100%; height: 10px; display: block; background-color: #F0F0F0; }
.line-20 { width: 100%; height: 20px; display: block; background-color: #F0F0F0; }
.line-30 { width: 100%; height: 30px; display: block; background-color: #F0F0F0; }
.line-40 { width: 100%; height: 40px; display: block; background-color: #F0F0F0; }
.line-45 { width: 100%; height: 45px; display: block; background-color: #F0F0F0; }
.line-50 { width: 100%; height: 50px; display: block; background-color: #F0F0F0; }
.line-60 { width: 100%; height: 60px; display: block; background-color: #F0F0F0; }
.line-80 { width: 100%; height: 80px; display: block; background-color: #F0F0F0; }
/**/
.line-100 { width: 100%; height: 100px; display: block; background-color: #F0F0F0; }
/**/
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
/**/
.float-left { float: left; }
.float-right { float: right; }
/**/
.left { left: 0px; }
.left-5 { left: 5px; }
.left-10 { left: 10px; }
.left-11 { left: 11px; }
.left-12 { left: 12px; }
.left-13 { left: 13px; }
.left-14 { left: 14px; }
.left-15 { left: 15px; }
.left-20 { left: 20px; }
.left-24 { left: 24px; }
.left-25 { left: 25px; }
.right { right: 0px; }
.right-5 { right: 5px; }
.right-10 { right: 10px; }
.right-11 { right: 11px; }
.right-12 { right: 12px; }
.right-13 { right: 13px; }
.right-14 { right: 14px; }
.right-15 { right: 15px; }
.right-16 { right: 16px; }
.right-17 { right: 17px; }
.right-20 { right: 20px; }
.right-21 { right: 21px; }
.right-25 { right: 25px; }
.top { top: 0px; }
.top-4 { top: 4px; }
.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-11 { top: 11px; }
.top-12 { top: 12px; }
.top-13 { top: 13px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.top-40 { top: 40px; }
.top-50 { top: 50px; }
.bottom-5 { bottom: 5px; }
.bottom-10 { bottom: 10px; }
.bottom-50 { bottom: 50px; }
.bottom-80 { bottom: 80px; }
.bottom { bottom: 0px; }
/**/
.view { font-size: 14px; text-align: justify; font-family: sans-serif,Tahoma,Helvetica; }
/**/
.underline { text-decoration: underline; }
.throughline { text-decoration: line-through; }
/**/
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-top { vertical-align: text-top; }
.txt-bottom { vertical-align: text-bottom; }
/**/
.font-family-normal { font-family: sans-serif,Tahoma,Helvetica; }
/************************************************************************/
/*样式的先后顺序会影响其结果，单个样式调用覆盖原样式需要将单独样式放在模块样式的后面。*/
/************************************************************************/
.h-center { margin: 0 auto; }
/*注意margin合并缺陷 父子 兄弟*/
.m-0 { margin: 0px; }
.m-1 { margin: 1px; }
.m-2 { margin: 2px; }
.m-3 { margin: 3px; }
.m-4 { margin: 4px; }
.m-5 { margin: 5px; }
.m-6 { margin: 6px; }
.m-7 { margin: 7px; }
.m-8 { margin: 8px; }
.m-9 { margin: 9px; }
/*注意margin合并缺陷 父子 兄弟*/
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }
.m-45 { margin: 45px; }
.m-50 { margin: 50px; }
.m-55 { margin: 55px; }
.m-60 { margin: 60px; }
.m-65 { margin: 65px; }
.m-70 { margin: 70px; }
.m-75 { margin: 75px; }
.m-80 { margin: 80px; }
.m-85 { margin: 85px; }
.m-90 { margin: 90px; }
.m-95 { margin: 95px; }
/*注意margin合并缺陷 父子 兄弟*/
.m-2-0 { margin: 2px 0px 2px 0px; }
.m-3-0 { margin: 3px 0px 3px 0px; }
.m-4-0 { margin: 4px 0px 4px 0px; }
.m-5-0 { margin: 5px 0px 5px 0px; }
.m-6-0 { margin: 6px 0px 6px 0px; }
.m-7-0 { margin: 7px 0px 7px 0px; }
.m-8-0 { margin: 8px 0px 8px 0px; }
.m-9-0 { margin: 9px 0px 9px 0px; }
/*注意margin合并缺陷 父子 兄弟*/
.m-10-0 { margin: 10px 0px 10px 0px; }
.m-15-0 { margin: 15px 0px 15px 0px; }
.m-20-0 { margin: 20px 0px 20px 0px; }
.m-25-0 { margin: 25px 0px 25px 0px; }
.m-30-0 { margin: 30px 0px 30px 0px; }
.m-35-0 { margin: 35px 0px 35px 0px; }
.m-40-0 { margin: 40px 0px 40px 0px; }
.m-45-0 { margin: 45px 0px 45px 0px; }
.m-50-0 { margin: 50px 0px 50px 0px; }
/***/
.m-0-2 { margin: 0px 2px 0px 2px; }
.m-0-3 { margin: 0px 3px 0px 3px; }
.m-0-4 { margin: 0px 4px 0px 4px; }
.m-0-5 { margin: 0px 5px 0px 5px; }
.m-0-6 { margin: 0px 6px 0px 6px; }
.m-0-7 { margin: 0px 7px 0px 7px; }
.m-0-8 { margin: 0px 8px 0px 8px; }
.m-0-9 { margin: 0px 9px 0px 9px; }
/**/
.m-p-0-1 { margin: 0px 1% 0px 1%; }
.m-p-0-2 { margin: 0px 2% 0px 2%; }
.m-p-0-3 { margin: 0px 3% 0px 3%; }
.m-p-0-4 { margin: 0px 4% 0px 4%; }
.m-p-0-5 { margin: 0px 5% 0px 5%; }
.m-p-0-10 { margin: 0px 10% 0px 10%; }
/**/
.m-l-1 { margin-left: 1px; }
.m-r-1 { margin-right: 1px; }
.m-t-1 { margin-top: 1px; }
.m-b-1 { margin-bottom: 1px; }

.m-l-3 { margin-left: 3px; }
.m-r-3 { margin-right: 3px; }
.m-t-3 { margin-top: 3px; }
.m-b-3 { margin-bottom: 3px; }

.m-l-5 { margin-left: 5px; }
.m-r-5 { margin-right: 5px; }
.m-t-5 { margin-top: 5px; }
.m-b-5 { margin-bottom: 5px; }

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

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

.m-l-20 { margin-left: 20px; }
.m-r-20 { margin-right: 20px; }
.m-t-20 { margin-top: 20px; }
.m-b-20 { margin-bottom: 20px; }
/**/
.m-p-l-1 { margin-left: 1%; }
.m-p-r-1 { margin-right: 1%; }
.m-p-t-1 { margin-top: 1%; }
.m-p-b-1 { margin-bottom: 1%; }
/*h橫v纵*/
/**/
.p-0 { padding: 0px; }
.p-1 { padding: 1px; }
.p-2 { padding: 2px; }
.p-3 { padding: 3px; }
.p-4 { padding: 4px; }
.p-5 { padding: 5px; }
.p-6 { padding: 6px; }
.p-7 { padding: 7px; }
.p-8 { padding: 8px; }
.p-9 { padding: 9px; }
/***/
.p-10 { padding: 10px; }
.p-12 { padding: 12px; }
.p-14 { padding: 14px; }
.p-15 { padding: 15px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }
.p-45 { padding: 45px; }
.p-50 { padding: 50px; }
.p-55 { padding: 55px; }
.p-60 { padding: 60px; }
.p-65 { padding: 65px; }
.p-70 { padding: 70px; }
.p-75 { padding: 75px; }
.p-80 { padding: 80px; }
.p-85 { padding: 85px; }
.p-90 { padding: 90px; }
.p-95 { padding: 95px; }
/**/
/*-上下-左右-*/
.p-2-0 { padding: 2px 0px 2px 0px; }
.p-3-0 { padding: 3px 0px 3px 0px; }
.p-4-0 { padding: 4px 0px 4px 0px; }
.p-5-0 { padding: 5px 0px 5px 0px; }
.p-6-0 { padding: 6px 0px 6px 0px; }
.p-7-0 { padding: 7px 0px 7px 0px; }
.p-8-0 { padding: 8px 0px 8px 0px; }
.p-9-0 { padding: 9px 0px 9px 0px; }
/**/
.p-10-0 { padding: 10px 0px 10px 0px; }
.p-15-0 { padding: 15px 0px 15px 0px; }
.p-20-0 { padding: 20px 0px 20px 0px; }
.p-25-0 { padding: 25px 0px 25px 0px; }
.p-30-0 { padding: 30px 0px 30px 0px; }
.p-35-0 { padding: 35px 0px 35px 0px; }
.p-40-0 { padding: 40px 0px 40px 0px; }
.p-45-0 { padding: 45px 0px 45px 0px; }
.p-50-0 { padding: 50px 0px 50px 0px; }
/***/
.p-0-2 { padding: 0px 2px 0px 2px; }
.p-0-3 { padding: 0px 3px 0px 3px; }
.p-0-4 { padding: 0px 4px 0px 4px; }
.p-0-5 { padding: 0px 5px 0px 5px; }
.p-0-6 { padding: 0px 6px 0px 6px; }
.p-0-7 { padding: 0px 7px 0px 7px; }
.p-0-8 { padding: 0px 8px 0px 8px; }
.p-0-9 { padding: 0px 9px 0px 9px; }
/**/
.p-p-0-1 { padding: 0px 1% 0px 1%; }
.p-p-0-2 { padding: 0px 2% 0px 2%; }
.p-p-0-3 { padding: 0px 3% 0px 3%; }
.p-p-0-4 { padding: 0px 4% 0px 4%; }
.p-p-0-5 { padding: 0px 5% 0px 5%; }
.p-p-0-10 { padding: 0px 10% 0px 10%; }
/**/
.p-l-3 { padding-left: 3px; }
.p-r-3 { padding-right: 3px; }
.p-t-3 { padding-top: 3px; }
.p-b-3 { padding-bottom: 3px; }

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

.p-l-6 { padding-left: 6px; }
.p-r-6 { padding-right: 6px; }
.p-t-6 { padding-top: 6px; }
.p-b-6 { padding-bottom: 6px; }

.p-l-7 { padding-left: 7px; }
.p-r-7 { padding-right: 7px; }
.p-t-7 { padding-top: 7px; }
.p-b-7 { padding-bottom: 7px; }

.p-l-8 { padding-left: 8px; }
.p-r-8 { padding-right: 8px; }
.p-t-8 { padding-top: 8px; }
.p-b-8 { padding-bottom: 8px; }

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

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


.p-l-16 { padding-left: 16px; }
.p-r-16 { padding-right: 16px; }
.p-t-16 { padding-top: 16px; }
.p-b-16 { padding-bottom: 16px; }

.p-l-18 { padding-left: 18px; }
.p-r-18 { padding-right: 18px; }
.p-t-18 { padding-top: 18px; }
.p-b-18 { padding-bottom: 18px; }

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

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

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

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

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

.p-l-55 { padding-left: 55px; }
.p-r-55 { padding-right: 55px; }
.p-t-55 { padding-top: 55px; }
.p-b-55 { padding-bottom: 55px; }

.p-l-60 { padding-left: 60px; }
.p-r-60 { padding-right: 60px; }
.p-t-60 { padding-top: 60px; }
.p-b-60 { padding-bottom: 60px; }

.p-l-65 { padding-left: 65px; }
.p-r-65 { padding-right: 65px; }
.p-t-65 { padding-top: 65px; }
.p-b-65 { padding-bottom: 65px; }

.p-l-70 { padding-left: 70px; }
.p-r-70 { padding-right: 70px; }
.p-t-70 { padding-top: 70px; }
.p-b-70 { padding-bottom: 70px; }

.p-l-75 { padding-left: 75px; }
.p-r-75 { padding-right: 75px; }
.p-t-75 { padding-top: 75px; }
.p-b-75 { padding-bottom: 75px; }

.p-l-80 { padding-left: 80px; }
.p-r-80 { padding-right: 80px; }
.p-t-80 { padding-top: 80px; }
.p-b-80 { padding-bottom: 80px; }
/**/
.p-p-l-1 { padding-left: 1%; }
.p-p-r-1 { padding-right: 1%; }
.p-p-t-1 { padding-top: 1%; }
.p-p-b-1 { padding-bottom: 1%; }

.p-p-l-2 { padding-left: 2%; }
.p-p-r-2 { padding-right: 2%; }
.p-p-t-2 { padding-top: 2%; }
.p-p-b-2 { padding-bottom: 2%; }

/**/
.w-p-1 { width: 1%; }
.w-p-2 { width: 2%; }
.w-p-5 { width: 5%; }
/**/
.w-p-10 { width: 10%; }
.w-p-14 { width: 14%; }
.w-p-15 { width: 15%; }
.w-p-18 { width: 18%; }
.w-p-20 { width: 20%; }
.w-p-22 { width: 22%; }
.w-p-23 { width: 23%; }
.w-p-24 { width: 24%; }
.w-p-25 { width: 25%; }
.w-p-30 { width: 30%; }
.w-p-33 { width: 33.333333%; }
.w-p-35 { width: 35%; }
.w-p-40 { width: 40%; }
.w-p-45 { width: 45%; }
.w-p-46 { width: 46%; }
.w-p-47 { width: 47%; }
.w-p-48 { width: 48%; }
.w-p-50 { width: 50%; }
.w-p-55 { width: 55%; }
.w-p-56 { width: 56%; }
.w-p-60 { width: 60%; }
.w-p-65 { width: 65%; }
.w-p-70 { width: 70%; }
.w-p-75 { width: 75%; }
.w-p-80 { width: 80%; }
.w-p-85 { width: 85%; }
.w-p-88 { width: 88%; }
.w-p-90 { width: 90%; }
.w-p-92 { width: 92%; }
.w-p-94 { width: 94%; }
.w-p-95 { width: 95%; }
.w-p-96 { width: 96%; }
.w-p-98 { width: 98%; }
.w-p-99 { width: 99%; }
/**/
.w-p-100 { width: 100%; }
/**/
.w-auto { width: auto; min-width: 1px; }
/**/
.w-1 { width: 1px; }
.w-2 { width: 2px; }
.w-5 { width: 5px; }
.w-6 { width: 6px; }
/**/
.w-10 { width: 10px; }
.w-12 { width: 12px; }
.w-14 { width: 14px; }
.w-15 { width: 15px; }
.w-16 { width: 16px; }
.w-18 { width: 18px; }
.w-20 { width: 20px; }
.w-21 { width: 21px; }
.w-22 { width: 22px; }
.w-23 { width: 23px; }
.w-24 { width: 24px; }
.w-25 { width: 25px; }
.w-26 { width: 26px; }
.w-28 { width: 28px; }
.w-30 { width: 30px; }
.w-32 { width: 32px; }
.w-33 { width: 33px; }
.w-34 { width: 34px; }
.w-35 { width: 35px; }
.w-36 { width: 36px; }
.w-40 { width: 40px; }
.w-42 { width: 42px; }
.w-44 { width: 44px; }
.w-45 { width: 45px; }
.w-46 { width: 46px; }
.w-48 { width: 48px; }
.w-49 { width: 49px; }
.w-50 { width: 50px; }
.w-55 { width: 55px; }
.w-60 { width: 60px; }
.w-65 { width: 65px; }
.w-70 { width: 70px; }
.w-74 { width: 74px; }
.w-75 { width: 75px; }
.w-78 { width: 78px; }
.w-80 { width: 80px; }
.w-90 { width: 90px; }
.w-99 { width: 99px; }
/**/
.w-100 { width: 100px; }
.w-120 { width: 120px; }
.w-140 { width: 140px; }
.w-150 { width: 150px; }
.w-180 { width: 180px; }
.w-185 { width: 185px; }
.w-200 { width: 200px; }
.w-220 { width: 220px; }
.w-225 { width: 225px; }
.w-240 { width: 240px; }
.w-250 { width: 250px; }
.w-260 { width: 260px; }
.w-280 { width: 280px; }
.w-300 { width: 300px; }
.w-320 { width: 320px; }
.w-330 { width: 330px; }
.w-350 { width: 350px; }
.w-360 { width: 360px; }
.w-380 { width: 380px; }
.w-400 { width: 400px; }
.w-450 { width: 450px; }
.w-500 { width: 500px; }
.w-550 { width: 550px; }
.w-600 { width: 600px; }
.w-700 { width: 700px; }
.w-800 { width: 800px; }
.w-900 { width: 900px; }
.w-1000 { width: 1000px; }
/**/
.w-1100 { width: 1100px; }
.w-1200 { width: 1200px; }
.w-1024 { width: 1024px; }
.w-1366 { width: 1366px; }
.w-1600 { width: 1600px; }
.min-w-200 { min-width: 200px; }
.min-w-300 { min-width: 300px; }
/**/
.h-auto { height: auto; min-height: 1px; }
/**/
.h-1 { height: 1px; }
.h-2 { height: 2px; }
.h-3 { height: 3px; }
.h-5 { height: 5px; }
.h-6 { height: 6px; }
/**/
.h-10 { height: 10px; }
.h-12 { height: 12px; }
.h-13 { height: 13px; }
.h-14 { height: 14px; }
.h-15 { height: 15px; }
.h-16 { height: 16px; }
.h-18 { height: 18px; }
.h-20 { height: 20px; }
.h-21 { height: 21px; }
.h-22 { height: 22px; }
.h-23 { height: 23px; }
.h-24 { height: 24px; }
.h-25 { height: 25px; }
.h-26 { height: 26px; }
.h-28 { height: 28px; }
.h-30 { height: 30px; }
.h-34 { height: 34px; }
.h-35 { height: 35px; }
.h-36 { height: 36px; }
.h-40 { height: 40px; }
.h-42 { height: 42px; }
.h-44 { height: 44px; }
.h-45 { height: 45px; }
.h-46 { height: 46px; }
.h-48 { height: 48px; }
.h-49 { height: 49px; }
.h-50 { height: 50px; }
.h-55 { height: 55px; }
.h-60 { height: 60px; }
.h-65 { height: 65px; }
.h-70 { height: 70px; }
.h-75 { height: 75px; }
.h-80 { height: 80px; }
.h-85 { height: 85px; }
.h-88 { height: 88px; }
.h-90 { height: 90px; }
.h-95 { height: 95px; }
/**/
.h-100 { height: 100px; }
.h-110 { height: 110px; }
.h-120 { height: 120px; }
.h-125 { height: 125px; }
.h-130 { height: 130px; }
.h-140 { height: 140px; }
.h-150 { height: 150px; }
.h-160 { height: 160px; }
.h-170 { height: 170px; }
.h-175 { height: 175px; }
.h-180 { height: 180px; }
.h-200 { height: 200px; }
.h-250 { height: 250px; }
.h-300 { height: 300px; }
.h-320 { height: 320px; }
.h-360 { height: 360px; }
.h-400 { height: 400px; }
.h-500 { height: 500px; }
.h-580 { height: 580px; }
.h-600 { height: 600px; }
.h-700 { height: 700px; }
.h-750 { height: 750px; }
.h-800 { height: 800px; }
/**/
.h-p-5 { height: 5%; }
.h-p-8 { height: 8%; }
.h-p-50 { height: 50%; }
.h-p-60 { height: 60%; }
.h-p-70 { height: 70%; }
.h-p-75 { height: 75%; }
.h-p-80 { height: 80%; }
.h-p-84 { height: 84%; }
.h-p-90 { height: 90%; }
.h-p-95 { height: 95%; }
.h-p-100 { height: 100%; }
/**/
.b-0 { border: 0px; }
.b-1 { border: 1px; }
.b-2 { border: 2px; }
.b-3 { border: 3px; }
.b-4 { border: 4px; }
.b-5 { border: 5px; }
/**/
.border-red-light { border-color: #ED2727; }
.border-red { border-color: red; }
.border-red-low { border-color: #d51616; }

.border-green { border-color: #47cc7b; }
.border-green-low { border-color: #51bd7b; }
.border-green-light { border-color: #87e190; }

.border-white-lightest { border-color: #FDFDFD; }
.border-white-lighter { border-color: #FEFEFE; }
.border-white { border-color: #FFFFFF; }
.border-white-low { border-color: #F7F7FC; /*偏冷色*/ }
.border-white-lower { border-color: #F4F4F4; }
.border-white-lowest { border-color: #F0F0F0; }

.border-gray-light { border-color: #FAFAFA; /*偏暖色*/ }
.border-gray { border-color: #F0F0F0; /*偏灰色*/ }
.border-gray-low { border-color: #e8e6e6; }
.border-gray-lower { border-color: #dad7d7; }
.border-gray-lowest { border-color: #c2bebe; }
/**/
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
/**/
/**/
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }
/**/
.letter-spacing-0 { letter-spacing: 0px; }
.letter-spacing-1 { letter-spacing: 1px; }
.letter-spacing-2 { letter-spacing: 2px; }
.letter-spacing-3 { letter-spacing: 3px; }
.letter-spacing-4 { letter-spacing: 4px; }
.letter-spacing-5 { letter-spacing: 5px; }
.letter-spacing-6 { letter-spacing: 6px; }
/**/
.color-white { color: #ffffff; }
.color-red { color: red; }
.color-red-lower { color: #db5858; }
.color-red-light { color: #fc504c; }
.color-black { color: #0d0c0c; }
.color-gray { color: #8a8989; }
.color-gray-light { color: #b7b4b4; }
.color-orange { color: #e29f66; }
.color-green { color: #4da778; }
.color-green-light { color: #60e536; }
.color-blue { color: #6594e0; }
.color-yellow { color: #eeb176; }
/*涉及到overwrite顺序很重要*/
/**/
.bg-white { background-color: #FFFFFF; }
.bg-white-1 { background-color: #FDFDFD; }
.bg-white-2 { background-color: #FEFEFE; }
.bg-white-3 { background-color: #fefcfc; }
.bg-white-4 { background-color: #FCFCFF; }
.bg-white-5 { background-color: #F7F7FC; /*偏冷色*/ }
.bg-white-6 { background-color: #F5F5FC; }
.bg-white-7 { background-color: #F5F5FA; }
.bg-white-8 { background-color: #F4F4F4; }
.bg-white-9 { background-color: #F0F0F0; }
/**/
.bg-black { background-color: #000000; }
.bg-black-light { background-color: #1b1b1b; }
.bg-black-1 { background-color: #1C1C1F; }
.bg-black-7 { background-color: #6f6868; }
/**/
.bg-red { background-color: #d51616; }
.bg-red-light { background-color: #f64444; }
.bg-red-lighter { background-color: #fa5151; }
/**/
.bg-dark-red { background-color: #db5858; }
.bg-dark-gray { background-color: #565555; }
/**/
.bg-light-red { background-color: #fa5959; }
.bg-light-gray { background-color: #FCFCFC; }
/**/
.bg-orange { background-color: #e29f66; }
/**/
.bg-green { background-color: #47cc7b; }
.bg-green-low { background-color: #51bd7b; }
.bg-green-light { background-color: #87e190; }
.bg-green-0 { background-color: #e5fdef; }
.bg-green-1 { background-color: #c6fadc; }
.bg-green-2 { background-color: #b1fdd1; }
.bg-green-3 { background-color: #8ffebe; }
.bg-green-4 { background-color: #76fcaf; }
/**/
.bg-blue { background-color: #6594e0; }
.bg-blue-low { background-color: #3a71c9; }
.bg-blue-0 { background-color: #36A9E1; }
.bg-blue-1 { background-color: #007ACC; }
/**/
.bg-cyan-light { background-color: #404055; }
.bg-cyan { background-color: #393B46; }
.bg-cyan-hover { background-color: #393B46; }
.bg-cyan-hover:hover { background-color: #404055; }
/*.bg-cyan-low { background-color: #393B46; }*/
.bg-cyan-lower { background-color: #36363B; }
.bg-cyan-lowest { background-color: #252526; }
.bg-cyan-lowest-hover { background-color: #252526; }
.bg-cyan-lowest-hover:hover { background-color: #36363B; }
/**/
.bg-yellow { background-color: #eeb176; }
/**/
.bg-purple { background-color: #7F6AFD; }
/**/
.bg-purple-light { background-color: #A598FA; }
/*偏灰色这*/
.bg-gray-light { background-color: #FAFAFA; /*偏暖色*/ }
.bg-gray { background-color: #F0F0F0; /*偏灰色*/ }
.bg-gray-low { background-color: #e8e6e6; }
.bg-gray-lower { background-color: #dad7d7; }
.bg-gray-lowest { background-color: #c2bebe; }
.bg-gray-6 { background-color: #F2F2F2; }
.bg-gray-7 { background-color: #F0F0F0; }
.bg-gray-8 { background-color: #E8E8E8; }
/**/
.bg-grey-0 { background-color: #fcfbfb; }
.bg-grey-1 { background-color: #f6f3f3; }
.bg-grey-2 { background-color: #f3f2f2; }
.bg-grey-3 { background-color: #eeeded; }
.bg-grey-4 { background-color: #ecebeb; }
.bg-grey-5 { background-color: #e8e5e5; }
.bg-grey-6 { background-color: #e3e0e0; }
.bg-grey-7 { background-color: #dfdede; }
.bg-grey-8 { background-color: #dcdcdc; }
.bg-grey-9 { background-color: #d5d5d5; }
.bg-gray-10 { background-color: #CCCCCC; }
/*可能需要重置颜色*/
.bg-transparent { background-color: transparent; }
/**/
/*阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色*/
.shadow-out-top { box-shadow: 0 -3px 6px #F2F2F5; -webkit-box-shadow: 0 -3px 6px #F2F2F5; -moz-box-shadow: 0 -3px 6px #F2F2F5; }
/**/
.size-8 { font-size: 8px; }
/**/
.size-10 { font-size: 10px; }
.size-12 { font-size: 12px; }
.size-13 { font-size: 13px; }
.size-14 { font-size: 14px; }
.size-15 { font-size: 15px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-20 { font-size: 20px; }
.size-22 { font-size: 22px; }
.size-24 { font-size: 24px; }
.size-25 { font-size: 25px; }
.size-26 { font-size: 26px; }
.size-28 { font-size: 28px; }
.size-30 { font-size: 30px; }
.size-32 { font-size: 32px; }
.size-33 { font-size: 33px; }
.size-34 { font-size: 34px; }
.size-35 { font-size: 35px; }
.size-36 { font-size: 36px; }
.size-38 { font-size: 38px; }
.size-40 { font-size: 40px; }
.size-50 { font-size: 50px; }
.size-60 { font-size: 60px; }
/**/
.line-height-10 { line-height: 10px; }
.line-height-12 { line-height: 12px; }
.line-height-13 { line-height: 13px; }
.line-height-14 { line-height: 14px; }
.line-height-15 { line-height: 15px; }
.line-height-16 { line-height: 16px; }
.line-height-18 { line-height: 18px; }
.line-height-20 { line-height: 20px; }
.line-height-22 { line-height: 22px; }
.line-height-24 { line-height: 24px; }
.line-height-25 { line-height: 25px; }
.line-height-26 { line-height: 26px; }
.line-height-28 { line-height: 28px; }
.line-height-29 { line-height: 29px; }
.line-height-30 { line-height: 30px; }
.line-height-32 { line-height: 32px; }
.line-height-34 { line-height: 34px; }
.line-height-35 { line-height: 35px; }
.line-height-36 { line-height: 36px; }
.line-height-38 { line-height: 38px; }
.line-height-40 { line-height: 40px; }
.line-height-42 { line-height: 42px; }
.line-height-44 { line-height: 44px; }
.line-height-45 { line-height: 45px; }
.line-height-46 { line-height: 46px; }
.line-height-48 { line-height: 48px; }
.line-height-50 { line-height: 50px; }
.line-height-55 { line-height: 55px; }
.line-height-60 { line-height: 60px; }
.line-height-70 { line-height: 70px; }
.line-height-80 { line-height: 80px; }
/**/
.line-height-100 { line-height: 100px; }
.line-height-120 { line-height: 120px; }
.line-height-160 { line-height: 160px; }
/**/
.line-height-normal { line-height: normal; }
/**/
.txt-indent-5 { text-indent: 5px; }
.txt-indent-10 { text-indent: 10px; }
.txt-indent-15 { text-indent: 15px; }
.txt-indent-20 { text-indent: 20px; }
.txt-indent-25 { text-indent: 25px; }
.txt-indent-30 { text-indent: 30px; }
.txt-indent-35 { text-indent: 35px; }
.txt-indent-40 { text-indent: 40px; }
.txt-indent-45 { text-indent: 45px; }
/************************/
/*“水平”是horizontal 
“竖直”是vertical*/
.border-radius-3 { border-radius: 3px; }
.border-radius-5 { border-radius: 5px; }
.border-radius-6 { border-radius: 6px; }
.border-radius-7 { border-radius: 7px; }
.border-radius-8 { border-radius: 8px; }
.border-radius-9 { border-radius: 9px; }
/**/
.border-radius-10 { border-radius: 10px; }
.border-radius-12 { border-radius: 12px; }
.border-radius-13 { border-radius: 13px; }
.border-radius-14 { border-radius: 14px; }
.border-radius-15 { border-radius: 15px; }
.border-radius-16 { border-radius: 16px; }
.border-radius-17 { border-radius: 17px; }
.border-radius-18 { border-radius: 18px; }
.border-radius-20 { border-radius: 20px; }
.border-radius-22 { border-radius: 22px; }
.border-radius-23 { border-radius: 23px; }
.border-radius-24 { border-radius: 24px; }
.border-radius-25 { border-radius: 25px; }
.border-radius-26 { border-radius: 26px; }
.border-radius-30 { border-radius: 30px; }
/**/
.border-top-left-radius-3 { border-top-left-radius: 3px; }
/**/
.border-top-left-radius-5 { border-top-left-radius: 5px; }
.border-top-left-radius-10 { border-top-left-radius: 10px; }
.border-top-left-radius-15 { border-top-left-radius: 15px; }
.border-top-left-radius-30 { border-top-left-radius: 30px; }
/**/
.border-top-right-radius-3 { border-top-left-radius: 3px; }
/**/
.border-top-right-radius-5 { border-top-right-radius: 5px; }
.border-top-right-radius-10 { border-top-right-radius: 10px; }
.border-top-right-radius-15 { border-top-right-radius: 15px; }
.border-top-right-radius-30 { border-top-right-radius: 30px; }
/**/
.border-bottom-left-radius-3 { border-bottom-left-radius: 3px; }
/**/
.border-bottom-left-radius-5 { border-bottom-left-radius: 5px; }
.border-bottom-left-radius-10 { border-bottom-left-radius: 10px; }
.border-bottom-left-radius-15 { border-bottom-left-radius: 15px; }
.border-bottom-left-radius-30 { border-bottom-left-radius: 30px; }
/**/
.border-bottom-right-radius-3 { border-bottom-left-radius: 3px; }
/**/
.border-bottom-right-radius-5 { border-bottom-right-radius: 5px; }
.border-bottom-right-radius-10 { border-bottom-right-radius: 10px; }
.border-bottom-right-radius-15 { border-bottom-right-radius: 15px; }
.border-bottom-right-radius-30 { border-bottom-right-radius: 30px; }
/**/
.zindex-0 { z-index: 0; }
.zindex-1 { z-index: 1; }
.zindex-2 { z-index: 2; }
.zindex-3 { z-index: 3; }
.zindex-4 { z-index: 4; }
.zindex-5 { z-index: 5; }
.zindex-6 { z-index: 6; }
.zindex-7 { z-index: 7; }
.zindex-8 { z-index: 8; }
.zindex-9 { z-index: 9; }
/**/
.zindex-10 { z-index: 10; }
.zindex-99 { z-index: 99; }
/**/
.zindex-9996 { z-index: 9996; }
.zindex-9997 { z-index: 9997; }
.zindex-9998 { z-index: 9998; }
.zindex-9999 { z-index: 9999; }
/**/
.zindex-99996 { z-index: 99996; }
.zindex-99997 { z-index: 99997; }
.zindex-99998 { z-index: 99998; }
.zindex-99999 { z-index: 99999; }
/**/
.opacity-white-95 { background-image: url(/res/app/ui/icon/opacity-white-95.png); background-repeat: repeat; }
.opacity-white-90 { background-image: url(/res/app/ui/icon/opacity-white-90.png); background-repeat: repeat; }
.opacity-white-80 { background-image: url(/res/app/ui/icon/opacity-white-80.png); background-repeat: repeat; }
.opacity-white-70 { background-image: url(/res/app/ui/icon/opacity-white-70.png); background-repeat: repeat; }
.opacity-white-60 { background-image: url(/res/app/ui/icon/opacity-white-60.png); background-repeat: repeat; }
.opacity-black-95 { background-image: url(/res/app/ui/icon/opacity-black-95.png); background-repeat: repeat; }
.opacity-black-90 { background-image: url(/res/app/ui/icon/opacity-black-90.png); background-repeat: repeat; }
.opacity-black-80 { background-image: url(/res/app/ui/icon/opacity-black-80.png); background-repeat: repeat; }
.opacity-black-70 { background-image: url(/res/app/ui/icon/opacity-black-70.png); background-repeat: repeat; }
.opacity-black-60 { background-image: url(/res/app/ui/icon/opacity-black-60.png); background-repeat: repeat; }
/**/
.opacity-90 { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.opacity-80 { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.opacity-70 { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.opacity-60 { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.opacity-50 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.opacity-40 { filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.opacity-30 { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.opacity-20 { filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.opacity-10 { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.opacity-0 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
/**/
.block-full { width: 100%; height: 100%; display: block; }
.block { display: block; }
.display-unset { display: unset; }
/**/
.pointer { cursor: pointer; }
/**/
.table-spacing-clear { border-collapse: collapse; }
/**/
.tr-0 tr:nth-child(even) { background: #FAFCFC; }
.tr-0 tr:hover { background-color: #FCFCFC; }
/*table可能会嵌套，因此这里有先后顺序，涉及到重写，请勿乱调！*/
.td-1 tr td { border: 1px solid #DEDED8; }
.td-1-0-1 tr td { border: 1px solid #DEDED8; margin: 0px; padding: 1px; }
.td-1-0-3 tr td { border: 1px solid #DEDED8; margin: 0px; padding: 3px; }

.td-0 tr td { border: 0px; }
.td-t-0 tr td { border-top: 0px; }
.td-0-0-0 tr td { border: 0px; margin: 0px; padding: 0px; }
/*table可能会嵌套，因此这里有先后顺序，涉及到重写，请勿乱调！*/
.th-1 tr th { border: 1px solid #DEDED8; }
.th-1-0-1 tr th { border: 1px solid #DEDED8; margin: 0px; padding: 1px; }
.th-1-0-3 tr th { border: 1px solid #DEDED8; margin: 0px; padding: 3px; }

.th-0 tr th { border: 0px; }
.th-t-0 tr th { border-top: 0px; }
.th-0-0-0 tr th { border: 0px; margin: 0px; padding: 0px; }
/**/
.hover-green:hover { background-color: #90d88b; }
.click-red:active { cursor: pointer; background-color: red; }
/**/
.b-t-0 { border-top: 0px; }
.b-r-0 { border-right: 0px; }
.b-b-0 { border-bottom: 0px; }
.b-l-0 { border-left: 0px; }
.b-t-none { border-top: none; }
.b-b-none { border-bottom: none; }
/**/
.x-auto-y-auto { overflow-x: auto; overflow-y: auto; }
.x-auto-y-hide { overflow-x: auto; overflow-y: hidden; }
.x-hide-y-auto { overflow-x: hidden; overflow-y: auto; }
.x-hide-y-hide { overflow: hidden; }
/**/
.hide { display: none; }
.show { display: block; }
.center { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }