@charset "utf-8";
::-webkit-scrollbar-track-piece { background-color: #f5f5f5; border-left: 0px solid #d2d2d2; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar:horizontal { height: 6px; }
::-webkit-scrollbar-thumb { background-color: #d0d0d0; background-clip: padding-box; border: 1px solid #d0d0d0; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { border: 1px solid #62A8EA; background-color: #62A8EA; }

/*定位*/
.f-L { float: left !important; display: inline !important; }
.f-R { float: right !important; display: inline !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

/*字体*/
.text12 { font-size: 12px !important; font-weight: normal !important; }
.text14 { font-size: 14px !important; font-weight: normal !important; }
.text16 { font-size: 16px !important; font-weight: normal !important; }
.text18 { font-size: 18px !important; font-weight: normal !important; }
.text20 { font-size: 20px !important; font-weight: normal !important; }
.text22 { font-size: 22px !important; font-weight: normal !important; }
.text24 { font-size: 24px !important; font-weight: normal !important; }
.text26 { font-size: 26px !important; font-weight: normal !important; }
.text28 { font-size: 28px !important; font-weight: normal !important; }
.text30 { font-size: 30px !important; font-weight: normal !important; }
.text32 { font-size: 32px !important; font-weight: normal !important; }
.text34 { font-size: 34px !important; font-weight: normal !important; }
.text36 { font-size: 36px !important; font-weight: normal !important; }
.text38 { font-size: 38px !important; font-weight: normal !important; }

.text12b { font-size: 12px !important; font-weight: bold !important; }
.text14b { font-size: 14px !important; font-weight: bold !important; }
.text16b { font-size: 16px !important; font-weight: bold !important; }
.text18b { font-size: 18px !important; font-weight: bold !important; }
.text20b { font-size: 20px !important; font-weight: bold !important; }
.text22b { font-size: 22px !important; font-weight: bold !important; }
.text24b { font-size: 24px !important; font-weight: bold !important; }
.text26b { font-size: 26px !important; font-weight: bold !important; }
.text28b { font-size: 28px !important; font-weight: bold !important; }
.text30b { font-size: 30px !important; font-weight: bold !important; }
.text32b { font-size: 32px !important; font-weight: bold !important; }
.text34b { font-size: 34px !important; font-weight: bold !important; }
.text36b { font-size: 36px !important; font-weight: bold !important; }
.text38b { font-size: 38px !important; font-weight: bold !important; }

/*内边距*/
.pad-t0 { padding-top: 0px !important; }
.pad-t5 { padding-top: 5px !important; }
.pad-t10 { padding-top: 10px !important; }
.pad-t15 { padding-top: 15px !important; }
.pad-t20 { padding-top: 20px !important; }
.pad-t25 { padding-top: 25px !important; }
.pad-t30 { padding-top: 30px !important; }
.pad-t35 { padding-top: 35px !important; }
.pad-t40 { padding-top: 40px !important; }
.pad-t45 { padding-top: 45px !important; }
.pad-t50 { padding-top: 50px !important; }
.pad-t55 { padding-top: 55px !important; }
.pad-t60 { padding-top: 60px !important; }

.pad-b0 { padding-bottom: 0px !important; }
.pad-b5 { padding-bottom: 5px !important; }
.pad-b10 { padding-bottom: 10px !important; }
.pad-b15 { padding-bottom: 15px !important; }
.pad-b20 { padding-bottom: 20px !important; }
.pad-b25 { padding-bottom: 25px !important; }
.pad-b30 { padding-bottom: 30px !important; }
.pad-b35 { padding-bottom: 35px !important; }
.pad-b40 { padding-bottom: 40px !important; }
.pad-b45 { padding-bottom: 45px !important; }
.pad-b50 { padding-bottom: 50px !important; }
.pad-b55 { padding-bottom: 55px !important; }
.pad-b60 { padding-bottom: 60px !important; }

.pad-l0 { padding-left: 0px !important; }
.pad-l5 { padding-left: 5px !important; }
.pad-l10 { padding-left: 10px !important; }
.pad-l15 { padding-left: 15px !important; }
.pad-l20 { padding-left: 20px !important; }
.pad-l25 { padding-left: 25px !important; }
.pad-l30 { padding-left: 30px !important; }
.pad-l35 { padding-left: 35px !important; }
.pad-l40 { padding-left: 40px !important; }
.pad-l45 { padding-left: 45px !important; }
.pad-l50 { padding-left: 50px !important; }
.pad-l55 { padding-left: 55px !important; }
.pad-l60 { padding-left: 60px !important; }

.pad-r0 { padding-right: 0px !important; }
.pad-r5 { padding-right: 5px !important; }
.pad-r10 { padding-right: 10px !important; }
.pad-r15 { padding-right: 15px !important; }
.pad-r20 { padding-right: 20px !important; }
.pad-r25 { padding-right: 25px !important; }
.pad-r30 { padding-right: 30px !important; }
.pad-r35 { padding-right: 35px !important; }
.pad-r40 { padding-right: 40px !important; }
.pad-r45 { padding-right: 45px !important; }
.pad-r50 { padding-right: 50px !important; }
.pad-r55 { padding-right: 55px !important; }
.pad-r60 { padding-right: 60px !important; }

.pad-all0 { padding: 0px !important; }
.pad-all5 { padding: 5px !important; }
.pad-all10 { padding: 10px !important; }
.pad-all15 { padding: 15px !important; }
.pad-all20 { padding: 20px !important; }
.pad-all25 { padding: 25px !important; }
.pad-all30 { padding: 30px !important; }
.pad-all35 { padding: 35px !important; }
.pad-all40 { padding: 40px !important; }
.pad-all45 { padding: 45px !important; }
.pad-all50 { padding: 50px !important; }
.pad-all55 { padding: 55px !important; }
.pad-all60 { padding: 60px !important; }

/*外边距*/

.mar-t0 { margin-top: 0px !important; }
.mar-t5 { margin-top: 5px !important; }
.mar-t10 { margin-top: 10px !important; }
.mar-t15 { margin-top: 15px !important; }
.mar-t20 { margin-top: 20px !important; }
.mar-t25 { margin-top: 25px !important; }
.mar-t30 { margin-top: 30px !important; }
.mar-t35 { margin-top: 35px !important; }
.mar-t40 { margin-top: 40px !important; }
.mar-t45 { margin-top: 45px !important; }
.mar-t50 { margin-top: 50px !important; }
.mar-t55 { margin-top: 55px !important; }
.mar-t60 { margin-top: 60px !important; }

.mar-t0 { margin-bottom: 0px !important; }
.mar-b5 { margin-bottom: 5px !important; }
.mar-b10 { margin-bottom: 10px !important; }
.mar-b15 { margin-bottom: 15px !important; }
.mar-b20 { margin-bottom: 20px !important; }
.mar-b25 { margin-bottom: 25px !important; }
.mar-b30 { margin-bottom: 30px !important; }
.mar-b35 { margin-bottom: 35px !important; }
.mar-b40 { margin-bottom: 40px !important; }
.mar-b45 { margin-bottom: 45px !important; }
.mar-b50 { margin-bottom: 50px !important; }
.mar-b55 { margin-bottom: 55px !important; }
.mar-b60 { margin-bottom: 60px !important; }

.mar-l0 { margin-left: 0px !important; }
.mar-l5 { margin-left: 5px !important; }
.mar-l10 { margin-left: 10px !important; }
.mar-l15 { margin-left: 15px !important; }
.mar-l20 { margin-left: 20px !important; }
.mar-l25 { margin-left: 25px !important; }
.mar-l30 { margin-left: 30px !important; }
.mar-l35 { margin-left: 35px !important; }
.mar-l40 { margin-left: 40px !important; }
.mar-l45 { margin-left: 45px !important; }
.mar-l50 { margin-left: 50px !important; }
.mar-l55 { margin-left: 55px !important; }
.mar-l60 { margin-left: 60px !important; }

.mar-r0 { margin-right: 0px !important; }
.mar-r5 { margin-right: 5px !important; }
.mar-r10 { margin-right: 10px !important; }
.mar-r15 { margin-right: 15px !important; }
.mar-r20 { margin-right: 20px !important; }
.mar-r25 { margin-right: 25px !important; }
.mar-r30 { margin-right: 30px !important; }
.mar-r35 { margin-right: 35px !important; }
.mar-r40 { margin-right: 40px !important; }
.mar-r45 { margin-right: 45px !important; }
.mar-r50 { margin-right: 50px !important; }
.mar-r55 { margin-right: 55px !important; }
.mar-r60 { margin-right: 60px !important; }

.mar-all0 { margin: 0px !important; }
.mar-all5 { margin: 5px !important; }
.mar-all10 { margin: 10px !important; }
.mar-all15 { margin: 15px !important; }
.mar-all20 { margin: 20px !important; }
.mar-all25 { margin: 25px !important; }
.mar-all30 { margin: 30px !important; }
.mar-all35 { margin: 35px !important; }
.mar-all40 { margin: 40px !important; }
.mar-all45 { margin: 45px !important; }
.mar-all50 { margin: 50px !important; }
.mar-all55 { margin: 55px !important; }
.mar-all60 { margin: 60px !important; }

/*背景颜色*/
.bg-white { background-color: #fff !important; }
.bg-black { background-color: #000 !important; }

.bg-red-100 { background-color: #ffeaea !important; }
.bg-red-200 { background-color: #fad3d3 !important; }
.bg-red-300 { background-color: #fab4b4 !important; }
.bg-red-400 { background-color: #fa9898 !important; }
.bg-red-500 { background-color: #fa7a7a !important; }
.bg-red-600 { background-color: #f96868 !important; }
.bg-red-700 { background-color: #e9595b !important; }
.bg-red-800 { background-color: #d6494b !important; }

.bg-pink-100 { background-color: #fce4ec !important; }
.bg-pink-200 { background-color: #ffccde !important; }
.bg-pink-300 { background-color: #fba9c6 !important; }
.bg-pink-400 { background-color: #fb8db4 !important; }
.bg-pink-500 { background-color: #f978a6 !important; }
.bg-pink-600 { background-color: #f96197 !important; }
.bg-pink-700 { background-color: #f44c87 !important; }
.bg-pink-800 { background-color: #e53b75 !important; }

.bg-purple-100 { background-color: #f6f2ff !important; }
.bg-purple-200 { background-color: #e3dbf4 !important; }
.bg-purple-300 { background-color: #d2c5ec !important; }
.bg-purple-400 { background-color: #bba7e4 !important; }
.bg-purple-500 { background-color: #a58add !important; }
.bg-purple-600 { background-color: #926dde !important; }
.bg-purple-700 { background-color: #7c51d1 !important; }
.bg-purple-800 { background-color: #6d45bc !important; }

.bg-indigo-100 { background-color: #edeff9 !important; }
.bg-indigo-200 { background-color: #dadef5 !important; }
.bg-indigo-300 { background-color: #bcc5f4 !important; }
.bg-indigo-400 { background-color: #9daaf3 !important; }
.bg-indigo-500 { background-color: #8897ec !important; }
.bg-indigo-600 { background-color: #677ae4 !important; }
.bg-indigo-700 { background-color: #5166d6 !important; }
.bg-indigo-800 { background-color: #465bd4 !important; }

.bg-blue-100 { background-color: #e8f1f8 !important; }
.bg-blue-200 { background-color: #d5e4f1 !important; }
.bg-blue-300 { background-color: #bcd8f1 !important; }
.bg-blue-400 { background-color: #a2caee !important; }
.bg-blue-500 { background-color: #89bceb !important; }
.bg-blue-600 { background-color: #62a8ea !important; }
.bg-blue-700 { background-color: #4e97d9 !important; }
.bg-blue-800 { background-color: #3583ca !important; }
.bg-blue-900 { background-color: #006cb7 !important; }
.bg-blue-1000 { background-color: #00528B !important; }

.bg-cyan-100 { background-color: #ecf9fa !important; }
.bg-cyan-200 { background-color: #d3eff2 !important; }
.bg-cyan-300 { background-color: #baeaef !important; }
.bg-cyan-400 { background-color: #9ae1e9 !important; }
.bg-cyan-500 { background-color: #77d6e1 !important; }
.bg-cyan-600 { background-color: #57c7d4 !important; }
.bg-cyan-700 { background-color: #47b8c6 !important; }
.bg-cyan-800 { background-color: #37a9b7 !important; }

.bg-teal-100 { background-color: #ecfdfc !important; }
.bg-teal-200 { background-color: #cdf4f1 !important; }
.bg-teal-300 { background-color: #99e1da !important; }
.bg-teal-400 { background-color: #79d1c9 !important; }
.bg-teal-500 { background-color: #56bfb5 !important; }
.bg-teal-600 { background-color: #3aa99e !important; }
.bg-teal-700 { background-color: #269b8f !important; }
.bg-teal-800 { background-color: #178d81 !important; }

.bg-green-100 { background-color: #e7faf2 !important; }
.bg-green-200 { background-color: #bfedd8 !important; }
.bg-green-300 { background-color: #9fe5c5 !important; }
.bg-green-400 { background-color: #7dd3ae !important; }
.bg-green-500 { background-color: #5cd29d !important; }
.bg-green-600 { background-color: #46be8a !important; }
.bg-green-700 { background-color: #36ab7a !important; }
.bg-green-800 { background-color: #279566 !important; }

.bg-light-green-100 { background-color: #f1f7ea !important; }
.bg-light-green-200 { background-color: #e0ecd1 !important; }
.bg-light-green-300 { background-color: #cadfb1 !important; }
.bg-light-green-400 { background-color: #bad896 !important; }
.bg-light-green-500 { background-color: #acd57c !important; }
.bg-light-green-600 { background-color: #9ece67 !important; }
.bg-light-green-700 { background-color: #83b944 !important; }
.bg-light-green-800 { background-color: #70a532 !important; }

.bg-yellow-100 { background-color: #fffae7 !important; }
.bg-yellow-200 { background-color: #f9eec1 !important; }
.bg-yellow-300 { background-color: #f6e7a9 !important; }
.bg-yellow-400 { background-color: #f8e59b !important; }
.bg-yellow-500 { background-color: #f7e083 !important; }
.bg-yellow-600 { background-color: #f7da64 !important; }
.bg-yellow-700 { background-color: #f9cd48 !important; }
.bg-yellow-800 { background-color: #fbc02d !important; }

.bg-orange-100 { background-color: #fff3e6 !important; }
.bg-orange-200 { background-color: #ffddb9 !important; }
.bg-orange-300 { background-color: #fbce9d !important; }
.bg-orange-400 { background-color: #f6be80 !important; }
.bg-orange-500 { background-color: #f4b066 !important; }
.bg-orange-600 { background-color: #f2a654 !important; }
.bg-orange-700 { background-color: #ec9940 !important; }
.bg-orange-800 { background-color: #e98f2e !important; }

.bg-brown-100 { background-color: #fae6df !important; }
.bg-brown-200 { background-color: #e2bdaf !important; }
.bg-brown-300 { background-color: #d3aa9c !important; }
.bg-brown-400 { background-color: #b98e7e !important; }
.bg-brown-500 { background-color: #a17768 !important; }
.bg-brown-600 { background-color: #8d6658 !important; }
.bg-brown-700 { background-color: #7d5b4f !important; }
.bg-brown-800 { background-color: #715146 !important; }

.bg-grey-100 { background-color: #fafafa !important; }
.bg-grey-200 { background-color: #eee !important; }
.bg-grey-300 { background-color: #e0e0e0 !important; }
.bg-grey-400 { background-color: #bdbdbd !important; }
.bg-grey-500 { background-color: #9e9e9e !important; }
.bg-grey-600 { background-color: #757575 !important; }
.bg-grey-700 { background-color: #616161 !important; }
.bg-grey-800 { background-color: #424242 !important; }

.bg-blue-grey-100 { background-color: #f3f7f9 !important; }
.bg-blue-grey-200 { background-color: #e4eaec !important; }
.bg-blue-grey-300 { background-color: #ccd5db !important; }
.bg-blue-grey-400 { background-color: #a3afb7 !important; }
.bg-blue-grey-500 { background-color: #76838f !important; }
.bg-blue-grey-600 { background-color: #526069 !important; }
.bg-blue-grey-700 { background-color: #37474f !important; }
.bg-blue-grey-800 { background-color: #263238 !important; }

/*字体颜色*/
.col-white { color: #fff !important; }
.col-black { color: #000 !important; }

.col-red-100 { color: #ffeaea !important; }
.col-red-200 { color: #fad3d3 !important; }
.col-red-300 { color: #fab4b4 !important; }
.col-red-400 { color: #fa9898 !important; }
.col-red-500 { color: #fa7a7a !important; }
.col-red-600 { color: #f96868 !important; }
.col-red-700 { color: #e9595b !important; }
.col-red-800 { color: #d6494b !important; }

.col-pink-100 { color: #fce4ec !important; }
.col-pink-200 { color: #ffccde !important; }
.col-pink-300 { color: #fba9c6 !important; }
.col-pink-400 { color: #fb8db4 !important; }
.col-pink-500 { color: #f978a6 !important; }
.col-pink-600 { color: #f96197 !important; }
.col-pink-700 { color: #f44c87 !important; }
.col-pink-800 { color: #e53b75 !important; }

.col-purple-100 { color: #f6f2ff !important; }
.col-purple-200 { color: #e3dbf4 !important; }
.col-purple-300 { color: #d2c5ec !important; }
.col-purple-400 { color: #bba7e4 !important; }
.col-purple-500 { color: #a58add !important; }
.col-purple-600 { color: #926dde !important; }
.col-purple-700 { color: #7c51d1 !important; }
.col-purple-800 { color: #6d45bc !important; }

.col-indigo-100 { color: #edeff9 !important; }
.col-indigo-200 { color: #dadef5 !important; }
.col-indigo-300 { color: #bcc5f4 !important; }
.col-indigo-400 { color: #9daaf3 !important; }
.col-indigo-500 { color: #8897ec !important; }
.col-indigo-600 { color: #677ae4 !important; }
.col-indigo-700 { color: #5166d6 !important; }
.col-indigo-800 { color: #465bd4 !important; }

.col-blue-100 { color: #e8f1f8 !important; }
.col-blue-200 { color: #d5e4f1 !important; }
.col-blue-300 { color: #bcd8f1 !important; }
.col-blue-400 { color: #a2caee !important; }
.col-blue-500 { color: #89bceb !important; }
.col-blue-600 { color: #62a8ea !important; }
.col-blue-700 { color: #4e97d9 !important; }
.col-blue-800 { color: #3583ca !important; }
.col-blue-900 { color: #006cb7 !important; }
.col-blue-1000 { color: #00528B !important; }

.col-cyan-100 { color: #ecf9fa !important; }
.col-cyan-200 { color: #d3eff2 !important; }
.col-cyan-300 { color: #baeaef !important; }
.col-cyan-400 { color: #9ae1e9 !important; }
.col-cyan-500 { color: #77d6e1 !important; }
.col-cyan-600 { color: #57c7d4 !important; }
.col-cyan-700 { color: #47b8c6 !important; }
.col-cyan-800 { color: #37a9b7 !important; }

.col-teal-100 { color: #ecfdfc !important; }
.col-teal-200 { color: #cdf4f1 !important; }
.col-teal-300 { color: #99e1da !important; }
.col-teal-400 { color: #79d1c9 !important; }
.col-teal-500 { color: #56bfb5 !important; }
.col-teal-600 { color: #3aa99e !important; }
.col-teal-700 { color: #269b8f !important; }
.col-teal-800 { color: #178d81 !important; }

.col-green-100 { color: #e7faf2 !important; }
.col-green-200 { color: #bfedd8 !important; }
.col-green-300 { color: #9fe5c5 !important; }
.col-green-400 { color: #7dd3ae !important; }
.col-green-500 { color: #5cd29d !important; }
.col-green-600 { color: #46be8a !important; }
.col-green-700 { color: #36ab7a !important; }
.col-green-800 { color: #279566 !important; }

.col-light-green-100 { color: #f1f7ea !important; }
.col-light-green-200 { color: #e0ecd1 !important; }
.col-light-green-300 { color: #cadfb1 !important; }
.col-light-green-400 { color: #bad896 !important; }
.col-light-green-500 { color: #acd57c !important; }
.col-light-green-600 { color: #9ece67 !important; }
.col-light-green-700 { color: #83b944 !important; }
.col-light-green-800 { color: #70a532 !important; }

.col-yellow-100 { color: #fffae7 !important; }
.col-yellow-200 { color: #f9eec1 !important; }
.col-yellow-300 { color: #f6e7a9 !important; }
.col-yellow-400 { color: #f8e59b !important; }
.col-yellow-500 { color: #f7e083 !important; }
.col-yellow-600 { color: #f7da64 !important; }
.col-yellow-700 { color: #f9cd48 !important; }
.col-yellow-800 { color: #fbc02d !important; }

.col-orange-100 { color: #fff3e6 !important; }
.col-orange-200 { color: #ffddb9 !important; }
.col-orange-300 { color: #fbce9d !important; }
.col-orange-400 { color: #f6be80 !important; }
.col-orange-500 { color: #f4b066 !important; }
.col-orange-600 { color: #f2a654 !important; }
.col-orange-700 { color: #ec9940 !important; }
.col-orange-800 { color: #e98f2e !important; }

.col-brown-100 { color: #fae6df !important; }
.col-brown-200 { color: #e2bdaf !important; }
.col-brown-300 { color: #d3aa9c !important; }
.col-brown-400 { color: #b98e7e !important; }
.col-brown-500 { color: #a17768 !important; }
.col-brown-600 { color: #8d6658 !important; }
.col-brown-700 { color: #7d5b4f !important; }
.col-brown-800 { color: #715146 !important; }

.col-grey-100 { color: #fafafa !important; }
.col-grey-200 { color: #eee !important; }
.col-grey-300 { color: #e0e0e0 !important; }
.col-grey-400 { color: #bdbdbd !important; }
.col-grey-500 { color: #9e9e9e !important; }
.col-grey-600 { color: #757575 !important; }
.col-grey-700 { color: #616161 !important; }
.col-grey-800 { color: #424242 !important; }

.col-blue-grey-100 { color: #f3f7f9 !important; }
.col-blue-grey-200 { color: #e4eaec !important; }
.col-blue-grey-300 { color: #ccd5db !important; }
.col-blue-grey-400 { color: #a3afb7 !important; }
.col-blue-grey-500 { color: #76838f !important; }
.col-blue-grey-600 { color: #526069 !important; }
.col-blue-grey-700 { color: #37474f !important; }
.col-blue-grey-800 { color: #263238 !important; }

/*尺寸*/
.width-per10 { width: 10% !important; }
.width-per15 { width: 15% !important; }
.width-per20 { width: 20% !important; }
.width-per25 { width: 25% !important; }
.width-per30 { width: 30% !important; }
.width-per33 { width: 33% !important; }
.width-per35 { width: 35% !important; }
.width-per40 { width: 40% !important; }
.width-per45 { width: 45% !important; }
.width-per50 { width: 50% !important; }
.width-per55 { width: 55% !important; }
.width-per60 { width: 60% !important; }
.width-per65 { width: 65% !important; }
.width-per70 { width: 70% !important; }
.width-per75 { width: 75% !important; }
.width-per80 { width: 80% !important; }
.width-per85 { width: 85% !important; }
.width-per90 { width: 90% !important; }
.width-per95 { width: 95% !important; }
.width-per100 { width: 100% !important; }

.width10 { width: 10px !important; }
.width20 { width: 20px !important; }
.width30 { width: 30px !important; }
.width35 { width: 35px !important; }
.width40 { width: 40px !important; }
.width45 { width: 45px !important; }
.width50 { width: 50px !important; }
.width55 { width: 55px !important; }
.width60 { width: 60px !important; }
.width65 { width: 65px !important; }
.width70 { width: 70px !important; }
.width75 { width: 75px !important; }
.width80 { width: 80px !important; }
.width85 { width: 85px !important; }
.width90 { width: 90px !important; }
.width95 { width: 95px !important; }
.width100 { width: 100px !important; }
.width110 { width: 110px !important; }
.width120 { width: 120px !important; }
.width130 { width: 130px !important; }
.width140 { width: 140px !important; }
.width150 { width: 150px !important; }
.width160 { width: 160px !important; }
.width170 { width: 170px !important; }
.width180 { width: 180px !important; }
.width190 { width: 190px !important; }
.width200 { width: 200px !important; }
.width210 { width: 210px !important; }
.width220 { width: 220px !important; }
.width230 { width: 230px !important; }
.width240 { width: 240px !important; }
.width250 { width: 250px !important; }
.width260 { width: 260px !important; }
.width270 { width: 270px !important; }
.width280 { width: 280px !important; }
.width290 { width: 290px !important; }
.width300 { width: 300px !important; }
.width320 { width: 320px !important; }
.width340 { width: 340px !important; }
.width360 { width: 360px !important; }
.width380 { width: 380px !important; }
.width400 { width: 400px !important; }