/*weui*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "weui";
  src: url('data:application/octet-stream;base64,d09GRgABAAAAAAjsAAsAAAAADlgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQAAAAFZAKEx1Y21hcAAAAXwAAACNAAACNOuCXH5nbHlmAAACDAAABJUAAAcs8IEm32hlYWQAAAakAAAALgAAADYIoMpYaGhlYQAABtQAAAAdAAAAJAgtA/hobXR4AAAG9AAAABAAAABAOpgAAGxvY2EAAAcEAAAAIgAAACIO3AzsbWF4cAAABygAAAAfAAAAIAEeAD5uYW1lAAAHSAAAAR4AAAHm41we2HBvc3QAAAhoAAAAggAAANZP98ExeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkXsU4gYGVgYOpimkPAwNDD4RmfMBgyMjEwMDEwMrMgBUEpLmmMDi8YnzFz/wCyI1ifgkWZgQRAO85CyF4nO2R2Q0DIQxEHwt7HzSSGlJQvlJkqqGJjYdJGbH0PPJgELKBEcjBIyiQ3iQUr3BT9zNb9wvP3lPkt3rfkZNy1KXnIXpLvDgxs7DGvZ2Dk4saxxP/OHr+/KqqCZo+08EgzUa7acVoym002lubDNLZIF0M0tUg3Yz22XaD9DD6XTsN0ssgrYb6BZEQJiUAAAB4nHVVXWsUVxg+77znY3Ym2c3ubGbdzeZjPzJTjCbNh7skkngtlILgbaD0qn+gXlgKtr0JCBZtb5qr4o3BVapES5bENCaVKCItNAUtaIoxqDcixaRuzI59Zze7JpZdDg8zc56d932e85wzTGP0w5/wMjNZjDEIguqA2BjkewF7waULug0CbMyVhCjNzfo4e2lNiLVLBR/xsv90i/Ot2bnS9jX+pFB4wivIWPXd0zhN7069924l033g5A5DeIhgwG4NDw7Y8KL4Rog3xUVPCC97IuSETgSb9o2bytGN8X1NOC28xRqjvDEZiUxGEhDTTVP3nieoVKXeZSxQvThLv1cxKnsg7RwK5/KDdszthaHcgB2V8HJmU4jNmfktIbYmDZVUBugHdOi04nEnHseC2JqvMcqfK8NQkNAB9GGId8dp+CWrOs/hImtmndWqYZvHctl8uBcskCT0COQ6wc53+wivvrp9PAB49ixg4Pjtk94vHL9HrRXxJHJwOVqIix2jSW9p5WU2+3IFRpOj3kNvScMfOCY5jmvaJqLFd/R+jVeobl1vuCqYKqtBu1VJlXH6YMhKOzt6N764eSxQOn26FDh281xvwACe5mB0BSORZCSCV9oPJ7zf7j7NZJ7ehf7E4X9Bv88B+H3du2oRIWnV9d7AG5SYDFXthSMwBqRsgASSt3ZUgXTcboe5kimbxXIMuoQmULSoT1VEgqXCUpPS+122SC0pvPLy/FsmBLD5ZUBYlmHFlSY+4mJdAhFbpPcnXVyiSbGLzPie7B5k/Y3za4kg0DLIEEi70ig17KRjdn+sYbJ7vE1q8xMZor5BfilaJHQLMENRgMah19IPBYijQpOc/nxKCkiJkEkO+q1WAGdxxN9pVt21XB7qrqXdUUMqoceb7jZ3mVp7U4fZbBjlopk0YdpMBc1mFfguAAbMBzSj2Ww3y1dN410GZ3CGvAhTKan5PlAEHWalwoPhQXgxVxaiPHcLyLy3bMT762AJZ+jqVv15+RF87K3u9hVZiLVV9i45hQ28xUzr4KGMtg7wTwMrH2TLD7RvAOBAQ98OlrM7eV7CJdLQxrK+ip34kApF50MrteBvYheHcu8S/WLB26Y88IU7oCgfpUc53QiC4Pu5gKCRsRIJJ5HAJZq5s4v51NC9P7iUHA7opvdBwo3H3URN+wIuMJ1FWAfbT12MwZCTllE7RkLDFbHoN8Z9KxxtzzH5al8q9WEqdezb4eE7Iz33vNecg36v+JYsXy6scb5WqKD2I3T1d9EYafd+TSa1q9x7XWUV74G+faHGI2S1c+0CXqjk3N9xylUxFcvH8m6+0apoZyYnk7Xxc3FDiI1iFadWOV+dqqB2cRcJ4nVKcWN7ucYhrPfwHJ9TutrJF3+nZerlolKBgkoPbrUf7cyhU0cvPub88UXCvh7IDJf/nriOeH2CkF+bgExPX3WS8OipIe8hHanV2SrWMv0Mn5Fud28a0A4CfUCUpHP8CLjOGAx0Qj7XAdEQLcKKt07L3LayAm0UiHU0INpmnJ8y2ixj6vzuG3xG0yu76OXP/k/auWH/AVJIyigAAAB4nGNgZGBgAOJl7SWt8fw2Xxm4mV8ARRgunTl0FJlmfsn8EkhxMDCBeABzmgzqAAB4nGNgZGBgfsHAwBAFIv//Z37JABRBAQIAebAFLQAAAHicY2BgYGB+QT4GAKtXDcYAAAAAAC4AZgCiAN4BGgFeAbYB5AIKAkYCiALSAxQDTgOWAAB4nGNgZGBgEGAwYmBhAAEmIOYCQgaG/2A+AwAPOAFdAHicXZDBTsJAFEVvoaBCoiYmLs3EhRuTFljyAbByw4K1pUwLpHSa6RTCxqVf4dJv8aNceac+WTgvnXfmzO1LWgC3+EIAvwKE7e5XBxc8/XKXNBQOWTfCPdo74T79g/AAz3gU9okXTgjCK5pLvAp3cI2NcJf+IByS34R7uMe7cJ/+Q3iAJT6Fh3jC91E324XOmyKxHv2z1LbemlKNo5E/znWpbeL0Wq1Oqj7kE+cylVmzVzNTOl0URlXW7HTqoo1z1TSOM/FRavY4QqPBFgv2nFQggT3bv75kt6hJBiUUxogwOt/O2cs2kcCxr5lY4cS95tfnmNA6ZDxnzBjsSbN2kk8XLENTtXc7mpQ+4j/0b1WYImZl//IRU5z0A1hAUO8AAHicbY3dCsMgFINNZ7V/c+0TFjm1myBH0A5ff3R1d8tNyAdJRCMuDeK/ZjS4QaKFgkaHHgNGTLjD4IEZi1DkEwXXbbFwiHaTnvc4Zbu7Nb+JXM79NxSbWFdiqq9Xd/lFjpXoYv3h+WmqVyzPkfE8qECRZXJBZWcTvVoKMTshPmD9NxEAAA==') format('truetype'), url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJAKEx1AAABfAAAAFZjbWFw64JcfgAAAhQAAAI0Z2x5ZvCBJt8AAARsAAAHLGhlYWQIoMpYAAAA4AAAADZoaGVhCC0D+AAAALwAAAAkaG10eDqYAAAAAAHUAAAAQGxvY2EO3AzsAAAESAAAACJtYXhwAR4APgAAARgAAAAgbmFtZeNcHtgAAAuYAAAB5nBvc3RP98ExAAANgAAAANYAAQAAA+gAAABaA+gAAP//A+kAAQAAAAAAAAAAAAAAAAAAABAAAQAAAAEAAKaHoKlfDzz1AAsD6AAAAADSzMLFAAAAANLMwsUAAAAAA+kD6QAAAAgAAgAAAAAAAAABAAAAEAAyAAQAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQOqAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6gHqDwPoAAAAWgPpAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAAAAAUAAAADAAAALAAAAAQAAAFwAAEAAAAAAGoAAwABAAAALAADAAoAAAFwAAQAPgAAAAQABAABAADqD///AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAMQAAAAAAAAADwAA6gEAAOoBAAAAAQAA6gIAAOoCAAAAAgAA6gMAAOoDAAAAAwAA6gQAAOoEAAAABAAA6gUAAOoFAAAABQAA6gYAAOoGAAAABgAA6gcAAOoHAAAABwAA6ggAAOoIAAAACAAA6gkAAOoJAAAACQAA6goAAOoKAAAACgAA6gsAAOoLAAAACwAA6gwAAOoMAAAADAAA6g0AAOoNAAAADQAA6g4AAOoOAAAADgAA6g8AAOoPAAAADwAAAAAALgBmAKIA3gEaAV4BtgHkAgoCRgKIAtIDFANOA5YAAAACAAAAAAOvA60ACwAXAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEB9bz5BQX5vLv5BQX5u6zjBQXjrKvjBQXjA60F+by7+gQE+ru8+fy0BOSrq+QEBOSrq+QAAAIAAAAAA7MDswALACEAAAEOAQceARc+ATcuAQMHBiIvASY2OwERNDY7ATIWFREzMhYB7rn7BQX7ucL+BQX+JHYPJg92DgwYXQsHJggKXRgMA7MF/sK5+wUF+7nC/v31mhISmhIaARcICwsI/ukaAAADAAAAAAOtA6sACwAZACIAAAEOAQceARc+ATcuAQMUBisBIiY1ETY3MxYXJy4BNDYyFhQGAfC49gUF9ri++gUF+poKBxwHCgEILAgBHxMZGSYZGQOrBfq+uPYFBfa4vvr9dQcKCgcBGggBAQg5ARklGRklGQAAAAACAAAAAAOSA8IADQAfAAABDgEHERYEFzYkNxEuARMBBi8BJj8BNh8BFjclNh8BFgH0gchUCQEDkZEBAwlUyHr+vwQDlAMCFQMDegMEAScEAxMDA8IePRz+w9TwJCTw1AE9HD3+3f7DAgOZBAMcBANdAgL2AwMTBAADAAAAAAOCA7AADQAZACIAAAEOAQcRHgEXPgE3ES4BBzMWFQcGByMmLwE0EyImNDYyFhQGAfV7wVEJ+YuL+QlRwZIuCQoBBCIEAQogDhISHBISA7AdOxr+z8vnIyPnywExGjv3AQjYBAEBBNgI/rETHBISHBMAAAACAAAAAAO9A70AFwAjAAABLgE/AT4BHwEWMjclNhYXJxYUBwEGJiclJgAnBgAHFgAXNgABIAUCBQMFEAdiBxIGARMHEQYCBgb+0AYQBgIcBf79x77/AAUFAQC+xwEDAccGEQcEBwIFTAQF5QYBBgIGEAb+1QYBBqzHAQMFBf79x77/AAUFAQAABAAAAAADrwOtAAsAFwAtADEAAAEOAQceARc+ATcuAQMuASc+ATceARcOARMFDgEvASYGDwEGFh8BFjI3AT4BJiIXFjEXAfW8+QUF+by7+QUF+bus4wUF46yr4wUF4yv+9gcRBmAGDwUDBQEGfQUQBgElBQELDxQBAQOtBfm8u/oEBPq7vPn8tATkq6vkBATkq6vkAiLdBQEFSQUCBgQHEQaABgUBIQUPCwQBAQAAAAABAAAAAAO7AzoAFwAAEy4BPwE+AR8BFjY3ATYWFycWFAcBBiInPQoGBwUIGQzLDSALAh0MHgsNCgr9uQscCwGzCyEOCw0HCZMJAQoBvgkCCg0LHQv9sQsKAAAAAAIAAAAAA7gDuAALABEAAAEGAgceARc2JDcmABMhETMRMwHuvP0FBf28xQEABQX/ADr+2i35A7gF/wDFvP0FBf28xQEA/d4BTv7fAAAEAAAAAAOvA60AAwAPABsAIQAAARYxFwMOAQceARc+ATcuAQMuASc+ATceARcOAQMjFTM1IwLlAQHyvPkFBfm8u/kFBfm7rOMFBeOsq+MFBePZJP3ZAoMBAQEsBfm8u/oEBPq7vPn8tATkq6vkBATkq6vkAi39JAADAAAAAAPDA8MACwAbACQAAAEGAAcWABc2ADcmAAczMhYVAw4BKwEiJicDNDYTIiY0NjIWFAYB7sD+/AUFAQTAyQEHBQX++d42CAoOAQUEKgQFAQ4KIxMaGiYaGgPDBf75ycD+/AUFAQTAyQEH5woI/tMEBgYEASwIC/4oGicZGScaAAAEAAAAAAPAA8AACAASAB4AKgAAAT4BNCYiBhQWFyMVMxEjFTM1IwMGAAcWBBc+ATcmAgMuASc+ATceARcOAQH0GCEhMCEhUY85Ock6K83++AQEAQjNuf8FBf/Hq+MEBOOrq+MEBOMCoAEgMSAgMSA6Hf7EHBwCsQT++M25/wUF/7nNAQj8pwTjq6vjBATjq6vjAAAAAwAAAAADpwOnAAsAFwAjAAABBycHFwcXNxc3JzcDDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgECjpqaHJqaHJqaHJqatrn1BQX1ubn1BQX1uajfBATfqKjfBATfAqqamhyamhyamhyamgEZBfW5ufUFBfW5ufX8xwTfqKjfBATfqKjfAAAAAwAAAAAD6QPpABEAHQAeAAABDgEjLgEnPgE3HgEXFAYHAQcBPgE3LgEnDgEHHgEXAo41gEmq4gQE4qqq4gQvKwEjOf3giLUDA7WIiLUDBLSIASMrLwTiqqriBATiqkmANP7dOQEZA7WIiLUDA7WIiLUDAAACAAAAAAPoA+gACwAnAAABBgAHFgAXNgA3JgADFg4BIi8BBwYuATQ/AScmPgEyHwE3Nh4BFA8BAfTU/uUFBQEb1NQBGwUF/uUDCgEUGwqiqAobEwqoogoBFBsKoqgKGxMKqAPoBf7l1NT+5QUFARvU1AEb/WgKGxMKqKIKARQbCqKoChsTCqiiCgEUGwqiAAAAABAAxgABAAAAAAABAAQAAAABAAAAAAACAAcABAABAAAAAAADAAQACwABAAAAAAAEAAQADwABAAAAAAAFAAsAEwABAAAAAAAGAAQAHgABAAAAAAAKACsAIgABAAAAAAALABMATQADAAEECQABAAgAYAADAAEECQACAA4AaAADAAEECQADAAgAdgADAAEECQAEAAgAfgADAAEECQAFABYAhgADAAEECQAGAAgAnAADAAEECQAKAFYApAADAAEECQALACYA+ndldWlSZWd1bGFyd2V1aXdldWlWZXJzaW9uIDEuMHdldWlHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQB3AGUAdQBpAFIAZQBnAHUAbABhAHIAdwBlAHUAaQB3AGUAdQBpAFYAZQByAHMAaQBvAG4AIAAxAC4AMAB3AGUAdQBpAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERAAZjaXJjbGUIZG93bmxvYWQEaW5mbwxzYWZlX3N1Y2Nlc3MJc2FmZV93YXJuB3N1Y2Nlc3MOc3VjY2Vzc19jaXJjbGURc3VjY2Vzc19ub19jaXJjbGUHd2FpdGluZw53YWl0aW5nX2NpcmNsZQR3YXJuC2luZm9fY2lyY2xlBmNhbmNlbAZzZWFyY2gFY2xvc2UAAAAA') format('woff'), url('data:application/octet-stream;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PiAKPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiA+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGRlZnM+CiAgPGZvbnQgaWQ9IndldWkiIGhvcml6LWFkdi14PSIxMDAwIj4KICAgIDxmb250LWZhY2UgZm9udC1mYW1pbHk9IndldWkiCiAgICAgIHVuaXRzLXBlci1lbT0iMTAwMCIgYXNjZW50PSIxMDAwIgogICAgICBkZXNjZW50PSIwIiAvPgogICAgPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjAiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iY2lyY2xlIgogICAgICB1bmljb2RlPSImI3hFQTAxOyIKICAgICAgaG9yaXotYWR2LXg9IjEwMDAiIGQ9IiBNNTAwLjU1MyA5NDAuODQ4QzI1Ni42NzkgOTQwLjg0OCA1OS4wMDEgNzQzLjE2MDAwMDAwMDAwMDEgNTkuMDAxIDQ5OS4yODZDNTkuMDAxIDI1NS40NTAwMDAwMDAwMDAxIDI1Ni42NzkgNTcuNzMzOTk5OTk5OTk5OSA1MDAuNTUzIDU3LjczMzk5OTk5OTk5OTlTOTQyLjEwNCAyNTUuNDUgOTQyLjEwNCA0OTkuMjg1OTk5OTk5OTk5OUM5NDIuMTA0IDc0My4xNiA3NDQuNDI3IDk0MC44NDggNTAwLjU1MzAwMDAwMDAwMDEgOTQwLjg0OHpNNTAwLjU1MyA5MS43NDI5OTk5OTk5OTk5QzI3Ny44NjUgOTEuNzQyOTk5OTk5OTk5OSA5Ny4zOTcgMjcyLjI2NyA5Ny4zOTcgNDk0Ljg4OUM5Ny4zOTcgNzE3LjU1OSAyNzcuODY1IDg5OC4wNTUgNTAwLjU1MyA4OTguMDU1QzcyMy4yMDMgODk4LjA1NSA5MDMuNzA5IDcxNy41NTkgOTAzLjcwOSA0OTQuODg5QzkwMy43MDkgMjcyLjI2Nzk5OTk5OTk5OTkgNzIzLjIwMzAwMDAwMDAwMDEgOTEuNzQyOTk5OTk5OTk5OSA1MDAuNTUzMDAwMDAwMDAwMSA5MS43NDI5OTk5OTk5OTk5eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJkb3dubG9hZCIKICAgICAgdW5pY29kZT0iJiN4RUEwMjsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwIiBkPSIgTTQ5NC40NzUgOTQ2LjY4QzI1My4zMDUwMDAwMDAwMDAxIDk0Ni42OCA1My4zMjEgNzQ2LjY5NiA1My4zMjEgNDk0LjQ4NEM1My4zMjEgMjUzLjMwNSAyNTMuMzA1MDAwMDAwMDAwMSA1My4zMjA5OTk5OTk5OTk5IDQ5NC40NzUgNTMuMzIwOTk5OTk5OTk5OUM3NDYuNjk2IDUzLjMyMDk5OTk5OTk5OTkgOTQ2LjY4IDI1My4zMDUgOTQ2LjY4IDQ5NC40ODM5OTk5OTk5OTk5Qzk0Ni42OCA3NDYuNjk0OTk5OTk5OTk5OSA3NDYuNjk1IDk0Ni42OCA0OTQuNDc1MDAwMDAwMDAwMSA5NDYuNjh6TTY1MS45ODMwMDAwMDAwMDAxIDQxOC41MDM5OTk5OTk5OTk5TDUzNC4xMzMgMjY1LjI2NTk5OTk5OTk5OTlDNTE1LjI4NCAyNDAuNzQ2OTk5OTk5OTk5OSA0ODQuNzY4IDI0MC42NjQ5OTk5OTk5OTk5IDQ2NS44NjUgMjY1LjIzODk5OTk5OTk5OThMMzQ4LjAxNSA0MTguNTE4OTk5OTk5OTk5OEMzMjkuMTY5IDQ0My4wMzY5OTk5OTk5OTk4IDMzOC44OTMgNDYyLjk5OTk5OTk5OTk5OTggMzY5LjYwOSA0NjIuOTk5OTk5OTk5OTk5OEg0NjNWNzQxLjk1MDk5OTk5OTk5OThDNDYzIDc1Mi4yMjg5OTk5OTk5OTk4IDQ3MS4xMTkgNzYwLjk5OTk5OTk5OTk5OTggNDgxLjM4OSA3NjAuOTk5OTk5OTk5OTk5OEg1MTguNjEyQzUyOC44ODIgNzYwLjk5OTk5OTk5OTk5OTggNTM3LjAwMSA3NTIuMjI4OTk5OTk5OTk5OCA1MzcuMDAxIDc0MS45NTA5OTk5OTk5OTk4VjQ2Mi45OTk5OTk5OTk5OTk4SDYzMC4zOTE5OTk5OTk5OTk5QzY2MS4xOCA0NjIuOTk5OTk5OTk5OTk5OCA2NzAuODg2IDQ0My4wNzc5OTk5OTk5OTk4IDY1MS45ODMgNDE4LjUwMzk5OTk5OTk5OTh6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImluZm8iCiAgICAgIHVuaWNvZGU9IiYjeEVBMDM7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE00OTUuNTY4IDkzOUMyNTcuOTkgOTM5IDYxIDc0Mi4wMSA2MSA0OTMuNTY4QzYxIDI1NS45OSAyNTcuOTkgNTkgNDk1LjU2OCA1OUM3NDQuMDEgNTkgOTQxIDI1NS45OSA5NDEgNDkzLjU2OEM5NDEgNzQyLjAxIDc0NC4wMSA5MzkgNDk1LjU2OCA5Mzl6TTUzMiAyODMuMDIxQzUzMiAyNzMuNTA3OTk5OTk5OTk5OSA1MjQuMDYyIDI2NiA1MTQuNTYxIDI2Nkg0ODcuNDQyQzQ3Ny45MiAyNjYgNDcwLjAwMSAyNzMuNTY4IDQ3MC4wMDEgMjgzLjAyMVY1NjQuOTk2QzQ3MC4wMDEgNTY5Ljg1NyA0NzQuMTQ3IDU3NCA0NzkuMDI2IDU3NEg1MjIuOTc1QzUyNy44NDcgNTc0IDUzMiA1NjkuODQ4OTk5OTk5OTk5OSA1MzIgNTY0Ljk5NlYyODMuMDIxek01MDEgNjIyLjE5OTk5OTk5OTk5OTlDNDc2LjY5OSA2MjIuMTk5OTk5OTk5OTk5OSA0NTcgNjQxLjg5ODk5OTk5OTk5OTkgNDU3IDY2Ni4xOTk5OTk5OTk5OTk5UzQ3Ni42OTkgNzEwLjE5OTk5OTk5OTk5OTkgNTAxIDcxMC4xOTk5OTk5OTk5OTk5QzUyNS4zMDMgNzEwLjE5OTk5OTk5OTk5OTkgNTQ1IDY5MC41MDEgNTQ1IDY2Ni4xOTk5OTk5OTk5OTk5UzUyNS4zMDMgNjIyLjE5OTk5OTk5OTk5OTkgNTAxIDYyMi4xOTk5OTk5OTk5OTk5eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJzYWZlX3N1Y2Nlc3MiCiAgICAgIHVuaWNvZGU9IiYjeEVBMDQ7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE01MDAgOTYyQzMyNy4xMDYgOTIyLjc1MyAyMDEuMTA1IDg3OS40NjM5OTk5OTk5OTk5IDg2LjYzMiA4NDMuMTk5MDAwMDAwMDAwMUM4Ni42MzIgNzIyLjYwOCA4Ni43OTMgNjI3LjA5MzAwMDAwMDAwMDEgODYuNzkzIDUyNi40MDAwMDAwMDAwMDAxQzg2Ljc5MyAyNDIuNzEzIDMxOC4zNiA4Ni42NTAwMDAwMDAwMDAxIDUwMCAzOEM2ODEuNjQyIDg2LjY1IDkxMy4yMDcgMjQyLjcxMyA5MTMuMjA3IDUyNi40QzkxMy4yMDcgNjI3LjA5MiA5MTMuMzY4IDcyMi42MDggOTEzLjM2OCA4NDMuMTk5Qzc5OC44OTUgODc5LjQ2Mzk5OTk5OTk5OTkgNjcyLjg5NCA5MjIuNzUzIDQ5OS45OTk5OTk5OTk5OTk5IDk2MnpNNzUxLjQ5OCA2NDAuOTU2TDQyOS45MjEwMDAwMDAwMDAxIDMyNC40OEM0MjguMDA1MDAwMDAwMDAwMSAzMjIuNTk0MDAwMDAwMDAwMSA0MjQuOTIwMDAwMDAwMDAwMSAzMjIuNjU2MDAwMDAwMDAwMSA0MjMuMDcwMDAwMDAwMDAwMSAzMjQuNTY1MDAwMDAwMDAwMUwyNzQuODEzMDAwMDAwMDAwMSA0NzguMDA3MDAwMDAwMDAwMUMyNzIuOTQ2MDAwMDAwMDAwMSA0NzkuOTQwMDAwMDAwMDAwMSAyNzIuNjkyMDAwMDAwMDAwMSA0ODMuMjIxMDAwMDAwMDAwMSAyNzQuMzMxIDQ4NS40NTMwMDAwMDAwMDAxTDI5NC42OTgwMDAwMDAwMDAxIDUxMy4xNjUwMDAwMDAwMDAxQzI5Ni4yOTkwMDAwMDAwMDAxIDUxNS4zNDUgMjk5LjMyMjAwMDAwMDAwMDEgNTE1Ljc4NjAwMDAwMDAwMDEgMzAxLjQ1NDAwMDAwMDAwMDEgNTE0LjE1Mkw0MjIuNjA4MDAwMDAwMDAwMSA0MjEuMjk3MDAwMDAwMDAwMkM0MjQuNzM4MDAwMDAwMDAwMSA0MTkuNjYzMDAwMDAwMDAwMSA0MjguMTY1MDAwMDAwMDAwMSA0MTkuNzU4MDAwMDAwMDAwMiA0MzAuMTc2MDAwMDAwMDAwMSA0MjEuNDM1MDAwMDAwMDAwMkw3MjUuMDgzMDAwMDAwMDAwMSA2NjcuMTIwMDAwMDAwMDAwMUM3MjcuMTM2MDAwMDAwMDAwMSA2NjguODI1MDAwMDAwMDAwMiA3MzAuMzU0IDY2OC42NzMwMDAwMDAwMDAyIDczMi4yNzMwMDAwMDAwMDAxIDY2Ni43NzgwMDAwMDAwMDAyTDc1MS40ODkwMDAwMDAwMDAxIDY0Ny44MDAwMDAwMDAwMDAyQzc1My40MDYwMDAwMDAwMDAyIDY0NS45MDQwMDAwMDAwMDAyIDc1My40MjYwMDAwMDAwMDAyIDY0Mi44NTUwMDAwMDAwMDAyIDc1MS40OTgwMDAwMDAwMDAyIDY0MC45NTYwMDAwMDAwMDAxeiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJzYWZlX3dhcm4iCiAgICAgIHVuaWNvZGU9IiYjeEVBMDU7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE01MDEgOTQzLjcwNkMzMzQuOTUyIDkwNi4wMTMgMjEzLjk0MSA4NjQuNDM4IDEwNCA4MjkuNjA5QzEwNCA3MTMuNzkzIDEwNC4xNTUgNjIyLjA2IDEwNC4xNTUgNTI1LjM1NUMxMDQuMTU1IDI1Mi45MDEwMDAwMDAwMDAxIDMyNi41NTIgMTAzLjAxOCA1MDEgNTYuMjkzQzY3NS40NDQgMTAzLjAxOCA4OTcuODQ1IDI1Mi45IDg5Ny44NDUgNTI1LjM1NUM4OTcuODQ1IDYyMi4wNiA4OTggNzEzLjc5MyA4OTggODI5LjYwOUM3ODguMDU5IDg2NC40MzgwMDAwMDAwMDAxIDY2Ny4wNDggOTA2LjAxMyA1MDEgOTQzLjcwNnpNNDc3LjY3NCA2NjhINTI0LjMyNkM1MjkuNTA3MDAwMDAwMDAwMSA2NjggNTMzLjQ5OCA2NjMuOTExMDAwMDAwMDAwMSA1MzMuMjU2IDY1OC43ODRMNTIzLjAyMSA0NDIuOUM1MjIuODk3OTk5OTk5OTk5OSA0NDAuMzMyIDUyMC43MDggNDM4IDUxOC4xMzEgNDM4SDQ4My44NjdDNDgxLjMwNiA0MzggNDc5LjEwMyA0NDAuMzQ1MDAwMDAwMDAwMSA0NzguOTggNDQyLjkzNjAwMDAwMDAwMDFMNDY4Ljc0NDk5OTk5OTk5OTkgNjU4LjY2NEM0NjguNTA0IDY2My43NjcgNDcyLjQ5OTk5OTk5OTk5OTkgNjY4IDQ3Ny42NzM5OTk5OTk5OTk5IDY2OHpNNTAxIDMzMS44NTg5OTk5OTk5OTk5QzQ4Mi45NDIgMzMxLjg1ODk5OTk5OTk5OTkgNDY4LjMwNiAzNDYuNTQ2IDQ2OC4zMDYgMzY0LjY2Njk5OTk5OTk5OTlTNDgyLjk0MyAzOTcuNDc0OTk5OTk5OTk5OSA1MDEgMzk3LjQ3NDk5OTk5OTk5OTlTNTMzLjY5NCAzODIuNzg3OTk5OTk5OTk5OSA1MzMuNjk0IDM2NC42NjY5OTk5OTk5OTk5UzUxOS4wNTggMzMxLjg1ODk5OTk5OTk5OTkgNTAwLjk5OTk5OTk5OTk5OTkgMzMxLjg1ODk5OTk5OTk5OTl6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9InN1Y2Nlc3MiCiAgICAgIHVuaWNvZGU9IiYjeEVBMDY7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE0yODguMzgyIDQ1NC44ODhDMjgwLjY5NyA0NjIuODIyIDI3OS44MjUgNDc2LjU1OTAwMDAwMDAwMDEgMjg2LjE1MSA0ODUuMTU2MDAwMDAwMDAwMUwyODkuMjU1IDQ4OS4zNjcwMDAwMDAwMDAxQzI5NS42OTcgNDk4LjEzODAwMDAwMDAwMDEgMzA3LjkyMjAwMDAwMDAwMDEgNDk5Ljg4NDAwMDAwMDAwMDEgMzE2LjYzNCA0OTMuMjEwMDAwMDAwMDAwMUw0MTUuNDIgNDE3LjQ5NTAwMDAwMDAwMDFDNDI0LjA5MyA0MTAuODQxMDAwMDAwMDAwMSA0MzguMDg0IDQxMS4yNDcwMDAwMDAwMDAxIDQ0Ni4yOTEgNDE4LjA3ODAwMDAwMDAwMDFMNzIxLjQ3NyA2NDcuMzM0MDAwMDAwMDAwMUM3MjkuODM4OTk5OTk5OTk5OSA2NTQuMzAwMDAwMDAwMDAwMSA3NDMuMDM0IDY1My42MjIwMDAwMDAwMDAxIDc1MC43NzUgNjQ1Ljk3NjAwMDAwMDAwMDFMNzQ4LjkxMyA2NDcuODJDNzU2LjczNCA2NDAuMDk3IDc1Ni43MzQgNjI3LjYwMTAwMDAwMDAwMDEgNzQ4Ljc5OCA2MTkuODAxTDQ0NS4zNzggMzIxLjE5MkM0MzcuNSAzMTMuNDMxMDAwMDAwMDAwMSA0MjQuOTg1IDMxMy41MDgwMDAwMDAwMDAxIDQxNy4yMjMgMzIxLjU0MjAwMDAwMDAwMDFMMjg4LjM4MiA0NTQuODg4ek05NTcgNDk0LjM1MzAwMDAwMDAwMDFDOTU3IDc1Mi40MDUwMDAwMDAwMDAxIDc1Mi40MDUgOTU3IDQ5NC4zNTMgOTU3QzI0Ny41OTUgOTU3IDQzIDc1Mi40MDUwMDAwMDAwMDAxIDQzIDQ5NC4zNTMwMDAwMDAwMDAxQzQzIDI0Ny41OTUwMDAwMDAwMDAxIDI0Ny41OTUgNDMgNDk0LjM1MyA0M0M3NTIuNDA1IDQzIDk1NyAyNDcuNTk1MDAwMDAwMDAwMSA5NTcgNDk0LjM1M3oiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ic3VjY2Vzc19jaXJjbGUiCiAgICAgIHVuaWNvZGU9IiYjeEVBMDc7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE01MDAuNTUzIDk0MC44NDhDMjU2LjY3OSA5NDAuODQ4IDU5LjAwMSA3NDMuMTYwMDAwMDAwMDAwMSA1OS4wMDEgNDk5LjI4NkM1OS4wMDEgMjU1LjQ1MDAwMDAwMDAwMDEgMjU2LjY3OSA1Ny43MzM5OTk5OTk5OTk5IDUwMC41NTMgNTcuNzMzOTk5OTk5OTk5OVM5NDIuMTA0IDI1NS40NSA5NDIuMTA0IDQ5OS4yODU5OTk5OTk5OTk5Qzk0Mi4xMDQgNzQzLjE2IDc0NC40MjcgOTQwLjg0OCA1MDAuNTUzMDAwMDAwMDAwMSA5NDAuODQ4ek01MDAuNTUzIDkxLjc0Mjk5OTk5OTk5OTlDMjc3Ljg2NSA5MS43NDI5OTk5OTk5OTk5IDk3LjM5NyAyNzIuMjY3IDk3LjM5NyA0OTQuODg5Qzk3LjM5NyA3MTcuNTU5IDI3Ny44NjUgODk4LjA1NSA1MDAuNTUzIDg5OC4wNTVDNzIzLjIwMyA4OTguMDU1IDkwMy43MDkgNzE3LjU1OSA5MDMuNzA5IDQ5NC44ODlDOTAzLjcwOSAyNzIuMjY3OTk5OTk5OTk5OSA3MjMuMjAzMDAwMDAwMDAwMSA5MS43NDI5OTk5OTk5OTk5IDUwMC41NTMwMDAwMDAwMDAxIDkxLjc0Mjk5OTk5OTk5OTl6TTcxNC41NCA2NDIuMzg3OTk5OTk5OTk5OUw0NDguNTkzIDQyMC44MjdDNDQwLjY2IDQxNC4yMjYgNDI3LjE0IDQxMy44MzMgNDE4Ljc1OCA0MjAuMjY0TDMyMy4yODkgNDkzLjQzNkMzMTQuODY5IDQ5OS44ODcwMDAwMDAwMDAxIDMwMy4wNTYgNDk4LjIgMjk2LjgyOSA0ODkuNzIzTDI5My44MjkgNDg1LjY1NEMyODcuNzE2IDQ3Ny4zNDcgMjg4LjU1OTAwMDAwMDAwMDEgNDY0LjA3MDAwMDAwMDAwMDEgMjk1Ljk4NSA0NTYuNEw0MjAuNTAyIDMyNy41MzRDNDI4LjAwMyAzMTkuNzcgNDQwLjA5OCAzMTkuNjk1IDQ0Ny43MTEgMzI3LjE5NjAwMDAwMDAwMDFMNzQwLjk0MyA2MTUuNzc3Qzc0OC4yOTcgNjIzLjAwNjAwMDAwMDAwMDEgNzQ4LjU3OTk5OTk5OTk5OTkgNjM0LjM5NCA3NDEuOTMgNjQxLjkwMDAwMDAwMDAwMDFDNzM0LjM1ODk5OTk5OTk5OTkgNjQ4LjQ4NSA3MjIuMzAzIDY0OC44NTMwMDAwMDAwMDAxIDcxNC41NCA2NDIuMzg4ek03NDEuMDU2IDY0Mi44NTZDNzQxLjM2OCA2NDIuNTQ5IDc0MS42NDYwMDAwMDAwMDAxIDY0Mi4yMjIgNzQxLjkzMSA2NDEuOUM3NDIuMjQzIDY0MS42Mjg5OTk5OTk5OTk5IDc0Mi41NjAwMDAwMDAwMDAxIDY0MS4zNjYgNzQyLjg1NiA2NDEuMDc0TDc0MS4wNTYgNjQyLjg1NnoiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ic3VjY2Vzc19ub19jaXJjbGUiCiAgICAgIHVuaWNvZGU9IiYjeEVBMDg7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE02MC45NTUgNDM1LjIxMUM0Ny4yMTUgNDQ5LjE2IDQzLjIyOCA0NzUuMDMxMDAwMDAwMDAwMSA1MS44NjUgNDkyLjUxMkw1Ny40OTQgNTAzLjk3OUM2Ni4yMzQgNTIxLjY3IDg2LjIzIDUyNi42NjggMTAyLjE3NCA1MTUuMDk4TDMwNS4wMTYgMzY4LjAxNkMzMjAuOTk1IDM1Ni40NzkgMzQ2LjM3NSAzNTcuMzU0IDM2MS40NDQgMzY5Ljc5OUw5MDIuMDc3IDgxNS42MTg5OTk5OTk5OTk5QzkxNy4yODYgODI4LjE3MiA5NDAuOTg5IDgyNi44MDcgOTU0LjY1OSA4MTIuOTI4TDk0MS44MjkgODI1Ljk2ODk5OTk5OTk5OTlDOTU1LjYzOCA4MTEuOTQ5IDk1NS42MDIgNzg5LjExODk5OTk5OTk5OTkgOTQxLjY1MyA3NzQuOTYxTDM1OS4xMzQ5OTk5OTk5OTk5IDE4My43MzgwMDAwMDAwMDAxQzM0NS4xODU5OTk5OTk5OTk5IDE2OS42MTMwMDAwMDAwMDAxIDMyMi42MDE5OTk5OTk5OTk5IDE2OS42MTMwMDAwMDAwMDAxIDMwOS4wMzY5OTk5OTk5OTk5IDE4My4zODhMNjAuOTU0OTk5OTk5OTk5OSA0MzUuMjExeiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJ3YWl0aW5nIgogICAgICB1bmljb2RlPSImI3hFQTA5OyIKICAgICAgaG9yaXotYWR2LXg9IjEwMDAiIGQ9IiBNNDk0LjQyMSA5NTJDMjUwLjM2MyA5NTIgNDggNzQ5LjYzOSA0OCA0OTQuNDIxQzQ4IDI1MC4zNjIgMjUwLjM2MyA0OCA0OTQuNDIxIDQ4Qzc0OS42MzggNDggOTUyIDI1MC4zNjIgOTUyIDQ5NC40MjFDOTUyIDc0OS42MzkgNzQ5LjYzOCA5NTIgNDk0LjQyMSA5NTJ6TTc0OC42IDQwMC41NjEwMDAwMDAwMDAxSDQ1NC44VjczNS4wNEg1MDBWNDQ1Ljc2SDc0OC42VjQwMC41NjEwMDAwMDAwMDAxeiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJ3YWl0aW5nX2NpcmNsZSIKICAgICAgdW5pY29kZT0iJiN4RUEwQTsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwIiBkPSIgTTc0MS4wNTYgNjQyLjg1NkM3NDEuMzY4IDY0Mi41NDkgNzQxLjY0NjAwMDAwMDAwMDEgNjQyLjIyMiA3NDEuOTMxIDY0MS45Qzc0Mi4yNDMgNjQxLjYyODk5OTk5OTk5OTkgNzQyLjU2MDAwMDAwMDAwMDEgNjQxLjM2NiA3NDIuODU2IDY0MS4wNzRMNzQxLjA1NiA2NDIuODU2eiBNNTAwLjU1MyA5NDAuODQ4QzI1Ni42NzkgOTQwLjg0OCA1OS4wMDEgNzQzLjE2MDAwMDAwMDAwMDEgNTkuMDAxIDQ5OS4yODZDNTkuMDAxIDI1NS40NTAwMDAwMDAwMDAxIDI1Ni42NzkgNTcuNzMzOTk5OTk5OTk5OSA1MDAuNTUzIDU3LjczMzk5OTk5OTk5OTlTOTQyLjEwNCAyNTUuNDUgOTQyLjEwNCA0OTkuMjg1OTk5OTk5OTk5OUM5NDIuMTA0IDc0My4xNiA3NDQuNDI3IDk0MC44NDggNTAwLjU1MzAwMDAwMDAwMDEgOTQwLjg0OHpNNTAwLjU1MyA5MS43NDI5OTk5OTk5OTk5QzI3Ny44NjUgOTEuNzQyOTk5OTk5OTk5OSA5Ny4zOTcgMjcyLjI2NyA5Ny4zOTcgNDk0Ljg4OUM5Ny4zOTcgNzE3LjU1OSAyNzcuODY1IDg5OC4wNTUgNTAwLjU1MyA4OTguMDU1QzcyMy4yMDMgODk4LjA1NSA5MDMuNzA5IDcxNy41NTkgOTAzLjcwOSA0OTQuODg5QzkwMy43MDkgMjcyLjI2Nzk5OTk5OTk5OTkgNzIzLjIwMzAwMDAwMDAwMDEgOTEuNzQyOTk5OTk5OTk5OSA1MDAuNTUzMDAwMDAwMDAwMSA5MS43NDI5OTk5OTk5OTk5ek00NTUgNjUzSDQxOVY0MDBINjcyVjQzNkg0NTV6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9Indhcm4iCiAgICAgIHVuaWNvZGU9IiYjeEVBMEI7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE00OTQuMjg1IDk2M0MyNDQuMjg4IDk2MyAzNyA3NTUuNzEyIDM3IDQ5NC4yODVDMzcgMjQ0LjI4NzAwMDAwMDAwMDEgMjQ0LjI4OCAzNyA0OTQuMjg1IDM3Qzc1NS43MTMgMzcgOTYzIDI0NC4yODcwMDAwMDAwMDAxIDk2MyA0OTQuMjg1Qzk2MyA3NTUuNzEyIDc1NS43MTMgOTYzIDQ5NC4yODUgOTYzek00NzIuNzYzIDcyN0g1MjcuMjM4QzUzNy4yNTggNzI3IDU0NS4wMTYwMDAwMDAwMDAxIDcxOC44NTMwMDAwMDAwMDAxIDU0NC41NTEgNzA4LjgyN0w1MzAuNjkyIDQwOC4zMzUwMDAwMDAwMDAxQzUzMC40NTMgNDAzLjIxMiA1MjYuMTE3IDM5OCA1MjEuMDAzIDM5OEg0NzguOTk5QzQ3My44OTggMzk4IDQ2OS41NDkgNDAzLjIxMSA0NjkuMzA5IDQwOC4zMjRMNDU1LjQ1IDcwOC4yOTE5OTk5OTk5OTk5QzQ1NC45ODQgNzE4LjM2Nzk5OTk5OTk5OTkgNDYyLjczNCA3MjcgNDcyLjc2MyA3Mjd6TTUwMC4wMDAwMDAwMDAwMDAxIDI1NC44ODFDNDc0LjkyOSAyNTQuODgxIDQ1NC42MDkgMjc1LjIwNSA0NTQuNjA5IDMwMC4yNzNDNDU0LjYwOSAzMjUuMzQ0MDAwMDAwMDAwMSA0NzQuOTI5IDM0NS42NjkgNTAwLjAwMDAwMDAwMDAwMDEgMzQ1LjY2OUM1MjUuMDcyIDM0NS42NjkgNTQ1LjM5MiAzMjUuMzQ1MDAwMDAwMDAwMSA1NDUuMzkyIDMwMC4yNzNDNTQ1LjM5MiAyNzUuMjA1MDAwMDAwMDAwMSA1MjUuMDcyIDI1NC44ODEgNTAwLjAwMDAwMDAwMDAwMDEgMjU0Ljg4MXoiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iaW5mb19jaXJjbGUiCiAgICAgIHVuaWNvZGU9IiYjeEVBMEM7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE01MDAgNjcyLjIyMUM1MzEuNzA0IDY3Mi4yMjEgNTU3LjQxIDY5Ny45MjU5OTk5OTk5OTk5IDU1Ny40MSA3MjkuNjNDNTU3LjQxIDc2MS4zMzYgNTMxLjcwNCA3ODcuMDM5IDUwMCA3ODcuMDM5QzQ2OC4yOTQgNzg3LjAzOSA0NDIuNTkxIDc2MS4zMzUgNDQyLjU5MSA3MjkuNjNDNDQyLjU5MSA2OTcuOTI1OTk5OTk5OTk5OSA0NjguMjk0IDY3Mi4yMjEgNTAwIDY3Mi4yMjF6TTU1Ny40MSA2MTQuODE1SDQxMy44ODlWNTg2LjExMUg0NzEuMjk1VjI3MC4zNjg5OTk5OTk5OTk5SDQxMy44ODlWMjQxLjY2Nzk5OTk5OTk5OTlINjE0LjgxOVYyNzAuMzY4OTk5OTk5OTk5OUg1NTcuNDFWNjE0LjgxNDk5OTk5OTk5OTl6TTUxMy45IDk1OS4yNjFDMjQ2LjM1NiA5NTkuMjYxIDQwLjczOSA3NTMuNjQ0IDQwLjczOSA0ODYuMUM0MC43MzkgMjQ2LjM0NDAwMDAwMDAwMDEgMjQ2LjM1NiA0MC43NCA1MTMuOSA0MC43NEM3NTMuNjU2IDQwLjc0IDk1OS4yNiAyNDYuMzQ0MDAwMDAwMDAwMSA5NTkuMjYgNDg2LjFDOTU5LjI2MSA3NTMuNjQ0IDc1My42NTYgOTU5LjI2MSA1MTMuOSA5NTkuMjYxek01MDAgOTguMTQ5MDAwMDAwMDAwMUMyNzguMDYyIDk4LjE0OTAwMDAwMDAwMDEgOTguMTQ4IDI3OC4wNDgwMDAwMDAwMDAxIDk4LjE0OCA1MDAuMDAwMDAwMDAwMDAwMUM5OC4xNDggNzIxLjkzODAwMDAwMDAwMDEgMjc4LjA2MiA5MDEuODUyIDUwMCA5MDEuODUyQzcyMS45NTIgOTAxLjg1MiA5MDEuODUxIDcyMS45MzgwMDAwMDAwMDAxIDkwMS44NTEgNTAwLjAwMDAwMDAwMDAwMDFDOTAxLjg1MSAyNzguMDQ4MDAwMDAwMDAwMSA3MjEuOTUyIDk4LjE0OTAwMDAwMDAwMDEgNTAwIDk4LjE0OTAwMDAwMDAwMDF6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImNhbmNlbCIKICAgICAgdW5pY29kZT0iJiN4RUEwRDsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwIiBkPSIgTTY1My43OTggNjgxLjc1OUw1MDAgNTI3Ljk2TDM0Ni4yMDEgNjgxLjc1OUwzMTguMjQxMDAwMDAwMDAwMSA2NTMuNzk5TDQ3Mi4wNDAwMDAwMDAwMDAxIDUwMEwzMTguMjQxMDAwMDAwMDAwMSAzNDYuMjAyTDM0Ni4yMDEwMDAwMDAwMDAxIDMxOC4yNDJMNTAwLjAwMDAwMDAwMDAwMDEgNDcyLjA0TDY1My43OTgwMDAwMDAwMDAxIDMxOC4yNDJMNjgxLjc1ODAwMDAwMDAwMDIgMzQ2LjIwMkw1MjcuOTYwMDAwMDAwMDAwMiA1MDBMNjgxLjc1ODAwMDAwMDAwMDIgNjUzLjc5OXpNNTAwIDkzNUMyNTkuNzUzIDkzNSA2NSA3NDAuMjQ3MDAwMDAwMDAwMSA2NSA1MDBDNjUgMjU5Ljc1NCAyNTkuNzUzIDY1IDUwMCA2NUM3NDAuMjQ2IDY1IDkzNSAyNTkuNzU0IDkzNSA1MDBDOTM1IDc0MC4yNDcwMDAwMDAwMDAxIDc0MC4yNDYgOTM1IDUwMCA5MzV6TTUwMCAxMDQuNTQ2MDAwMDAwMDAwMUMyODEuNTkyIDEwNC41NDYwMDAwMDAwMDAxIDEwNC41NDUgMjgxLjU5MzAwMDAwMDAwMDEgMTA0LjU0NSA1MDAuMDAwMDAwMDAwMDAwMUMxMDQuNTQ1IDcxOC40MDggMjgxLjU5MiA4OTUuNDU1IDUwMCA4OTUuNDU1QzcxOC40MDcgODk1LjQ1NSA4OTUuNDU0IDcxOC40MDggODk1LjQ1NCA1MDAuMDAwMDAwMDAwMDAwMUM4OTUuNDU0IDI4MS41OTMwMDAwMDAwMDAxIDcxOC40MDY5OTk5OTk5OTk5IDEwNC41NDYwMDAwMDAwMDAxIDQ5OS45OTk5OTk5OTk5OTk5IDEwNC41NDYwMDAwMDAwMDAxeiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJzZWFyY2giCiAgICAgIHVuaWNvZGU9IiYjeEVBMEU7IgogICAgICBob3Jpei1hZHYteD0iMTAwMCIgZD0iIE02NTMuNSAyOTAuOUM1ODQuNSAyMzQuNCA0OTYuMyAyMDAuNiA0MDAuMiAyMDAuNkMxNzkuMiAyMDAuNSAwIDM3OS43MDAwMDAwMDAwMDAxIDAgNjAwLjhDMCA4MjEuOCAxNzkuMiAxMDAxIDQwMC4yIDEwMDFTODAwLjQgODIxLjggODAwLjQgNjAwLjhDODAwLjQgNTA0LjcgNzY2LjUgNDE2LjUgNzEwLjEgMzQ3LjVMMTAwMSA1Ni42TDk0NC40IDBMNjUzLjUgMjkwLjl6TTQwMC4yIDI4MC42QzU3NyAyODAuNiA3MjAuNCA0MjQgNzIwLjQgNjAwLjhDNzIwLjQgNzc3LjYgNTc3IDkyMSA0MDAuMiA5MjFDMjIzLjQgOTIxIDgwIDc3Ny42IDgwIDYwMC44QzgwLjEgNDIzLjkgMjIzLjQgMjgwLjYgNDAwLjIgMjgwLjZ6TTQwMC4yIDI4MC42IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImNsb3NlIgogICAgICB1bmljb2RlPSImI3hFQTBGOyIKICAgICAgaG9yaXotYWR2LXg9IjEwMDAiIGQ9IiBNNTAwIDEwMDBDMjIzLjkgMTAwMCAwIDc3Ni4xIDAgNTAwUzIyMy45IDAgNTAwIDBTMTAwMCAyMjMuOSAxMDAwIDUwMFM3NzYuMSAxMDAwIDUwMCAxMDAwek03MDkuNCAzMzEuMjAwMDAwMDAwMDAwMUM3MjIuMSAzMTggNzIxLjggMjk3LjEgNzA4LjQgMjg0LjIwMDAwMDAwMDAwMDFDNjk1LjE5OTk5OTk5OTk5OTkgMjcxLjQwMDAwMDAwMDAwMDEgNjc0LjEgMjcxLjcwMDAwMDAwMDAwMDEgNjYxLjQgMjg0LjkwMDAwMDAwMDAwMDFMNDk5LjIgNDUyLjkwMDAwMDAwMDAwMDFMMzMxLjIgMjkwLjcwMDAwMDAwMDAwMDFDMzE4IDI3OCAyOTcuMSAyNzguMzAwMDAwMDAwMDAwMSAyODQuMiAyOTEuNzAwMDAwMDAwMDAwMUMyNzEuNCAzMDQuOTAwMDAwMDAwMDAwMSAyNzEuNyAzMjYgMjg0LjkgMzM4LjcwMDAwMDAwMDAwMDFMNDUyLjkgNTAwLjlMMjkwLjcgNjY4LjkwMDAwMDAwMDAwMDFDMjc4IDY4Mi4xIDI3OC4zIDcwMyAyOTEuNyA3MTUuOTAwMDAwMDAwMDAwMUMzMDQuOSA3MjguNyAzMjYgNzI4LjQwMDAwMDAwMDAwMDEgMzM4LjcgNzE1LjJMNTAwLjkgNTQ3LjJMNjY4LjkgNzA5LjQwMDAwMDAwMDAwMDFDNjgyLjEgNzIyLjEgNzAzIDcyMS44IDcxNS45IDcwOC40MDAwMDAwMDAwMDAxQzcyOC42OTk5OTk5OTk5OTk5IDY5NS4yIDcyOC40IDY3NC4xIDcxNS4xOTk5OTk5OTk5OTk5IDY2MS40MDAwMDAwMDAwMDAxTDU0Ny4xOTk5OTk5OTk5OTk5IDQ5OS4yTDcwOS4zOTk5OTk5OTk5OTk5IDMzMS4yMDAwMDAwMDAwMDAxeiIgLz4KICA8L2ZvbnQ+CjwvZGVmcz4KPC9zdmc+Cg==') format('svg');
}
[class^="weui_icon_"]:before,
[class*=" weui_icon_"]:before {
  font-family: "weui";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.r-f {
    float: right;
}
.weui_icon_circle:before {
  content: "\EA01";
}
/* '' */
.weui_icon_download:before {
  content: "\EA02";
}
/* '' */
.weui_icon_info:before {
  content: "\EA03";
}
/* '' */
.weui_icon_safe_success:before {
  content: "\EA04";
}
/* '' */
.weui_icon_safe_warn:before {
  content: "\EA05";
}
/* '' */
.weui_icon_success:before {
  content: "\EA06";
}
/* '' */
.weui_icon_success_circle:before {
  content: "\EA07";
}
/* '' */
.weui_icon_success_no_circle:before {
  content: "\EA08";
}
/* '' */
.weui_icon_waiting:before {
  content: "\EA09";
}
.weui_icon_error:before {
  content: "\EA0B";
}
/* '' */
.weui_icon_waiting_circle:before {
  content: "\EA0A";
}
/* '' */
.weui_icon_warn:before {
  content: "\EA0B";
}
/* '' */
.weui_icon_info_circle:before {
  content: "\EA0C";
}
/* '' */
.weui_icon_cancel:before {
  content: "\EA0D";
}
/* '' */
.weui_icon_search:before {
  content: "\EA0E";
}
/* '' */
.weui_icon_clear:before {
  content: "\EA0F";
}
/* '' */
[class^="weui_icon_"]:before,
[class*=" weui_icon_"]:before {
  margin: 0;
}
.weui_icon_success:before {
  font-size: 23px;
  color: #09BB07;
}
.weui_icon_waiting:before {
  font-size: 23px;
  color: #10AEFF;
}
.weui_icon_warn:before {
  font-size: 23px;
  color: #F43530;
}
.weui_icon_error:before {
  font-size: 23px;
  color: #F43530;
}
.weui_icon_info:before {
  font-size: 23px;
  color: #10AEFF;
}
.weui_icon_success_circle:before {
  font-size: 23px;
  color: #09BB07;
}
.weui_icon_success_no_circle:before {
  font-size: 23px;
  color: #09BB07;
}
.weui_icon_waiting_circle:before {
  font-size: 23px;
  color: #10AEFF;
}
.weui_icon_circle:before {
  font-size: 23px;
  color: #C9C9C9;
}
.weui_icon_download:before {
  font-size: 23px;
  color: #09BB07;
}
.weui_icon_info_circle:before {
  font-size: 23px;
  color: #09BB07;
}
.weui_icon_safe_success:before {
  color: #09BB07;
}
.weui_icon_safe_warn:before {
  color: #FFBE00;
}
.weui_icon_cancel:before {
  color: #F43530;
  font-size: 22px;
}
.weui_icon_search:before {
  color: #B2B2B2;
  font-size: 14px;
}
.weui_icon_clear:before {
  color: #B2B2B2;
  font-size: 14px;
}
.weui_icon_msg:before {
  font-size: 36px;
}
.weui_icon_warn.weui_icon_msg:before {
  color: #F76260;
}
.weui_icon_safe:before {
  font-size: 104px;
}
.weui_btn.weui_btn_mini {
  line-height: 1.9;
  font-size: 14px;
  padding: 0 .75em;
  display: inline-block;
}
button.weui_btn,
input.weui_btn {
  width: 100%;
  border-width: 0;
  outline: 0;
  -webkit-appearance: none;
}
button.weui_btn:focus,
input.weui_btn:focus {
  outline: 0;
}
button.weui_btn_inline,
input.weui_btn_inline,
button.weui_btn_mini,
input.weui_btn_mini {
  width: auto;
}
/*gap between btn*/
.weui_btn + .weui_btn {
  margin-top: 15px;
}
.weui_btn.weui_btn_inline + .weui_btn.weui_btn_inline {
  margin-top: auto;
  margin-left: 15px;
}
.weui_btn_all {
  margin-left:-15px;
  margin-right:-15px;
  padding:15px;
  color:#FFF;
  text-align: center;
}
.weui_btn_all_sm {
  margin-left:-15px;
  margin-right:-15px;
  padding:8px;
  font-size:12px;
  color:#FFF;
  text-align: center;
}
.weui_btn_area {
  margin: 1.17647059em 15px 0.3em;
}
.weui_btn_area.weui_btn_area_inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.weui_btn_area.weui_btn_area_inline .weui_btn {
  margin-top: auto;
  margin-right: 15px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weui_btn_area.weui_btn_area_inline .weui_btn:last-child {
  margin-right: 0;
}
.weui_btn {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 2.33333333;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.weui_btn:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px;
}
.weui_btn.weui_btn_inline {
  display: inline-block;
}
.weui_btn_default {
  background-color: #F7F7F7;
  color: #454545;
}
.weui_btn_default:not(.weui_btn_disabled):visited {
  color: #454545;
}
.weui_btn_default:not(.weui_btn_disabled):active {
  color: #A1A1A1;
  background-color: #DEDEDE;
}
.weui_btn_primary {
  background-color: #28B5D6;
}
.weui_btn_primary:not(.weui_btn_disabled):visited {
  color: #FFFFFF;
}
.weui_btn_primary:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #039702;
}
.weui_btn_warn {
  background-color: #EF4F4F;
}
.weui_btn_warn:not(.weui_btn_disabled):visited {
  color: #FFFFFF;
}
.weui_btn_warn:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #C13E3E;
}
.weui_btn_f60 {
  background-color: #f60;
}
.weui_btn_f60:not(.weui_btn_disabled):visited {
  color: #FFFFFF;
}
.weui_btn_f60:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #f60;
}
.weui_btn_333 {
  background-color: #333;
}
.weui_btn_333:not(.weui_btn_disabled):visited {
  color: #FFFFFF;
}
.weui_btn_333:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #333;
}
.weui_btn_disabled {
  color: rgba(255, 255, 255, 0.6);
}
.weui_btn_disabled.weui_btn_default {
  color: #C9C9C9;
}
.weui_btn_plain_primary {
  color: #28B5D6;
  border: 1px solid #28B5D6;
}
button.weui_btn_plain_primary,
input.weui_btn_plain_primary {
  border-width: 1px;
  background-color: transparent;
}
.weui_btn_plain_primary:active {
  border-color: #039702;
}
.weui_btn_plain_primary:after {
  border-width: 0;
}
.weui_btn_plain_default {
  color: #5A5A5A;
  border: 1px solid #5A5A5A;
}
button.weui_btn_plain_default,
input.weui_btn_plain_default {
  border-width: 1px;
  background-color: transparent;
}
.weui_btn_plain_default:after {
  border-width: 0;
}
.weui_cell {
  position: relative;
}
.weui_cell:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_cell:first-child:before {
  display: none;
}
.weui_noborder {
  position: relative;
}
.weui_noborder:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_noborder:first-child:before {
  display: none;
}
.weui_noborder {
  position: relative;
}
.weui_noborder_sm:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_noborder_sm:first-child:before {
  display: none;
}
.dashed:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.dashed:first-child:before {
  display: none;
}
.weui_cells {
  padding:0 10px;
  background-color: #FFFFFF;
  line-height: 1.41176471;
  overflow: hidden;
  position: relative;
}
.weui_cells:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_cells:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_cells_title {
  margin-top: .77em;
  margin-bottom: .3em;
  padding-left: 15px;
  padding-right: 15px;
  color: #888;
  font-size: 14px;
}
.weui_cells_title + .weui_cells {
  margin-top: 0;
}
.weui_cells_tips {
  margin-top: .3em;
  color: #888;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}
.weui_noborder {
  padding: 6px 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.weui_noborder_sm {
  padding: 4px 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.weui_noborder_sm .weui_cell_hd{
	font-size:12px
}
.weui_cell {
  padding: 6px 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.weui_cell_ft {
  text-align: right;
  /*color: #888;*/
}
.weui_cell_primary {
	color:#646464;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weui_cells_access .weui_cell:not(.no_access) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_cells_access .weui_cell:not(.no_access):active {
  background-color: #ECECEC;
}
.weui_cells_access a.weui_cell {
  color: inherit;
}
.weui_cells_access .weui_cell_ft:after {
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #C8C8CD;
  border-style: solid;
  position: relative;
  top: -2px;
  top: -1px;
  margin-left: .3em;
}
.weui_check_label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_check {
  position: absolute;
  left: -9999em;
}
.weui_cells_radio .weui_cell_ft {
  padding-left: 0.35em;
}
.weui_cells_radio .weui_cell:active {
  background-color: #ECECEC;
}
.weui_cells_radio .weui_check:checked + .weui_icon_checked:before {
  display: block;
  content: '\EA08';
  color: #09BB07;
  font-size: 16px;
}
.weui_cells_radio2 .weui_cell_ft {
  padding-left: 0.35em;
}
.weui_cells_radio2 .weui_cell:active {
  background-color: #ECECEC;
}
.weui_cells_radio2 .weui_icon_checked:before {
  content: '\EA01';
  color: #C9C9C9;
  font-size: 20px;
  display: block;
}
.weui_cells_radio2 .weui_check:checked + .weui_icon_checked:before {
  display: block;
  content: '\EA06';
  color: #09BB07;
  font-size: 20px;
}
.weui_cells_radio3 .weui_cell_ft {
  padding-left: 0.35em;
}
.weui_cells_radio3 .weui_cell:active {
  background-color: #ECECEC;
}
.weui_cells_radio3 .weui_icon_checked:before {
  content: '\EA01';
  color: #C9C9C9;
  font-size: 13px;
  display: block;
}
.weui_cells_radio3 .weui_check:checked + .weui_icon_checked:before {
  display: block;
  content: '\EA06';
  color: #09BB07;
  font-size: 13px;
}
.weui_cells_radio3 .imglogo-check{
    margin-top:-15px;
	margin-left:28px;
}
.jyui_cell_member{width:40px;float:left;text-align:center;margin:.2rem}
.jyui_cell_member .userimg{width:100%}
.jyui_cell_col .coltime{border-radius: 50%;width:50px;height:50px;background:#ccc;color:#fff;text-align:center;padding-top:6px;margin:0 0.2rem}
.jyui_cell_col .colchecked{background:#09BB07;}
.jyui_cell_col .coltime .timetitle{font-size:0.5rem;width:50px;}

.weui_cells_radio2 .imglogo-check{
    margin-top:-20px;
	margin-left:20px;
}
.weui_cells_checkbox .weui_cell_hd {
  padding-right: 0.35em;
}
.weui_cells_checkbox .weui_cell:active {
  background-color: #ECECEC;
}
.weui_cells_checkbox .weui_icon_checked:before {
  content: '\EA01';
  color: #C9C9C9;
  font-size: 23px;
  display: block;
}
.weui_cells_checkbox .weui_check:checked + .weui_icon_checked:before {
  content: '\EA06';
  color: #09BB07;
}
.weui_label {
  display: block;
}
.weui_input {
  width: 100%;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent;
  font-size: inherit;
  color: inherit;
  height: 1.41176471em;
  line-height: 1.41176471;
}
.weui_input::-webkit-outer-spin-button,
.weui_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.weui_textarea {
  display: block;
  border: 0;
  resize: none;
  width: 100%;
  color: inherit;
  font-size: 1em;
  line-height: inherit;
  outline: 0;
}
.weui_textarea_counter {
  color: #B2B2B2;
  text-align: right;
}
.weui_cell_warn .weui_textarea_counter {
  color: #E64340;
}
.weui_toptips {
  display: none;
  position: fixed;
  -webkit-transform: translateZ(0);
  width: 100%;
  top: 0;
  line-height: 2.3;
  font-size: 14px;
  text-align: center;
  color: #FFF;
  z-index: 2;
}
.weui_toptips.weui_warn {
  background-color: #E64340;
}
.weui_cells_form .weui_cell_warn {
  color: #E64340;
}
.weui_cells_form .weui_cell_warn .weui_icon_warn {
  display: inline-block;
}
.weui_cells_form .weui_cell_hd {
  padding-right: .3em;
}
.weui_cells_form .weui_cell_ft {
  font-size: 0;
}
.weui_cells_form .weui_icon_warn {
  display: none;
}
.weui_cells_form input,
.weui_cells_form textarea,
.weui_cells_form label[for] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_cell_select {
  padding: 0;
}
.weui_cell_select .weui_select {
  padding-right: 3.3rem;
}
.weui_cell_select .weui_selectpcd {
  padding-right: 0.1rem;
}
.weui_cell_select .weui_cell_bd:after {
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #C8C8CD;
  border-style: solid;
  position: relative;
  top: -2px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
}
.weui_select {
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  background-color: transparent;
  width: 100%;
  font-size: inherit;
  height: 44px;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}
.weui_selectpcd {
  border: 0;
  outline: 0;
  width: 100%;
  font-size: inherit;
  height: 44px;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}
.weui_select_before {
  padding-right: 15px;
}
.weui_select_before .weui_select {
  width: auto;
}
.weui_select_before .weui_cell_hd {
  position: relative;
}
.weui_select_before .weui_cell_hd:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_select_before .weui_cell_hd:before {
  content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #C8C8CD;
  border-style: solid;
  position: relative;
  top: -2px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
}
.weui_cell_bd {padding:0.5rem}
.weui_cell_bd_sm {padding:0 0.5rem;font-size:0.65rem}
.weui_select_before .weui_cell_bd {
  padding-left: 15px;
}
.weui_select_before .weui_cell_bd:after {
  display: none;
}
.weui_select_after {
  padding-left: 15px;
}
.weui_vcode {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.weui_vcode .weui_cell_ft img {
  margin-left: 5px;
  height: 44px;
  vertical-align: middle;
}
.weui_cell_switch {
  padding-top: 6px;
  padding-bottom: 6px;
}
.weui_switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 3rem;
  height: 1.2rem;
  border: 1px solid #DFDFDF;
  outline: 0;
  border-radius: 0.6rem;
  box-sizing: border-box;
  background: #DFDFDF;
}
.weui_switch:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 1.2rem;
  border-radius: 0.6rem;
  background-color: #FDFDFD;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.weui_switch:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.55rem;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.weui_switch:checked {
  border-color: #28B5D6;
  background-color: #28B5D6;
}
.weui_switch:checked:before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.weui_switch:checked:after {
  -webkit-transform: translateX(1.9rem);
          transform: translateX(1.9rem);
}
.weui_uploader_hd {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.weui_uploader_hd .weui_cell_ft {
  font-size: 1em;
}
.weui_uploader_bd {
  margin-bottom: -4px;
  margin-right: -9px;
  overflow: hidden;
}
.weui_uploader_files {
  list-style: none;
}
.weui_uploader_file {
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 3.3rem;
  height: 3.3rem;
  background: no-repeat center center;
  background-size: cover;
}
.weui_uploader_status {
  position: relative;
}
.weui_uploader_status:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.weui_uploader_status .weui_uploader_status_content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FFFFFF;
}
.weui_uploader_status .weui_icon_warn {
  display: block;
}
.weui_uploader_input_wrp {
  float: left;
  position: relative;
  margin-right: 9px;
  width: 3.3rem;
  height: 3.3rem;
  border: 1px solid #D9D9D9;
}
.weui_uploader_input_wrp:before,
.weui_uploader_input_wrp:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #D9D9D9;
}
.weui_uploader_input_wrp:before {
  width: 2px;
  height: 39.5px;
}
.weui_uploader_input_wrp:after {
  width: 39.5px;
  height: 2px;
}
.weui_uploader_input_wrp:active {
  border-color: #999999;
}
.weui_uploader_input_wrp:active:before,
.weui_uploader_input_wrp:active:after {
  background-color: #999999;
}
.weui_uploader_input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_msg {
  padding-top: 0.65rem;
  text-align: center;
}
.weui_msg .weui_icon_area {
  margin-bottom: 0.3rem;
}
.weui_msg .weui_text_area {
  margin-bottom: 0.3px;
  padding: 0 20px;
}
.weui_msg .weui_msg_title {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 20px;
}
.weui_msg .weui_msg_desc {
  font-size: 14px;
  color: #888;
}
.weui_msg .weui_opr_area {
  margin-bottom: 15px;
}
.weui_msg .weui_btn_area {
  margin: 0.8em 30% 0.3em;
}
.weui_msg .weui_btn {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  border-radius: 1px;
}
.weui_msg .weui_extra_area {
  margin-bottom: 15px;
  font-size: 14px;
  color: #888;
}
.weui_msg .weui_extra_area a {
  color: #61749B;
}
@media screen and (min-height: 438px) {
  .weui_extra_area {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }
}
.weui_article {
  padding: 20px 15px;
  font-size: 15px;
}
.weui_article section {
  margin-bottom: 1.5em;
}
.weui_article h1 {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: .75em;
}
.weui_article h2 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: .3em;
}
.weui_article h3 {
  font-weight: 400;
  font-size: 15px;
}
.weui_progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.weui_progress_bar {
  background-color: #EBEBEB;
  height: 3px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weui_progress_inner_bar {
  width: 0;
  height: 100%;
  background-color: #09BB07;
}
.weui_progress_opr {
  display: block;
  margin-left: 15px;
  font-size: 0;
}
.weui_grids {
  position: relative;
  overflow: hidden;
}
.weui_grids:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_grids:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_grid {
  position: relative;
  float: left;
  padding: 20px 10px;
  width: 33.33333333%;
  box-sizing: border-box;
}
.weui_grid:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  right: -1px;
}
.weui_grid:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_grid:active {
  background-color: #E4E4E4;
}
.weui_grid_icon {
  width: 28px;
  height: 28px;
  margin: 0 auto;
}
.weui_grid_icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.weui_grid_icon + .weui_grid_label {
  margin-top: 5px;
}
.weui_grid_label {
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
}
.weui_dialog {
  position: fixed;
  z-index: 13;
  width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FAFAFC;
  text-align: center;
  border-radius: 3px;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
  padding: 1.2em 20px .5em;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
  text-align: left;
}
.weui_dialog_hd {
  padding: 1.2em 0 .5em;
}
.weui_dialog_title {
  font-weight: 400;
  font-size: 17px;
}
.weui_dialog_bd {
  padding: 0 20px;
  font-size: 15px;
  color: #888;
}
.weui_dialog_ft {
  position: relative;
  line-height: 42px;
  margin-top: 20px;
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.weui_dialog_ft a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #3CC51F;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_dialog_ft a:active {
  background-color: #EEEEEE;
}
.weui_dialog_ft:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_dialog_confirm .weui_dialog_ft a {
  position: relative;
}
.weui_dialog_confirm .weui_dialog_ft a:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_dialog_confirm .weui_dialog_ft a:first-child:after {
  display: none;
}
.weui_btn_dialog.default {
  color: #353535;
}
.weui_btn_dialog.primary {
  color: #0BB20C;
}
@media screen and (min-width: 1024px) {
  .weui_dialog {
    width: 35%;
  }
}
.weui_toast {
  position: fixed;
  z-index: 3;
  width: 7.6em;
  min-height: 7.6em;
  top: 180px;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
}
.weui_icon_toast {
  margin: 22px 0 0;
  display: block;
}
.weui_icon_toast:before {
  content: '\EA08';
  color: #FFFFFF;
  font-size: 55px;
}
.weui_toast_content {
  margin: 0 0 15px;
}
.weui_loading_toast .weui_toast_content {
  margin-top: 64%;
  font-size: 14px;
}
.weui_loading {
  position: absolute;
  width: 0px;
  z-index: 2000000000;
  left: 50%;
  top: 38%;
}
.weui_loading_leaf {
  position: absolute;
  top: -1px;
  opacity: 0.25;
}
.weui_loading_leaf:before {
  content: " ";
  position: absolute;
  width: 8.14px;
  height: 3.08px;
  background: #d1d1d5;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  border-radius: 1px;
  -webkit-transform-origin: left 50% 0px;
          transform-origin: left 50% 0px;
}
.weui_loading_leaf_0 {
  -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
          animation: opacity-60-25-0-12 1.25s linear infinite;
}
.weui_loading_leaf_0:before {
  -webkit-transform: rotate(0deg) translate(7.92px, 0px);
          transform: rotate(0deg) translate(7.92px, 0px);
}
.weui_loading_leaf_1 {
  -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
          animation: opacity-60-25-1-12 1.25s linear infinite;
}
.weui_loading_leaf_1:before {
  -webkit-transform: rotate(30deg) translate(7.92px, 0px);
          transform: rotate(30deg) translate(7.92px, 0px);
}
.weui_loading_leaf_2 {
  -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
          animation: opacity-60-25-2-12 1.25s linear infinite;
}
.weui_loading_leaf_2:before {
  -webkit-transform: rotate(60deg) translate(7.92px, 0px);
          transform: rotate(60deg) translate(7.92px, 0px);
}
.weui_loading_leaf_3 {
  -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
          animation: opacity-60-25-3-12 1.25s linear infinite;
}
.weui_loading_leaf_3:before {
  -webkit-transform: rotate(90deg) translate(7.92px, 0px);
          transform: rotate(90deg) translate(7.92px, 0px);
}
.weui_loading_leaf_4 {
  -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
          animation: opacity-60-25-4-12 1.25s linear infinite;
}
.weui_loading_leaf_4:before {
  -webkit-transform: rotate(120deg) translate(7.92px, 0px);
          transform: rotate(120deg) translate(7.92px, 0px);
}
.weui_loading_leaf_5 {
  -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
          animation: opacity-60-25-5-12 1.25s linear infinite;
}
.weui_loading_leaf_5:before {
  -webkit-transform: rotate(150deg) translate(7.92px, 0px);
          transform: rotate(150deg) translate(7.92px, 0px);
}
.weui_loading_leaf_6 {
  -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
          animation: opacity-60-25-6-12 1.25s linear infinite;
}
.weui_loading_leaf_6:before {
  -webkit-transform: rotate(180deg) translate(7.92px, 0px);
          transform: rotate(180deg) translate(7.92px, 0px);
}
.weui_loading_leaf_7 {
  -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
          animation: opacity-60-25-7-12 1.25s linear infinite;
}
.weui_loading_leaf_7:before {
  -webkit-transform: rotate(210deg) translate(7.92px, 0px);
          transform: rotate(210deg) translate(7.92px, 0px);
}
.weui_loading_leaf_8 {
  -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
          animation: opacity-60-25-8-12 1.25s linear infinite;
}
.weui_loading_leaf_8:before {
  -webkit-transform: rotate(240deg) translate(7.92px, 0px);
          transform: rotate(240deg) translate(7.92px, 0px);
}
.weui_loading_leaf_9 {
  -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
          animation: opacity-60-25-9-12 1.25s linear infinite;
}
.weui_loading_leaf_9:before {
  -webkit-transform: rotate(270deg) translate(7.92px, 0px);
          transform: rotate(270deg) translate(7.92px, 0px);
}
.weui_loading_leaf_10 {
  -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
          animation: opacity-60-25-10-12 1.25s linear infinite;
}
.weui_loading_leaf_10:before {
  -webkit-transform: rotate(300deg) translate(7.92px, 0px);
          transform: rotate(300deg) translate(7.92px, 0px);
}
.weui_loading_leaf_11 {
  -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
          animation: opacity-60-25-11-12 1.25s linear infinite;
}
.weui_loading_leaf_11:before {
  -webkit-transform: rotate(330deg) translate(7.92px, 0px);
          transform: rotate(330deg) translate(7.92px, 0px);
}
@-webkit-keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25;
  }
  0.01% {
    opacity: 0.25;
  }
  0.02% {
    opacity: 1;
  }
  60.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25;
  }
  8.34333% {
    opacity: 0.25;
  }
  8.35333% {
    opacity: 1;
  }
  68.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25;
  }
  16.6767% {
    opacity: 0.25;
  }
  16.6867% {
    opacity: 1;
  }
  76.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25;
  }
  25.01% {
    opacity: 0.25;
  }
  25.02% {
    opacity: 1;
  }
  85.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25;
  }
  33.3433% {
    opacity: 0.25;
  }
  33.3533% {
    opacity: 1;
  }
  93.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333;
  }
  41.6767% {
    opacity: 0.25;
  }
  41.6867% {
    opacity: 1;
  }
  1.67667% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.270958333333333;
  }
}
@-webkit-keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125;
  }
  50.01% {
    opacity: 0.25;
  }
  50.02% {
    opacity: 1;
  }
  10.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.375125;
  }
}
@-webkit-keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667;
  }
  58.3433% {
    opacity: 0.25;
  }
  58.3533% {
    opacity: 1;
  }
  18.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.479291666666667;
  }
}
@-webkit-keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333;
  }
  66.6767% {
    opacity: 0.25;
  }
  66.6867% {
    opacity: 1;
  }
  26.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.583458333333333;
  }
}
@-webkit-keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625;
  }
  75.01% {
    opacity: 0.25;
  }
  75.02% {
    opacity: 1;
  }
  35.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.687625;
  }
}
@-webkit-keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667;
  }
  83.3433% {
    opacity: 0.25;
  }
  83.3533% {
    opacity: 1;
  }
  43.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.791791666666667;
  }
}
@-webkit-keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333;
  }
  91.6767% {
    opacity: 0.25;
  }
  91.6867% {
    opacity: 1;
  }
  51.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.895958333333333;
  }
}
.weui_mask {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.weui_mask_transparent {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.weui_mask_transition {
  display: none;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background .3s;
  transition: background .3s;
}
.weui_fade_toggle {
  background: rgba(0, 0, 0, 0.6);
}
.weui_actionsheet {
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 2;
  width: 100%;
  background-color: #EFEFF4;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.weui_actionsheet_menu {
  background-color: #FFFFFF;
}
.weui_actionsheet_action {
  margin-top: 6px;
  background-color: #FFFFFF;
}
.weui_actionsheet_cell {
  position: relative;
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
}
.weui_actionsheet_cell:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_actionsheet_cell:active {
  background-color: #ECECEC;
}
.weui_actionsheet_cell:first-child:before {
  display: none;
}
.weui_actionsheet_toggle {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.weui_padheight0{
	padding:0 15px
}
.weui_pad0{
	padding:0
}
.weui_switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 2.5rem;
  height: 1.2rem;
  border: 0 solid #DFDFDF;
  outline: 0;
  border-radius: 0.6rem;
  box-sizing: border-box;
  background: #DFDFDF;
}
.weui_switch:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 1.2rem;
  border-radius: 0.6rem;
  background-color: #FDFDFD;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.weui_switch:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.6rem;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.weui_switch:checked {
  border-color: #04be02;
  background-color: #04be02;
}
.weui_switch:checked:before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.weui_switch:checked:after {
  -webkit-transform: translateX(1.5rem);
          transform: translateX(1.5rem);
}
.weui_cell .pic_city {
	width:2rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAACMCAYAAAA5kebkAAAEnUlEQVR4Xu3XwXEUaRBEYcaMDU57wgZMwwICq/aoAw6sAzgBu4jQbUMLYjqnNX9156dzV3fly3oxocvbh4+Pb/whgMBPCVwI4jIQ+DUBgrgOBF4gQBDngcAWQb68/3BBDIFWAs//5fjfLwhBWk9D7icCBHEHCLxAgCDOAwGCuAEEMgJ+QTJupkoIEKSkaDEzAgTJuJkqIUCQkqLFzAgQJONmqoQAQUqKFjMjQJCMm6kSAgQpKVrMjABBMm6mSggQpKRoMTMCBMm4mSohQJCSosXMCBAk42aqhABBSooWMyNAkIybqRICBCkpWsyMAEEybqZKCBCkpGgxMwIEybiZKiFAkJKixcwIECTjZqqEAEFKihYzI0CQjJupEgIEKSlazIwAQTJupkoIEKSkaDEzAgTJuJkqIUCQkqLFzAgQJONmqoQAQUqKFjMjQJCMm6kSAgQpKVrMjABBMm6mSggQpKRoMTMCBMm4mSohQJCSosXMCBAk42aqhABBSooWMyNAkIybqRICBCkpWsyMAEEybqZKCBCkpGgxMwIEybiZKiFAkJKixcwIECTjZqqEAEFKihYzI0CQjJupEgIEKSlazIwAQTJupkoIEKSkaDEzAgTJuJkqIUCQkqLFzAgQJONmqoQAQUqKFjMjQJCMm6kSAgQpKVrMjABBMm6mSggQpKRoMTMCBMm4mSohQJCSosXMCBAk42aqhABBSooWMyNAkIybqRICBCkpWsyMAEEybqZKCBCkpGgxMwIEybiZKiFAkJKixcwIECTjZqqEAEFKihYzI0CQjJupEgIEKSlazIwAQTJupkoIEKSkaDEzAgTJuJkqIUCQkqLFzAgQJONmqoQAQUqKFnM7gT8/f3r39Z/vf/938vLcmC/vP1y2v9oEAscm8CTHt3+///X4+OYPghy7S9vvTOBXcjx9xi/IzrC97lgEXpKDIMfq0rY7E/idHATZGbjXHYfANXIQ5Dh92nRHAtfKQZAdoXvVMQhskYMgx+jUljsR2CoHQXYC7zXzCSRyEGR+rzbcgUAqB0F2gO8VswncIgdBZndruxsJ3CoHQW4swPhcAnvIQZC5/drsBgJ7yUGQG0owOpPAnnIQZGbHtgoJ7C0HQcIijM0j8BpyEGRezzYKCLyWHAQJyjAyi8BrykGQWV3bZiOB15aDIBsL8fgcAveQgyBz+rbJBgL3koMgG0rx6AwC95SDIDM6t8WVBO4tB0GuLMZj6wmskIMg63u3wRUEVslBkCvK8chaAivlIMja7n39NwRWy0EQJzqWwAQ5CDL2PLoXmyIHQbrvcGT6SXIQZOSJ9C41TQ6C9N7iuOQT5SDIuDPpXGiqHATpvMdRqSfLQZBRp9K3zHQ5CNJ3k2MSH0EOgow5l65FjiIHQbruckTaI8lBkBEn07PE0eQgSM9tLk96RDkIsvxsOhY4qhwE6bjPpSmPLAdBlp7O+T9+dDkIcv4bXZbwDHIQZNn5nPvDZ5GDIOe+0yXpziQHQZac0Hk/ejY5CHLeW717sjPK8VNB7k7WBxEYTODy9uHj4+D9rIbAUgIEWYrfx6cTIMj0huy3lMAPyWxZqdpjnygAAAAASUVORK5CYII=) no-repeat 0 0;background-size: contain;
	font-size:1rem;
	font-weight: bold;
	color: #1bc787;
	line-height:1.3rem;
	padding-top:0;
	padding-right:0;
	display: flex;
	align-items: center;
	justify-content: center
}
.weui_cell .pic_num {
	font-size:1rem;
	width:2rem;
	font-weight: bold;
	color: #1bc787;
	padding-right:0;
	text-align: center;
}
.city_item{padding: 0;height: 34px;line-height: 34px;color: #fff;text-align: center;color: #fff;width: 20%;float: left;margin-bottom: 10px;font-size: 16px;}
.city_item .btn{margin: 5px;background: #1bc787;display: block;}
.jy-absolute {
	width:70%;
	padding:1.4% 0 0 25%;
	margin-bottom:20px;
	margin-left:-80px;
}
.diy-page {
}
.diy-left {
    float: left;
    background: #fff;
    padding: 10px;
    overflow: auto;
}
.diy-phone {
    width: 328px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

.diy-phone .phone-head {
    height: 44px;
    background: #fff;
    position: relative;
}

.diy-phone .phone-head:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 112px;
    height: 8px;
    width: 8px;
    background: #ddd;
    border-radius: 8px;
}

.diy-phone .phone-head:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 128px;
    height: 8px;
    width: 50px;
    background: #ddd;
    border-radius: 8px;
}

.diy-phone .phone-title {
    height: 54px;
    background: url("../images/top_bg.png") 0 0 no-repeat scroll #333;
    background-size: 100% auto;
    padding: 0 50px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 68px;
    cursor: default;
    overflow: hidden;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.diy-phone .phone-body {
	 /*border: 1px solid #ddd;*/
}
.diy-phone .phone-main {
    min-height: 400px;
    border-top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.diy-phone .phone-main p {
    margin: 0;
    padding: 0;
}

.diy-phone .phone-main .highlight {
    height: 50px;
    border: 2px dashed #999;
    text-align: center;
    font-size: 16px;
    color: #999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.diy-phone .phone-main .drag {
    position: relative;
    min-height: 20px;
    display: block;
}
.diy-phone .phone-main .drag.selected:before,
.diy-phone .phone-main .drag:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px dashed #00a0e9;
    cursor: move;
    z-index: 10;
}

.diy-phone .phone-main .drag.fixed:before {
    cursor: default;
}

.diy-phone .phone-main .drag .btn-edit-del {
    width: 34px;
    height: 17px;
    right: 0;
    top: 0;
	display: none;
    background: url(../images/diy/remove.png) no-repeat top center;
    cursor: pointer;
	position: absolute;
    z-index: 99;
}

.diy-phone .phone-main .drag .btn-edit-del > div {
    width: 32px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: rgba(0,0,0,.4);
    margin-left: 2px;
    cursor: pointer;
    position: relative;
    z-index: 11;
}


.diy-phone .phone-main .drag.selected .btn-edit-del ,
.diy-phone .phone-main .drag:hover .btn-edit-del {
    display: block;
}

.diy-phone .phone-main .drag.nodelete .btn-edit-del .btn-del {
    display: none;
}

.diy-phone .phone-main a {
    /*color: #337ab7;*/
}

.diy-phone .phone-foot {
    height: 24px;
    width: 60px;
    margin: 15px auto 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.diy-editor {
    float: left;
    width: 100%;
    height: auto;
    background: #fdfdfd;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.diy-editor .editor-arrow {
    height: 0;
    position: relative;
}

.diy-editor .editor-arrow:after,
.diy-editor .editor-arrow:before {
    position: absolute;
    font-family: simsun;
    content: "◆";
    top: 8px;
    left: -21px;
    display: block;
    width: 9px;
    height: 18px;
    font-size: 24px;
    color: #fdfdfd;
    z-index: 111;
}

.diy-editor .editor-arrow:after {
    left: -22px;
    color: #ddd;
    z-index: 11;
}

.diy-editor .form-group {
    margin: 5px 0;
}
.diy-editor .form-group .control-label {
    text-align: right;
}
.diy-editor .form-group .form-control {
    padding: 0 5px;
}
.diy-editor .form-group .noblr {
    border-left: 0;
    border-right: 0;
}
.diy-editor .color {
    padding: 0;
    cursor: pointer;
}
.diy-editor .form-group .ui-slider {
    margin-top: 4px;
}

.diy-editor .form-items {
    height: auto;
}

.diy-editor .form-items.indent {
    margin: 0 14px;
}

.diy-editor .form-items .inner {
    height: auto;
}

.diy-editor .form-items .inner .item {
    height: auto;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    overflow: hidden;
}

.diy-editor .form-items .inner .highlight {
    border: 2px dashed #e7eaec;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
}

.diy-editor .form-items .inner .item .btn-del {
    height: 0;
    width: 100%;
    display: block;
    position: relative;
}

.diy-editor .form-items .inner .item .btn-del:before {
    content: "×";
    position: absolute;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    border-radius: 16px;
    top: -6px;
    right: 0px;
    z-index: 10;
}
.diy-editor .form-items .inner .item .btn-del2 {
    position: absolute;
    right:10px;
}
.diy-editor .form-items .inner .item .item-image {
    height: 70px;
    width: auto;
    min-width: 40px;
    max-width: 220px;
    background: #eee;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7eaec;
    position: relative;
}

.diy-editor .form-items .inner .item .item-image img {
    height: 68px;
    width: auto;
    max-width: 220px;
    display: block;
}
.diy-editor .form-items .inner .item .item-images {
    height: 100%;
}
.diy-editor .form-items .inner .item .item-image2 {
    height: 100%;
	width: 50px;
    background: #eee;
    float: left;
	margin-top:10px;
    margin-right: 10px;
    position: relative;
}
.diy-editor .form-items .inner .item .item-image.square {
    width: 70px;
    height: 70px;
}
.diy-editor .form-items .inner .item .item-image.square img {
    width: 68px;
    height: 68px;
}

.diy-editor .form-items .inner .item .item-image .text {
    height: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    cursor: pointer;
}

.diy-editor .form-items .inner .item .item-image.drag-btn {
    font-size: 14px;
    line-height: 68px;
    text-align: center;
    cursor: move;
}

.diy-editor .form-items .inner .item .item-image .icon-main {
    height: 50px;
    width: 68px;
    line-height: 50px;
    text-align: center;
    background: #fff;
}

.diy-editor .form-items .inner .item .item-image .icon-main .icon {
    font-size: 30px;
}

.diy-editor .form-items .inner .item .item-form {
    height: auto;
    display: block;
    overflow: hidden;
}

.diy-editor .form-items .inner .item .title {
    padding-bottom: 10px;
}

.diy-editor .form-items .inner .item .title-child {
    padding-bottom: 10px;
    padding-top: 10px;
}
.diy-editor .form-items .inner .item .item-body.child {
    margin-bottom: 10px;
    background: #fff;
}
.diy-editor .line {
    height: 10px;
    width: 100%;
    position: relative;
}
.diy-editor .line:before {
    height: 0;
    content: '';
    position: absolute;
    bottom: 5px;
    left: 14px;
    right: 14px;
    border: 1px dashed #eee;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #f7f7f7;
}

.diy-menu {
    height: 100%;
	width:100%;
    background: #fff;
    position: relative;
    font-size: 12px;
    color: #999;
}

.diy-menu .navs,
.diy-menu .action {
    height: auto;
}

.diy-menu .navs {
	width:100%;
    border-bottom: 1px dotted #ddd;
}
.diy-menu .navs .top-title {
	height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    color: #666666;
    border-bottom: 1px solid #ebebeb;
    padding-left: 10px;
    border-right: 1px solid #ebebeb;
}
.diy-menu .navs .item {
	margin:0;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}

.diy-menu .navs nav.special {
    background: #f4f4f4;
}

.diy-menu .navs nav:hover {
    background: #fff;
    border: 1px solid #ddd;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.diy-menu .navs nav:active {
    -webkit-box-shadow: inset 1px 3px 5px rgba(0,0,0,0.2);
    box-shadow: inset 1px 3px 5px rgba(0,0,0,0.2);
}

.diy-menu .action {
    padding: 10px;
    text-align: right;
    position: relative;
 }

.diy-menu .action:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
}

.diy-menu .action nav {
    margin-right: 5px;
}

.fe-panel {
    height: auto;
    width: 720px;
    margin-left: 20px;
    float: left;
}

.fe-panel-title {
    height: 38px;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-radius: 5px 5px 0px 0px;
    line-height: 38px;
    padding-left: 10px;
    color: #999;
}

.fe-panel-menu {
    width: 190px;
    padding: 5px;
    z-index: 999;
    position: fixed;
    top: 60px;
    height: auto;
    overflow: hidden;
}

.comp-thumb {
    float: left;
    width: 60px;
    height: 60px;
    cursor: move;
    text-align: center;
    margin: 0 10px 10px 0;
    border: 1px dotted hsl(204, 72%, 73%);
    padding: 5px;
    border-radius: 5px;
    background: hsl(0, 0%, 98%);
}

.fe-panel-menu nav i{
    font-size: 26px;
    color: hsl(208, 71%, 64%);
    margin-bottom: 2px;
}

.fe-panel-menu nav {
    float: left;
    width: 60px;
    height: 60px;
    cursor: move;
    text-align: center;
    margin: 0 10px 10px 0;
    border: 1px dotted hsl(204, 72%, 73%);
    padding: 5px;
    border-radius: 5px;
    background: hsl(0, 0%, 98%);
}

.fe-panel-menu nav:active,.fe-panel-menu nav:hover {
    background: #3378b3;
    color: #fff;
}

.fe-panel-menu nav:active {
    background: #286499
}

.fe-panel-editor {
    min-height: 55px;
    background: #fff;
    border-radius: 5px;
    padding: 0px 10px 10px 10px;
    position: relative;
    margin-bottom: 10px;
}

.fe-panel-editor .tips {
    font-size: 12px;
    margin-left: 10px;
}

.fe-panel-editor-ico {
    height: 37px;
    width: 20px;
    background: url(../images/diy/init-data/ico_1.png) no-repeat;
    background-size: 20px;
    position: absolute;
    top: 15px;
    left: -20px;
}

.fe-panel-editor-title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    border-bottom: 1px dashed #ccc;
    padding-left: 5px;
}

.fe-panel-editor-line {
    min-height: 40px;
    overflow: hidden;
}

.fe-panel-editor-name {
    height: 40px;
    width: 90px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #999;
    float: left;
}

.fe-panel-editor-con {
    min-height: 40px;
    float: left;
    line-height: 40px;
    color: #999;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    content: "...";
}

.fe-panel-editor-input1 {
    height: 30px;
    width: 100%;
    padding-left: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 4px;
    line-height: 30px;
    color: #aaa;
    outline: none;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
}

.fe-panel-editor-input2 {
    height: 30px;
    width: 70px;
    padding-left: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 4px;
    line-height: 30px;
    color: #aaa;
    outline: none;
}

.fe-panel-editor-input3 {
    height: 30px;
    width: 100%;
    padding-left: 8px;
    border: 1px solid #ddd;
    border-radius: 3px 0px 0px 3px;
    margin-top: 4px;
    line-height: 30px;
    color: #aaa;
    outline: none;
    float: left;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset;
}

.fe-panel-editor-input4 {
    height: 30px;
    width: 80px;
    background: #fff;
    text-align: center;
    border: 1px solid #ddd;
    border-left: 0px;
    border-radius: 0px 3px 3px 0px;
    margin-top: 4px;
    line-height: 30px;
    color: #aaa;
    outline: none;
    float: left;
    cursor: pointer;
}

.fe-panel-editor-input4:active {
    background: #eee;
}

.fe-panel-editor-sub1 {
    height: 38px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    color: #999;
    cursor: pointer;
    margin-top: 10px;
}

.fe-panel-editor-line2 {
    min-height: 100px;
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-top: 10px;
    padding: 10px;
}

.fe-panel-editor-goodimg {
    min-height: 40px;
    width: 138px;
    border: 1px solid #ccc;
    float: left;
    position: relative;
    background: #fff;
    cursor: pointer;
}

.fe-panel-editor-goodimg-t1 {
    line-height: 78px;
    font-size: 16px;
    text-align: center;
    color: #999;
}

.fe-panel-editor-goodimg-t2 {
    height: 26px;
    width: 136px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    color: #fff;
}

.fe-panel-editor-line2-right {
    min-height: 80px;
    width: 495px;
    float: left;
}

.fe-panel-editor-relative {
    height: auto;
    position: relative;
}

.fe-panel-editor-del {
    height: 20px;
    width: 20px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: -8px;
    right: -8px;
    border-radius: 20px;
    font-size: 22px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
}

.fe-panel-editor-upload {
    min-height: 36px;
    width: 196px;
    border: 2px dashed #ddd;
    position: relative;
    cursor: pointer;
}

.fe-panel-editor-upload-choose1 {
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #ccc;
}

.fe-panel-editor-upload-choose2 {
    height: 30px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.fe-save {
    height: 60px;
    width: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

.fe-save-main {
    height: 60px;
    width: 980px;
    margin: auto;
}

.fe-save-main-radio {
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 20px;
    float: left;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: '微软雅黑';
    color: #6c9;
    line-height: 16px;
    text-align: center;
}

.fe-save-main-radio2 {
    border: 2px solid #6c9;
}

.fe-save-main-text {
    height: 20px;
    width: auto;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.fe-save-info {
    height: 40px;
    width: 780px;
    margin: 10px 0px;
    float: left;
}

.fe-save-info-type {
    height: 20px;
    margin: 10px 10px 10px 0px;
    width: auto;
    float: left;
    cursor: pointer;
}

.fe-save-submit,.fe-save-submit3 {
    height: 40px;
    width: 100px;
    background: #6c9;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin: 10px 0px;
    cursor: pointer;
    margin: 10px 0px;
    float: left;
}

.fe-save-submit2 {
    height: 40px;
    width: 100px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #4bb5fb;
    font-size: 16px;
    margin: 10px 0px;
    margin: 10px 0px;
    float: left;
    cursor: pointer;
}

.fe-save-disabled {
    background: #bbb;
}

.fe-save-fold {
    height: 60px;
    width: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5) url(../images/diy/init-data/return.png) center no-repeat;
    cursor: pointer;
}

.fe-save-fold2 {
    background: rgba(0,0,0,0.5) url(../images/diy/init-data/return2.png) center no-repeat;
}

.fe-save-gotop {
    height: 60px;
    width: 130px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.fe-save-gotop i {
    font-size: 30px;
}


.fe-save {
    height: 60px;
    width: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

.fe-save-main {
    height: 60px;
    width: 980px;
    margin: auto;
}

.fe-save-main-radio {
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 20px;
    float: left;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: '微软雅黑';
    color: #6c9;
    line-height: 16px;
    text-align: center;
}

.fe-save-main-radio2 {
    border: 2px solid #6c9;
}

.fe-save-main-text {
    height: 20px;
    width: auto;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.fe-save-info {
    height: 40px;
    width: 780px;
    margin: 10px 0px;
    float: left;
}

.fe-save-info-type {
    height: 20px;
    margin: 10px 10px 10px 0px;
    width: auto;
    float: left;
    cursor: pointer;
}

.fe-save-submit,.fe-save-submit3 {
    height: 40px;
    width: 100px;
    background: #6c9;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin: 10px 0px;
    cursor: pointer;
    margin: 10px 0px;
    float: left;
}

.fe-save-submit2 {
    height: 40px;
    width: 100px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #4bb5fb;
    font-size: 16px;
    margin: 10px 0px;
    margin: 10px 0px;
    float: left;
    cursor: pointer;
}

.fe-save-disabled {
    background: #bbb;
}

.fe-save-fold {
    height: 60px;
    width: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5) url(../images/diy/init-data/return.png) center no-repeat;
    cursor: pointer;
}

.fe-save-fold2 {
    background: rgba(0,0,0,0.5) url(../images/diy/init-data/return2.png) center no-repeat;
}

.fe-save-gotop {
    height: 60px;
    width: 130px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.fe-save-gotop i {
    font-size: 30px;
}

.fe-mod {
    height: auto;
    border: 2px dashed rgba(0,0,0,0);
    position: relative;
}

.fe-mod:hover {
    border: 2px dashed #6c9;
}

.fe-mod a , .fe-mod a:hover {
    color: inherit;
    text-decoration: none;
}

.fe-mod-nohover:hover {
    border: 2px dashed rgba(0,0,0,0);
}

.fe-mod-layer {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.fe-mod-move {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0);
    z-index: 999;
    cursor: move;
}

.fe-mod-select {
    border: 2px dashed #6c9;
}

.fe-mod-1 {
    height: 46px;
    background: #ffc;
    font-size: 14px;
    color: #fc0;
    padding: 10px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.fe-mod-1 a , .fe-mod-1 a:hover {
    color: inherit;
    text-decoration: none;
}

.fe-mod-2 {
    position: relative;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
    min-height: 40px;
}

.fe-mod-2 .swipe {
    overflow: hidden;
    background-size: 2604px;
    background-size: 9436px;
    visibility: hidden;
    position: relative;
}

.fe-mod-2 .swipe-wrap {
    overflow: hidden;
    position: relative;
    background: #ddd;
}

.fe-mod-2 .swipe-wrap li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}

.fe-mod-2 .swipe-wrap li img {
    display: block;
    width: 100%;
}

.fe-mod-2-dots {
    height: 10px;
    width: 100%;
    padding: 0px 10px;
    position: absolute;
    bottom: 10px;
    left: 0px;
    text-align: center;
}

.fe-mod-2-dots a {
    height: 10px;
    width: 22px;
    background: #000;
    opacity: 0.4;
    display: inline-block;
    margin: 0px 2px;
}

.fe-mod-2-dots .shape {
    background: #000;
    opacity: 0.6
}

.fe-mod-2-dots .shape2 {
    height: 10px;
    width: 10px;
}

.fe-mod-2-dots .shape3 {
    height: 10px;
    width: 10px;
    border-radius: 10px;
}

.fe-mod-3 {
    height: auto;
    padding: 10px;
    overflow: hidden;
}

.fe-mod-3 h2 {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    font-weight: 100;
}

.fe-mod-3 h4 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 100;
    padding-top: 3px;
}

.fe-mod-4 {
    padding: 5px;
}

.fe-mod-4-con {
    height: 34px;
    background: #fff;
    margin: 5px;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
}

.fe-mod-4-ico {
    height: 34px;
    width: 34px;
    background: url(../images/diy/init-data/search_ico.png) center no-repeat;
    background-size: 18px;
    float: left;
    color: #999;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.fe-mod-4-blank {
    height: 40px;
    padding-left: 40px;
}

.fe-mod_4-input {
    height: 32px;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    outline: none;
    color: #999;
}

.fe-mod-4-2-ico {
    float: right;
}

.fe-mod-4-2-blank {
    padding-left: 5px;
    padding-right: 40px;
}

.fe-mod-5 {
    height: auto;
}

.fe-mod-5-line {
    height: 0px;
    margin: 10px 0px;
    border-top: 2px dashed #999;
}

.fe-mod-6 {
    height: 100px;
}

.fe-mod-7 {
    min-height: 20px;
    background: #eee;
    word-wrap: break-word;
    overflow: hidden;
}

.fe-mod-7 p {
    margin: 0px;
    padding: 0px;
}

.fe-mod-7 img {
    max-width: 100%;
    outline-width: 0px;
    vertical-align: top;
    display: block
}

.fe-mod-8 {
    height: auto;
    overflow: hidden;
    padding: 5px 0px;
    background: #fff;
}

.fe-mod-8 a , .fe-mod-8 a:hover {
    color: inherit;
    text-decoration: none;
}

.fe-mod-8-title {
    padding: 0px 8px;
    font-size: 16px;
    color: #666;
}

.fe-mod-8-good {
    height: auto;
    width: 50%;
    float: left;
}

.fe-mod-8-main {
    height: auto;
    padding: 5px;
    background: #fff;
}

.fe-mod-8-main-img {
    min-height: 50px;
    background: #ddd;
    position: relative;
    text-align: center;
}

.fe-mod-8-main-img img {
    width: 100%;
}

.fe-mod-8 .new {
    height: 30px;
    width: 30px;
    background: url(../images/diy/init-data/ico_new.png) no-repeat;
    background-size: 30px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.fe-mod-8 .saleimg {
    height: 50px;
    width: 50px;
    position: absolute;
    top: -3px;
    left: -3px;
}

.fe-mod-8 .sale-xp {
    background: url(../images/diy/init-data/sale-xp.png);
    background-size: 50px;
}

.fe-mod-8 .sale-rx {
    background: url(../images/diy/init-data/sale-rx.png);
    background-size: 50px;
}

.fe-mod-8 .sale-tj {
    background: url(../images/diy/init-data/sale-tj.png);
    background-size: 50px;
}

.fe-mod-8 .sale-xs {
    background: url(../images/diy/init-data/sale-xs.png);
    background-size: 50px;
}

.fe-mod-8 .sale-by {
    background: url(../images/diy/init-data/sale-by.png);
    background-size: 50px;
}

.fe-mod-8 .sale-cx {
    background: url(../images/diy/init-data/sale-cx.png);
    background-size: 50px;
}

.fe-mod-8 .recom {
    height: 30px;
    width: 30px;
    background: url(../images/diy/init-data/ico_recom.png) no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
}

.fe-mod-8 .hot {
    height: 30px;
    width: 30px;
    background: url(../images/diy/init-data/ico_hot.png) no-repeat;
    background-size: 30px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.fe-mod-8-main-name {
    height: auto;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #999;
    margin-top: 5px
}

.fe-mod-8-main-name-name {
    height: 40px;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333
}

.fe-mod-8-main-name-buy {
    height: 20px;
    width: 30px;
    float: right;
    background-repeat: no-repeat;
}

.fe-mod-8 .buy-1 {
    background: url(../images/diy/init-data/ico_buy_1.png);
    background-size: 30px 20px;
}

.fe-mod-8 .buy-2 {
    background: url(../images/diy/init-data/ico_buy_2.png);
    background-size: 30px 20px;
}

.fe-mod-8 .buy-3 {
    background: url(../images/diy/init-data/ico_buy_3.png);
    background-size: 30px 20px;
}

.fe-mod-8 .buy-4 {
    background: url(../images/diy/init-data/ico_buy_4.png);
    background-size: 30px 20px;
}

.fe-mod-8-main-price {
    height: 24px;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    color: #fff;
    background: rgba(0,0,0,0.2);
    padding-left: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    content: "...";
}

.fe-mod-8-hp-line {
    height: 90px;
    background: #fff;
    padding: 5px;
}

.fe-mod-8-hp-line-img {
    height: 80px;
    width: 80px;
    background: #ddd;
    float: left;
    position: relative;
}

.fe-mod-8-hp-line-img img {
    height: 100%;
    width: 100%;
}

.fe-mod-8-hp-line-info {
    height: 80px;
    background: #fff;
    padding-left: 90px;
}

.fe-mod-8-hp-line-info .title {
    height: 40px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fe-mod-8-hp-line-info .price {
    height: 30px;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    color: #bbb;
    line-height: 30px;
    float: left;
    overflow: hidden;
}

.fe-mod-8-hp-line-info .price .p1 {
    float: left;
    color: #ff6600;
}

.fe-mod-8-hp-line-info .price .p2 {
    font-size: 12px;
    padding-left: 5px;
    text-decoration: line-through;
    float: left;
    line-height: 32px
}

.fe-mod-8-hp-line-info .price .p3 {
    padding-left: 10px;
    float: left;
    font-size: 12px;
}

.fe-mod-9 {
    min-height: 174px;
}

.fe-mod-9 a , .fe-mod-9 a:hover {
    color: inherit;
    text-decoration: none;
}

.fe-mod-9 img {
    width: 100%;
    display: block;
}

.fe-mod-9-menu {
    height: 45px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.fe-mod-9-menu a {
    color: inherit;
}

.fe-mod-9-nav {
    height: 40px;
    width: 25%;
    padding-top: 5px;
    float: left;
    text-align: center;
    font-size: 12px;
}

.fe-mod-9-nav i {
    font-size: 18px;
}

.fe-mod-9-nav-on {
    height: 45px;
    border-bottom: 0 solid #dd2322;
}

.fe-mod-9-shopname {
    height: 24px;
    width: 100%;
    position: absolute;
    bottom: 55px;
    left: 0px;
}

.fe-mod-9-name {
    height: 24px;
    width: auto;
    background: rgba(0,0,0,0.2);
    line-height: 24px;
    margin: auto;
    display: table;
    border-radius: 24px;
    font-size: 14px;
    color: #fff;
    padding: 0px 15px;
}

.fe-mod-9-shoplogo {
    height: 80px;
    width: 80px;
    padding: 4px;
    border: 1px solid #fff;
    border-radius: 45px;
    margin-left: -40px;
    position: absolute;
    bottom: 88px;
    left: 50%;
}

.fe-mod-9-shoplogo-img {
    height: 70px;
    width: 70px;
    padding: 4px;
    border: 1px solid #fff;
    border-radius: 70px;
    margin: auto;
}

.fe-mod-9-shoplogo-img img {
    height: 60px;
    width: 60px;
    border-radius: 60px;
}

.fe-mod-10 {
    min-height: 100px;
}

.fe-mod-10 img {
    width: 100%;
}

.fe-mod-10-menu {
    height: 45px;
    padding: 5px 0px 0px 90px;
    text-align: center;
    background: #fff;
}

.fe-mod-10-menu a {
    color: inherit;
}

.fe-mod-10-nav {
    height: 40px;
    width: 25%;
    float: left;
}

.fe-mod-10-nav span {
    font-size: 18px;
    color: #000;
    line-height: 18px;
}

.fe-mod-10-nav nav {
    font-size: 12px;
}

.fe-mod-10-shoplogo {
    height: 66px;
    width: 66px;
    background: #ccc;
    position: absolute;
    left: 14px;
    bottom: 22px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

.fe-mod-10-shoplogo img {
    height: 64px;
    width: 64px;
}

.fe-mod-10-shopname {
    height: 40px;
    width: auto;
    position: absolute;
    left: 90px;
    bottom: 50px;
    font-size: 16px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.fe-mod-11 {
    height: 60px;
    background: #3e4144 url(../images/diy/phone/topbar.png) 0px center no-repeat;
    overflow: hidden;
    cursor: default;
}

.fe-mod-11-title {
    height: 30px;
    width: 210px;
    margin: auto;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    content: "...";
}

.fe-mod-12 {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    background: #fff;
    overflow: hidden;
}

.fe-mod-12-nav {
    height: auto;
    width: 25%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fe-mod-12-img {
    height: auto;
    margin: 0px 12px;
}

.fe-mod-12-img img {
    width: 100%;
    border-radius: 100%;
}

.fe-mod-12-text {
    height: 20px;
    line-height: 25px;
    text-align: center;
    color: #999;
    font-size: 12px;
    overflow: hidden;
}

.fe-mod-13 {
    min-height: 40px;
}

.fe-mod-13 img {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.fe-mod-cube {
    background: #fff;
}

.fe-panel-editor-cube {
}

.fe-panel-editor-cube .add-cube-item {
    margin: 0 0 20px 0;
    padding: 10px;
    position: relative;
}

.fe-panel-editor-cube table {
    width: 340px;
    table-layout: fixed;
}

.fe-panel-editor-cube table tr td {
    width: 85px;
    height: 85px;
    cursor: pointer;
    text-align: center;
    color: #ccc;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    -webkit-box-sizing: border-box;
    border: #dddddd 1px dashed;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.fe-panel-editor-cube table td .empty {
    background-color: rgba(0, 0, 0, 0);
    border: #dddddd 1px dashed;
}

.fe-panel-editor-cube table td.current {
    outline: 2px solid red;
}

.fe-panel-editor-cube table td.rows-2 {
    height: 170px;
}

.fe-panel-editor-cube table td.rows-3 {
    height: 255px;
}

.fe-panel-editor-cube table td.rows-4 {
    height: 340px;
}

.fe-panel-editor-cube table td.cols-2 {
    width: 170px;
}

.fe-panel-editor-cube table td.cols-3 {
    width: 255px;
}

.fe-panel-editor-cube table td.cols-4 {
    width: 340px;
}

.fe-panel-editor-cube table td.index-0 {
    background-color: #BEEB9F;
}

.fe-panel-editor-cube table td.index-1 {
    background-color: #FFFF9D;
}

.fe-panel-editor-cube table td.index-2 {
    background-color: #DB9E36;
}

.fe-panel-editor-cube table td.index-3 {
    background-color: #79BD8F;
}

.fe-panel-editor-cube table td.index-4 {
    background-color: #00A388;
}

.fe-panel-editor-cube table td.index-5 {
    background-color: #225378;
}

.fe-panel-editor-cube table td.index-6 {
    background-color: #1695A3;
}

.fe-panel-editor-cube table td.index-7 {
    background-color: #BEDB39;
}

.fe-panel-editor-cube table td.index-8 {
    background-color: #F3FFE2;
}

.fe-panel-editor-cube table td.index-9 {
    background-color: #EB7F00;
}

.fe-panel-editor-cube table td.index-10 {
    background-color: #7D8A2E;
}

.fe-panel-editor-cube table td.index-11 {
    background-color: #C9D787;
}

.fe-panel-editor-cube table td.index-12 {
    background-color: #FFC0A9;
}

.fe-panel-editor-cube table td.index-13 {
    background-color: #FF8598;
}

.fe-panel-editor-cube table td.index-14 {
    background-color: #FFD34E;
}

.fe-panel-editor-cube table td.index-15 {
    background-color: #ACF0F2;
}

.fe-panel-editor-cube table span {
    color: #fff;
    text-shadow: 0 0 1px #000;
    position: relative;
    left: -2px;
}

.fe-panel-editor-cube table td.current span {
    top: -10px;
    left: 0;
}

.fe-mod-cube table {
    width: 100%;
    table-layout: fixed;
}

.fe-mod-cube td {
    height: auto;
    text-align: center;
    color: #ddd;
}

.fe-mod-cube tr {
    margin: 0;
    padding: 0;
    width: 100%;
}

.fe-mod-cube td {
    width: 25%;
    margin: 0;
    padding: 0;
}

.fe-mod-cube td img {
    display: inline-block;
    vertical-align: middle;
}

.fe-panel-editor-cube tr {
    margin: 0;
    padding: 0;
    width: 100%;
}

.fe-panel-editor-cube td {
    width: 25%;
    margin: 0;
    padding: 0;
}

.fe-panel-editor-cube td {
    width: 85px;
}

.fe-panel-editor-cube td img img {
    display: inline-block;
    vertical-align: middle;
}

.fe-panel-editor-cube td.cols-2,.fe-mod-cube td.cols-2 {
    width: 50%;
}

.fe-panel-editor-cube td.cols-3,.fe-mod-cube td.cols-3 {
    width: 75%;
}

.fe-panel-editor-cube td.cols-4,.fe-mod-cube td.cols-4 {
    width: 100%;
}

.layout-table {
    width: 400px;
    margin: 40px auto;
}

.layout-cols ul,.layout-cols li {
    list-style: none;
    margin: 0;
    padding: 0
}

.layout-cols li {
    float: left;
    background: #f8f8f8;
    width: 60px;
    height: 60px;
    border: 1px solid #e9e9e9;
    border-right-width: 2px;
    border-bottom-width: 2px;
    margin: 1px;
}

.layout-cols li.selected {
    background: #ddeafb;
    border-color: #c3d9ff;
}

.fe-mod-repeat {
    position: relative;
}

.fe-mod-del {
    height: 20px;
    width: 40px;
    background: rgba(0,0,0,0.4);
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    cursor: pointer;
    z-index: 999;
}

.fe-mod-default {
    cursor: default;
}

.fe-tab-link {
    height: 350px;
    display: none;
    overflow-y: auto;
}

.fe-tab-link-line {
    height: 36px;
    border-bottom: 1px dashed #eee;
    line-height: 36px;
    color: #999;
}

.fe-tab-link-text {
    height: 36px;
    padding-left: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    content: "...";
}

.fe-tab-link-sub {
    height: 36px;
    width: 100px;
    padding-right: 15px;
    float: right;
    text-align: right;
}

#editor {
    min-height: 600px;
    position: relative;
}
.fe-diyicon {
    min-height: 10px;
    width: 60px;
}

.fe-diyicon-right {
    float: right;
}
.fe-floatico {
    min-height: 10px;
    width: 60px;
    position: fixed;
    top: 100px;
    margin: 5px;
    z-index: 1000;
}

.fe-floatico-right {
    left: null;
    right: 0;
}

.fe-guide {
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    padding: 5px;
    cursor: default;
    opacity: 0.9;
    display: none;
}

.fe-guide-faceimg {
    height: 40px;
    width: 40px;
    float: left;
}

.fe-guide-faceimg img {
    height: 100%;
    width: 100%;
}

.fe-guide-text {
    height: 40px;
    line-height: 20px;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
}

.fe-guide-text p {
    margin: 0px 5px;
    width: 100%;
    overflow: hidden;
}

.fe-guide-sub {
    height: 24px;
    width: auto;
    padding: 0px 5px;
    background: #6c9;
    margin-top: 8px;
    float: right;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    border-radius: 3px
}

.fe-guide-lineheight {
    line-height: 40px;
}

.new-goods {
    padding: 4px
}

.card-price {
    color: #ff6600;
    overflow: hidden;
    position: relative;
    height: 20px
}

.good-new {
    padding: 4px
}

.good-new a {
    border: 1px solid #e5e5e5;
    display: block;
    background: #fff
}

.add-cart {
    position: absolute;
    right: 0;
    bottom: 0
}

.fe-mod-8-hp-line {
    border: 1px solid #e5e5e5;
    display: block;
    background: #fff;
    margin: 5px 0;
}

/*diy*/
.fui-line-diy {
    height: auto;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    padding: 10px 0;
}
.fui-line-diy .line {
    height: 0px;
    width: 100%;
    border-top: 1px solid #000000;
}

.fui-line-diy:before {
    border: 0;
    height: 0;
}

.fui-title {
    color: #888;
    font-size: 14px;
    padding: 0 0.7rem;
}

.fui-picture {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}

.fui-picture img {
    display: block;
    width: 100%;
}

.fui-goods-group {
    background: none;
}

.fui-goods-item .image {
    height: 4rem;
    width: 4rem;
    float:left;
    background-size:100%;
    position: relative;
}

.fui-goods-item .detail .price .buy {
    display:block;
    text-align: center;
    line-height: 20px;
    color: #fff; font-size: 12px;
    background: #fe5455;
    border-radius: 20px;
    display: block;
    font-size: 12px;
    height: 20px;
    width: 20px;
    padding: 0;
}

.fui-goods-item .detail .price .buy.buybtn-3 {
    width: auto;
    padding: 0 5px;
    border-radius: 3px;
}

.fui-goods-item .image .goodsicon {
    position: absolute;
    height: auto;
    width: auto;
    display: block;
    overflow: hidden;
}

.fui-goods-item .image .goodsicon img {
    display: inline-block;
    max-width: 100%;
}

.fui-goods-item .image .goodsicon.left {
    left: 0;
}

.fui-goods-item .image .goodsicon.right {
    right: 0;
}

.fui-goods-item .image .goodsicon.top {
    top: 0;
}

.fui-goods-item .image .goodsicon.bottom {
    bottom: 0;
}

.fui-swipe-page {
    height: 14px;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    line-height: 14px;
}

.fui-swipe-page.left {
    text-align: left;
}

.fui-swipe-page.center {
    text-align: center;
}

.fui-swipe-page.right {
    text-align: right;
}


.fui-swipe-page.rectangle .fui-swipe-bullet {
    height: 12px;
    width: 20px;
}

.fui-swipe-page.square .fui-swipe-bullet {
    height: 12px;
    width: 12px;
}

.fui-swipe-page.round .fui-swipe-bullet {
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

.fui-swipe-page .fui-swipe-bullet {
    display: inline-block;
    margin: 0 4px 0 0;
    border-radius: 0;
}

.searchbtn {
    background: none;
    border: 0;
}

.searchbar,
.fui-searchbar {
    height: auto;
}
.searchbar {
    padding: 0;
}

.searchbar.right {
    text-align: right;
}

.search-input.radius {
    border-radius: 5px;
}

.search-input.round {
    border-radius: 30px;
}

.fui-picturew {
    height: auto;
    display: block;
    overflow: hidden;
}

.fui-picturew .item {
    height: auto;
    width: 100%;
    display: block;
    float: left;
}

.fui-picturew .item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.fui-picturew .item .image {
    position: relative;
}
.fui-picturew .item .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1rem;
    color: #fff;
    padding: 0.4rem 0.15rem 1px;
    font-size: 0.7rem;
    background: #333;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fui-picturew .item .text {
    font-size: 0.75rem;
    height: 1rem;
    line-height: 1.2rem;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fui-picturew.row-2 .item {
    width: 50%;
}

.fui-picturew.row-3 .item {
    width: 33.33%;
}

.fui-picturew.row-4 .item {
    width: 25%;
}

.fui-picturew.row-5 .item {
    width: 20%;
}

.diymenu-page {
    height: 100%;
    width: 100%;
    line-height: 600px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.diymenu {
    height: 2.5rem;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    box-shadow:0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.1);
}

.diymenu .item {
    height: 2.5rem;
    width: 25%;
    display: block;
    background: #fff;
    float: left;
    position: relative;
    cursor: pointer;
}

.diymenu .item.item-col-1 {
    width: 100%;
}

.diymenu .item.item-col-2 {
    width: 50%;
}

.diymenu .item.item-col-3 {
    width: 33.33%;
}

.diymenu .item.item-col-4 {
    width: 25%;
}

.diymenu .item.item-col-5 {
    width: 20%;
}

.diymenu .item .child {
    display: block;
    height: auto;
    min-width: 90px;
    max-width: 130px;
    background: #eee;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -45px;
    z-index: 996;
    border-radius: 3px;
    border: 1px solid #ccc;

    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.diymenu .item .child.in {
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.diymenu .item .child a {
    clear: both;
    display: block;
    padding: 8px;
    font-size: 13px;
    position: relative;
    color: #666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.diymenu .item .child a:after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 0;
    border-top: 1px solid #ccc;
}

.diymenu .item .child a:first-child:after {
    border: none;
}

.diymenu .item .child .arrow {
    width: 18px;
    height: 18px;
    color: #ccc;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px;
}

.diymenu .item .child .arrow:after,
.diymenu .item .child .arrow:before {
    position: absolute;
    bottom: 3px;
    left: 3px;
    content: "";
    height: 12px;
    width: 12px;
    background: #000;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index: 997;
}

.diymenu .item .child .arrow:after {
    bottom: 4.5px;
    background: #ccc;
    z-index: 998;
}

.diymenu .item .inner {
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 997;
    text-align: center;
    color: #fff;
    padding: 0;
}
.diymenu .item .inner.left {
    padding-top: 0.25rem;
}

.diymenu .item .inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0);
}

.diymenu .item .inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-left: 1px solid rgba(0,0,0,0);
}

.diymenu .item:first-child .inner:after {
    border-left: 0;
}

.diymenu .item .inner .icon {
    display: block;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.7rem;
    color: #f90;
}

.diymenu .item .inner .text {
    display: block;
    font-size: 0.55rem;
    color: #999;
    overflow: hidden;
    margin: 0 2px;
}
.diymenu .item .inner .icon.left,
.diymenu .item .inner .text.left {
    display: inline-block;
}
.diymenu .item .inner .text.left {
    margin-top: 10px;
    font-size: 14px;
}
.diymenu .item .inner .icon.left {
    font-size: 18px;
}

.diymenu .item .inner.image {
    padding: 1px 0 2px 0;
}

.diymenu .item .inner.image img {
    display: inline-block;
    height: 100%;
    max-width: 100%;
}

.diymenu .item .inner .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.6rem;
    height: 0.8rem;
    left: 50%;
    line-height: 0.8rem;
    margin-left: 0.1rem;
    min-width: 0.8rem;
    padding: 0 0.2rem;
    position: absolute;
    top: 0.1rem;
    vertical-align: top;
    z-index: 100;
}
.diy-richtext a {
    color: #337ab7;
}

.diy-richtext img {
    max-width: 100%;
}

.diy-richtext video {
    display: block;
    width: 100%;
}

.fui-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;

}
.fui-list.align-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.fui-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: .5rem;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: .5rem;
}

.fui-list:first-child:before {
    display: none;
}

.fui-list:active {
    background: #ececec;
}
.fui-list.noclick:active {
    background: #fff;
}
.fui-list a {
    color:#666;
}

.fui-list-media {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right:.5rem;
    color:#aaa;
    position: relative;
}
.fui-list-media .title {
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 0.7rem;
    height: 1rem;
    right: 0;
    left: 0;
    line-height: 1rem;
    font-size: 0.6rem;
    padding: 0 0.15rem;
    position: absolute;
    bottom: 0;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}

.fui-list-media img {
    width:2.5rem;
}

.fui-list-media img.round {
    border-radius: .3rem;
}

.fui-list-media .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.7rem;
    height: 0.9rem;
    right: -.35rem;
    line-height: 0.9rem;
    min-width: 0.9rem;
    padding: 0 0.15rem;
    position: absolute;
    top: -.3rem;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}

/* 方块组 */
.fui-block-group {background: #fff; border-bottom: 1px solid #ececec; position: relative; margin-top:.5rem}
.fui-block-group .fui-block-child {
    height: auto;
    float:left;
    padding: 0.4rem 0 ;
    background: #fff;
    transition:background-color 300ms;
    -webkit-transition: background-color 300ms;
    position: relative;
}
.fui-block-group .fui-block-child:before {
    content: "";
    width: 0px;
    border-right: 1px solid #ececec;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.fui-block-group .fui-block-child:after {
    content: "";
    height: 0px;
    border-bottom: 1px solid #ececec;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.fui-block-group.col-2 .fui-block-child {
    width:50%
}
.fui-block-group.col-3 .fui-block-child {
    width:33.3%
}
.fui-block-group.col-4 .fui-block-child {
    width:25%
}
.fui-block-group.col-5 .fui-block-child {
    width:20%
}

.fui-block-group .fui-block-child:active {background: #ececec;}
.fui-block-group .fui-block-child .icon {height: 2.7rem; padding-top: 1rem; text-align: center; font-size: 1.4rem; line-height: 1.5rem;}
.fui-block-group .fui-block-child .icon i { font-size:1.8rem;}
.fui-block-group .fui-block-child .title {height: 1rem; font-size: 0.6rem; line-height: 1.5rem; text-align: center; color: #666;}
.fui-block-group .fui-block-child .title.bigsize {font-size: 0.7rem;}
.fui-block-group .fui-block-child .text {height: 1.2rem; font-size: 0.5rem; text-align: center; color: #666; line-height: 1rem;}
.fui-block-group .fui-block-child .text span {color: #feb312;}
.fui-block-group .fui-block-child .text.remark {color: #a9a9a9; font-size: 0.6rem; line-height: 1.2rem;}
.fui-block-group .fui-block-child .num {height: 0.9rem; text-align: center; font-size: 0.8rem; color: #fb6665; line-height: 1.4rem;}
.fui-block-group .fui-block-dots {height: 0.9rem; text-align: center; line-height: 0.6rem;}
.fui-block-group .fui-block-dots a {height: 0.3rem; width: 0.3rem; background: #e6e6e6; border-radius: 0.4rem; display: inline-block;}
.fui-block-group .fui-block-dots a.on {background: #fa5453;}

.headinfo-m {
    position: relative;
    height: auto;
    background: #fe5455;
    padding-top: 20px;
    border-top: 1px #b2423f solid;
    border-bottom: 1px #fa9d9d solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.headinfo-m .setbtn {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.headinfo-m .child {
    width: 30%;
    height: auto;
    padding-bottom: 24px;
    text-align: center;
}

.headinfo-m .child.userinfo {
    width: 40%;
    color: #fff;
}

.headinfo-m .child.userinfo .face {
    height: 56px;
    width: 56px;
    background: #fff;
    margin: auto;
    border-radius: 56px;
    border: 2px solid #fff;
}

.headinfo-m .child.userinfo .face img {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    display: block;
}

.headinfo-m .child.userinfo .face.radius{
    border-radius: 10px;
}

.headinfo-m .child.userinfo .face.radius img{
    border-radius: 10px;
}

.headinfo-m .child.userinfo .name {
    height: 20px;
    padding-top: 4px;
    font-size: 12px;
    color: inherit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo-m .child.userinfo .level {
    font-size: 12px;
    color: inherit;
    text-align: center;
}

.headinfo-m .child .title {
    padding-top: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.headinfo-m .child .num {
    font-size: 14px;
    color: #fef31f;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo-m .child .btn {
    width: 52px;
    height: 20px;
    padding: 0;
    margin: 4px auto 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #fff;
}

.page-commission-index .headinfo {
    border: 0;
}

.swiper-pagination-bullet-active {
    background: #000;
    opacity: 0.5;
}
.swiper-button-white {
    background: rgba(0, 0, 0, 0.3);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-pagination {
    position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fui-picturew .fui-picturew-pagination {
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 10px;
}

.fui-picturew .fui-picturew-pagination a {
    height: 8px;
    width: 8px;
    background: #000;
    border-radius: 8px;
    display: inline-block;
    opacity: 0.3;
}

.fui-picturew .fui-picturew-pagination a.active {
    opacity: 0.5;
}

.diy-coupon {
    padding: 0 0.3rem;
    height: auto;
    overflow: hidden;

}

.diy-coupon .diy-coupon-item {
    width: 33.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.diy-coupon .diy-coupon-item .inner {
    height: auto;
    border: 1px solid #f01;
    margin: 0.3rem;
    border-radius: 0.4rem;
    text-align: center;
    padding: 0.2rem;
}

.diy-coupon.col-2 .diy-coupon-item {
    width: 50%;
}

.diy-coupon.col-3 .diy-coupon-item {
    width: 33.33%;
}

.diy-coupon .diy-coupon-item .name {
    font-size: 0.8rem;
}

.diy-coupon .diy-coupon-item .desc {
    font-size: 0.6rem;
}

.diy-fixedsearch {
    height: 44px;
    overflow: hidden;
    position: relative;
}

.diy-fixedsearch.fixed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.diy-fixedsearch .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.5;
    z-index: 1;
}

.diy-fixedsearch .inner {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    color: #fff;
    height: 44px;
    padding: 8px;
}

.diy-fixedsearch .inner .leftnav {
    height: 28px;
    line-height: 28px;
}

.diy-fixedsearch .inner .rightnav {
    height: 28px;
    line-height: 28px;
}

.diy-fixedsearch .inner .leftnav img,
.diy-fixedsearch .inner .rightnav img {
    height: 28px;
    width: auto;
    display: block;
}

.diy-fixedsearch .inner .leftnav .icon,
.diy-fixedsearch .inner .rightnav .icon {
    font-size: 24px;
}

.diy-fixedsearch .inner .center {
    height: 28px;
    width: 100%;
    padding: 0 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.diy-fixedsearch .inner .center input {
    border-radius: 0;
    background: #fff;
    -webkit-appearance : none;
    height: 28px;
    border: 0;
    width: 100%;
    padding: 0 6px;
    font-size: 14px;
    color: #666;
}

.diy-fixedsearch .inner .center.round input {
    border-radius: 4px;
}

.diy-fixedsearch .inner .center.circle input {
    border-radius: 28px;
}

.follow_topbar ~ .diy-fixedsearch {
    top: 32px;
}
.fui-header ~ .diy-fixedsearch {
    top: 44px;
}
html {
    font-size: 20px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
}

.text-yellow {
    color: #feb312;
}

.text-orange {
    color: #ff741d;
}

.text-blue {
    color: #50b6fe;
}

.text-red {
    color: #fd5454;
}

.diy-richtext {
    min-height: 20px;
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}

.diy-banner {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
    position: relative;
}

.diy-banner img {
    display: none;
    width: 100%;
}

.diy-banner img:first-child {
    display: block;
}

.diy-banner .dots {
    height: 14px;
    padding: 0 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    opacity: 0.5;
}

.diy-banner .dots.left {
    text-align: left;
}

.diy-banner .dots.center {
    text-align: center;
}

.diy-banner .dots.right {
    text-align: right;
}

.diy-banner .dots.rectangle span {
    height: 12px;
    width: 20px;
}

.diy-banner .dots.square span {
    height: 12px;
    width: 12px;
}

.diy-banner .dots.round span {
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

.diy-banner .dots span {
    display: inline-block;
	margin: 0 2px;
}

.fui-icon-group {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ebebeb;
   /* background: #fff;*/
}

.fui-icon-group .fui-icon-col {
    width: 25%;
    height: auto;
    position: relative;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    float: left;
}

.fui-icon-group .fui-icon-col:active {
    background: #ececec;
}

.fui-icon-group .fui-icon-col .icon {
    height: 44px;
    margin: auto;
    text-align: center;
    line-height: 44px;
}
.fui-icon-group.col-1 .fui-icon-col {
    width: 100%;
}
.fui-icon-group.col-2 .fui-icon-col {
    width: 50%;
}

.fui-icon-group.col-3 .fui-icon-col {
    width: 33.3%;
}

.fui-icon-group.col-5 .fui-icon-col {
    width: 20%;
}

.fui-icon-group .fui-icon-col .icon img {
    height: 44px;
    width: 44px;
}
.circle,.fui-icon-group.circle,.fui-icon-group .fui-icon-col .circle,.fui-icon-group.circle .fui-icon-col img {
    border-radius: 44px;
}
.circle,.fui-icon-group.radius,.fui-icon-group .fui-icon-col .radius,.fui-icon-group.radius .fui-icon-col img {
    border-radius: 10px;
}
.fui-icon-group.col-3 .fui-icon-col.radius img {
    border-radius: 33.3%;
}

.fui-icon-group.col-5 .fui-icon-col.radius img {
    border-radius: 20%;
}

.fui-icon-group .fui-icon-col .text {
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:4px;
    color: #7a7a7a;

}
.fui-icon-group .fui-icon-col .icon-tow {
    height: 44px;
    margin: auto;
    line-height: 44px;
	padding: 0 6px;
}
.fui-icon-group.noborder {
    border-top: 0;
}

.fui-icon-group.noborder .fui-icon-col:before {
    border: 0;
}

.fui-icon-group .fui-icon-col .icon i {
    color: #aaa;
    font-size: 28px;
    margin-top: 7px;
}

.fui-icon-group .fui-icon-col .badge {
    background: red none repeat scroll 0 0;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    height: 16px;
    left: 50%;
    line-height: 16px;
    margin-left: 7px;
    min-width: 16px;
    padding: 0 4px;
    position: absolute;
    top: 10px;
    vertical-align: top;
    text-align: center;
    z-index: 100;
}

.fui-icon-group.pb10 {
    padding-bottom: 10px;
}

.fui-icon-group .fui-icon-group-pagination {
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 10px;
}

.fui-icon-group .fui-icon-group-pagination a {
    height: 8px;
    width: 8px;
    background: #000;
    border-radius: 8px;
    display: inline-block;
    opacity: 0.3;
}

.fui-icon-group .fui-icon-group-pagination a.active {
    opacity: 0.5;
}

.diy-search {
    background: #f1f1f2;
    padding: 10px 10px;
}

.diy-search .inner {
    height: 30px;
    background: #fff;
}

.diy-search.radius .inner {
    border-radius: 5px;
}

.diy-search.round .inner {
    border-radius: 30px;
}

.diy-search .inner .search-icon {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #b4b4b4;
}

.diy-search .inner .search-input {
    height: 30px;
    width: 100%;
    line-height: 30px;
    font: 12px;
    color: #999999;
}

.diy-search .inner .search-input span {
    padding: 0 10px 0;
}

.diy-search .inner.left .search-icon {
    float: left;
}

.diy-search .inner.right .search-icon {
    float: right;
}

/* notice 样式 */
.fui-notice {
    height: auto;
    font-size: 16px;
    background: #fff;
    padding: 6px;
    overflow: hidden;
    position: relative;
}

.fui-notice:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.fui-notice:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.fui-notice .image {
    height: 20px;
    width: auto;
    position: relative;
    float: left;
    padding-right: 4px;
}

.fui-notice .image img {
    height: 100%;
    max-width: 100px;
    display: block;
}

.fui-notice .image:before {
    content: " ";
    position: absolute;
    width: 0;
    top: 2px;
    right: 0;
    bottom: 2px;
    border-right: 1px solid #e2e2e2;
}

.fui-notice .icon {
    height: 20px;
    padding-left: 4px;
    float: left;
    color: #fd5454;
    line-height: 22px;
}

.fui-notice .text {
    height: 20px;
    padding-left: 4px;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    overflow: hidden;
}

.fui-notice .text ul li {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fui-notice a {
    color: #333;
}

/**/
.fui-goods-group {
    height: auto;
    overflow: hidden;
    background: #f9f9f9;
}

.fui-goods-item {
    position: relative;
    height: auto;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.fui-goods-item .image img {
    height: 100%;
    width: 100%;
    display: block;
}

.fui-goods-item .detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding-left: 10px;

}

.fui-goods-item .detail .name {
    height: 40px;
    font-size: 14px;
    color: #262626;
}

.fui-goods-item .detail .price {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    margin-top: 6px;

}

.fui-goods-item .detail .price .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ed2822;
}

.fui-goods-item .detail .price .minprice {
    font-size: 15px;
}

.fui-goods-item .detail .price .productprice {
    color: #777;
    font-size: 11px;
}

.color {
    color: #fd5454;
}

.bgcolor {
    background: #fd5454
}

.fui-goods-group.block .fui-goods-item {
    width: 50%;
    float: left;
    border-bottom: 0;
    background: none;
    padding: 5px;
    display: block;
}

.fui-goods-group.block .fui-goods-item .image {
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 100%; /* 关键就在这里 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fui-goods-group.block {
    padding: 4px;
}

.fui-goods-group.block .fui-goods-item .image {
    float: none;
}

.fui-goods-group.block .fui-goods-item .detail {
    padding: 4px;
    overflow: hidden;
}

.fui-goods-group.block .fui-goods-item .detail .name {
    height: 32px;
    overflow: hidden;
}
.fui-goods-group.block .fui-goods-item .subtitle {
    color: 9a9a9a;
}
.fui-goods-group.block .fui-goods-item .center-image {
    max-width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: contain;
}
.fui-goods-group.block.one .fui-goods-item {
    width: 100%;
    float: none;
}

.fui-goods-group.block.three .fui-goods-item {
    width: 33.33%;
}

/*fui-*/

.fui-cube {
    height: 0;
    width: 100%;
    margin: 0;
    padding-bottom: 50%;
    position: relative;
}

.fui-cube .fui-cube-left {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.fui-cube .fui-cube-right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
}

.fui-cube .fui-cube-right1 {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.fui-cube .fui-cube-right3-1 {
    width: 100%;
    height: 33.3%;
    position: absolute;
    top: 0;
    left: 0;
}
.fui-cube .fui-cube-right3-2 {
    width: 100%;
    height: 33.3%;
    position: absolute;
    top: 33.3%;
    left: 0;
}
.fui-cube .fui-cube-right3-3 {
    width: 100%;
    height: 33.3%;
    position: absolute;
    top: 66.6%;
    left: 0;
}
.fui-cube .fui-cube-right2 {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0;
}

.fui-cube .fui-cube-right2 .left {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.fui-cube .fui-cube-right2 .right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
}

.fui-cube img {
    width: 100%;
    height: 100%;
}

.diy-followbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #444444;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    z-index: 887;
}

.diy-followbar .logo {
    width: 38px;
    height: 38px;
    background: #f4f4f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
}

.diy-followbar .logo img {
    height: inherit;
    width: inherit;
    display: block;
}

.diy-followbar .logo.radius {
    border-radius: 5px;
}

.diy-followbar .logo.circle {
    border-radius: 40px;
}

.diy-followbar .text {
    height: 38px;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}

.diy-followbar .text .inner {
    height: auto;
    max-height: 38px;
    overflow: hidden;
}

.diy-followbar .btn {
    background: #04be02;
    height: 10px;
    margin-left: 4px;
    height: 24px;
    padding: 0 6px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.fui-cell-group {
    margin-top: 10px;
    background-color: #fff;
    line-height: 1.4;
    font-size: 16px;
    overflow: hidden;
    position: relative;
}

.fui-cell-group.sm * {
    font-size: 14px;
}

.fui-cell-group.fui-cell-group-o {
    margin: 0 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.fui-cell-group.fui-cell-group-o:active a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.fui-cell-group.fui-cell-group-o:active a:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.fui-cell-group:not(.fui-cell-group-o):before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-cell-group:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-cell-group .fui-cell {
    position: relative;
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

.fui-cell-group .fui-cell:before {
    content: " ";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-cell-group .fui-cell.must .fui-cell-label:after {
    content: "*";
    position: absolute;
    right: 4px;
    top: 4px;
    color: #f30;
    font-size: 16px
}

.fui-cell-group-o:after,
.fui-cell-group .fui-cell:first-child:before {
    display: none;
}

.fui-cell-group .fui-cell-click .fui-cell:active,
.fui-cell-group .fui-cell.fui-cell-click:active {
    background: #ececec;
}

.fui-cell-title {
    color: #333;
    font-size: 15px;
    padding: 10px 14px;

}

.fui-cell-tip {
    color: #999;
    font-size: 12px;
    padding: 6px 14px;
}

.fui-cell-group .fui-cell .fui-cell-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    color: #666;

}

.fui-cell-group .fui-cell .fui-cell-info.overflow {
    word-break: break-all;
    overflow: auto;
    white-space: normal;
    height: auto;
}

.fui-cell-group .fui-cell .fui-cell-info .checkbox-inline,
.fui-cell-group .fui-cell .fui-cell-info .radio-inline {
    float: left;
    margin-bottom: 4px;
}

.fui-cell-group .fui-cell .fui-cell-label {
    position: relative;
    display: block;
    width: 80px;
    padding: 0 4px;
    font-size: 15px;
}

.fui-cell-group .fui-cell .fui-cell-label.big {
    display: block;
    width: 90px;
    padding: 0 4px;
    font-size: 16px;
}

.fui-cell-group .fui-cell .fui-cell-info select {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    font-size: inherit;
    height: 24px;
    position: relative;
    z-index: 1;
    padding-left: 15px;
}

.fui-cell-group .fui-cell .fui-cell-info select {
    padding: 0;
}

.fui-cell-group .fui-cell .fui-cell-icon {
    color: #333;
    margin-right: 6px;
    width: 16px;
    color: #999;
    text-align: center;
}

.fui-cell-group .fui-cell .fui-cell-icon.pull-left {
    font-size: 17px;
}
.fui-cell-group .fui-cell .fui-cell-icon img{
    width:0.7rem;
	height:0.7rem
}
.fui-cell-group .fui-cell .fui-cell-icon img.round{
    border-radius: .2rem;
}
.fui-cell-group .fui-cell .fui-cell-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 14px;
}

.fui-cell-group .fui-cell .fui-cell-remark {
    color: #888;
    text-align: right;
    font-size: 13px;
    margin-right: 4px;
}

.fui-cell-group .fui-cell .fui-cell-remark:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: 6px;
}

.fui-cell-group .fui-cell .fui-cell-remark.noremark:after {
    display: none;
    margin-left: 0;
}

.fui-cell-group .fui-cell.fui-cell-textarea .fui-cell-label {
    margin-top: -30px;
}

.headinfo {
    position: relative;
    height: auto;
    background: #44abf7;
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;

}
.headinfo a {
	color:#fff
}
.headinfo .setbtn {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    text-align: center;
}

.headinfo .child {
    width: 30%;
    height: auto;
    padding-bottom: 24px;
    text-align: center;
}

.headinfo .child.userinfo {
    width: 40%;
    color: #fff;
}

.headinfo .child.userinfo .face {
    height: 56px;
    width: 56px;
    background: #fff;
    margin: auto;
    border-radius: 56px;
    border: 2px solid #fff;
}

.headinfo .child.userinfo .face img {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    display: block;
}

.headinfo .child.userinfo .face.radius {
    border-radius: 10px;
}

.headinfo .child.userinfo .face.radius img {
    border-radius: 10px;
}

.headinfo .child.userinfo .name {
    height: 20px;
    padding-top: 4px;
    font-size: 12px;
    color: inherit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo .child.userinfo .level {
    font-size: 12px;
    color: inherit;
    text-align: center;
}

.headinfo .child .title {
    padding-top: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.headinfo .child .num {
    font-size: 14px;
    color: #fef31f;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo .child .btn {
    width: 52px;
    height: 20px;
    padding: 0;
    margin: 4px auto 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #fff;
}

.headinfo.style-2 {
    padding: 15px 15px;
}

.headinfo.style-2 .face {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    float: left;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.headinfo.style-2 .face img {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    display: block;
}

.headinfo.style-2 .face.radius {
    border-radius: 10px;
}

.headinfo.style-2 .face.radius img {
    border-radius: 10px;
}

.headinfo.style-2 .inner {
    height: auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    display: block;
    padding-left: 10px;
    color: #fff;
}

.headinfo.style-2 .inner .name {
    font-size: 16px;
}

.headinfo.style-2 .inner .level,
.headinfo.style-2 .inner .credit {
    font-size: 14px;
}

.headinfo.style-2 .inner span {
    color: #fef31f;
}

.headinfo.commission {
    height: auto;
    background: #FE5455;
    border-top: 1px #b94749 solid;
    border-bottom: 1px #fa9d9d solid;
    display: block;
    padding-top: 0;
}

.headinfo.commission .userinfo {
    height: 4rem;
    padding: 0.3rem 0.6rem;
    border-bottom: 1px solid #fe9292;
    position: relative
}

.headinfo.commission .userinfo .fui-list {
    padding: 0rem;
    padding-top: .2rem;
}

.headinfo.commission .userinfo .fui-list:active {
    background: transparent
}

.headinfo.commission .userinfo .fui-list-media img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 2.5rem;
    border: 2px solid #fff;
}

.headinfo.commission .userinfo .fui-list .fui-list-info .title {
    color: #fff;
    font-size: 0.7rem;
    line-height: 1rem;
}

.headinfo.commission .userinfo .fui-list .fui-list-info .subtitle {
    color: #fef31f;
    font-size: 0.65rem;
}

.headinfo.commission .userinfo .fui-list .fui-list-info .text {
    color: #fff;
    font-size: 0.6rem;
}

.headinfo.commission .userinfo .setbtn {
    position: absolute;
    height: 1.4rem;
    width: 1.2rem;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4rem;
    text-align: center;
    right: .5rem;
    top: .5rem;
}

.headinfo.commission .userblock {
    height: auto;
    padding: 0 0.6rem;
}

.headinfo.commission .userblock .line {
    height: auto;
    padding: 0.9rem 0 0;
    color: #fff;
    overflow: hidden;
}

.headinfo.commission .userblock .line.total {
    height: auto;
}

.headinfo.commission .userblock .line.total .title {
    font-size: 0.7rem;
}

.headinfo.commission .userblock .line.total .num {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 100;
}

.headinfo.commission .userblock .line.usable {
    height: auto;
    padding-bottom: 0.9rem;
    padding-top: 1.1rem;
}

.headinfo.commission .userblock .line.usable .btn {
    height: 1.2rem;
    width: auto;
    padding: 0 0.4rem;
    border: 1px solid #fff;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    font-size: 0.7rem;
    float: right;
    color: inherit;
}

.headinfo.commission .userblock .line.usable .btn.disabled {
    height: 1.2rem;
    width: auto;
    padding: 0 0.4rem;
    border: 1px solid #ccc;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    font-size: 0.7rem;
    float: right;
    color: #ccc;
}

.headinfo.commission .userblock .line.usable .text {
    padding-right: 4rem;
}

.headinfo.commission .userblock .line.usable .text .title {
    font-size: 0.6rem;
    line-height: 0.6rem;
}

.headinfo.commission .userblock .line.usable .text .num {
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.4rem;
}

/* tab */
.fui-tab {
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 2px;
    background: white;
    position: relative;
}

.fui-tab:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #d0d0d0;
    display: block;
    z-index: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.fui-tab nav {
    text-align: center;
    cursor: default;
    color: #666;
    font-size: 0.8rem;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}
.fui-tab.fui-tab-danger nav.active {
    color: #ef4f4f;
    border-color: #ef4f4f;
    z-index: 100;
}

.diy-swipe {
    height: auto;
    overflow: hidden;
}

.diy-swipe img {
    height: auto;
    width: 100%;
    display: block;
}


.diy-swipe .dots {
    height: 14px;
    padding: 0 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    opacity: 0.5;
}

.diy-swipe .dots.left {
    text-align: left;
}

.diy-swipe .dots.center {
    text-align: center;
}

.diy-swipe .dots.right {
    text-align: right;
}

.diy-swipe .dots.rectangle span {
    height: 12px;
    width: 20px;
}

.diy-swipe .dots.square span {
    height: 12px;
    width: 12px;
}

.diy-swipe .dots.round span {
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

.diy-swipe .dots span {
    display: inline-block;
}
.fui-navbar,.fui-footer {
	position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 46px;
    background: #fff;
    /*box-shadow:0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.1);*/
}

.fui-navbar .nav-item.btn {
    color:#fff; border-radius: 0;
}
.fui-navbar .nav-item {
    position: relative;
    display: table-cell;
    height: 46px;
    text-align: center;
    vertical-align: middle;
    width: 1%;
    color:#999;
}

.fui-navbar .nav-item.active,
.fui-navbar .nav-item:active {
    color: red
}
.fui-navbar .nav-item .label {
    display: block;
    font-size: 0.55rem;
    position: relative;
    top: -0.1rem;
    background: none;
    color: #999;
}

.fui-navbar .nav-item .icon {
    -webkit-mask-size: 100% 100%;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

.fui-navbar .nav-item .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.6rem;
    height: 0.8rem;
    left: 50%;
    line-height: 0.8rem;
    margin-left: 0.1rem;
    min-width: 0.8rem;
    padding: 0 0.2rem;
    position: absolute;
    top: 0.1rem;
    vertical-align: top;
    z-index: 100;
}

.fui-navbar .cartbtn {
    background: #fe9402;
}

.fui-navbar .buybtn {
    background: #fd5555;
}



.fui-detail-group {
    margin-top: 0
}

.fui-detail-group .fui-cell {
    padding: 0 0.5rem;
}

.fui-detail-group .fui-cell:before {
    border: 0;
}

.fui-detail-group .fui-cell .price {
    font-size: 1rem;
    color: #fd5454;
    line-height: 1.4rem;
    font-weight: 100;
    font-weight: bold;
}

.fui-detail-group .fui-cell .price .original {
    font-size: 0.6rem;
    color: #C0C0C0;
    text-decoration: line-through;
    padding-left: 0.2rem;
    font-weight: normal
}

.fui-detail-group .fui-cell .name {
    padding: 0.4rem 0 0;
    font-size: 0.75rem;
}

.fui-detail-group .fui-cell .share {
    padding-left: 0.8rem;
    margin-top: 0.4rem;
    position: relative;
    text-align: center;
}

.fui-detail-group .fui-cell .share:before {
    content: " ";
    border-left: 1px solid #C0C0C0;
    height: 100%;
    left: 0rem;
    position: absolute;
}

.fui-detail-group .fui-cell .share:after {
    display: none;
}

.fui-detail-group .fui-cell .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.6rem;
    color: #C0C0C0;
    padding-bottom: 0.4rem;
}

.fui-detail-group .fui-cell .flex span {
    width: 100%;
    text-align: center;
}

.fui-detail-group .fui-cell .flex span:first-child {
    text-align: left;
}

.fui-detail-group .fui-cell .flex span:last-child {
    text-align: right;
}

.goods-subtitle span {
    font-size: .65rem;
    padding: .2rem 0
}

.fui-cell-group .fui-cell .row-time {
    padding: 0 0 .5rem .5rem;
    overflow: hidden;
}

.fui-cell-group .fui-cell .fui-labeltext .text .number {
    font-weight: bold;
}

.fui-cell-group .fui-cell .fui-labeltext .text .time {
    font-size: .65rem;
    padding: 0 .1rem;
}

.fui-cell-group.fui-sale-group:before {
    border: 0;
}

.fui-cell-group.fui-sale-group .fui-cell .fui-cell-text,
.fui-cell-group.fui-sale-group .fui-according-header .text {
    font-size: 0.65rem;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fui-cell-group.fui-sale-group .fui-according-header .text .title {
    font-weight: bold;
}

/* 限时购 */
.fui-labeltext {
    position: relative;
    border:1px solid #d9d9d9;
    display: table-cell;
    border-radius: .2rem;
    height:1.5rem;

}
.fui-labeltext.fui-labeltext-success {border:1px solid #04ab02 }
.fui-labeltext.fui-labeltext-primary{border:1px solid #0290be }
.fui-labeltext.fui-labeltext-warning  {border:1px solid #ff9326 }
.fui-labeltext.fui-labeltext-danger  { border:1px solid #ef4f4f }
.fui-labeltext .label {

    background:#d9d9d9;
    font-size:0.75rem;
    float:left;
    height:1.5rem; line-height:1.5rem;
    padding:0 .2rem;
}
.fui-labeltext.fui-labeltext-success .label {background: #04ab02;color:#fff; }
.fui-labeltext.fui-labeltext-primary .label{background:#0290be;color:#fff; }
.fui-labeltext.fui-labeltext-warning .label  {background:#ff9326;color:#fff; }
.fui-labeltext.fui-labeltext-danger .label  { background:#ef4f4f;color:#fff; }
.fui-labeltext .text {
    float:left;
    height:1.5rem; line-height:1.5rem;
    padding:0 .2rem;
}

/* 店铺信息 */
.fui-shop-group .fui-cell:before {
    display: none;
}

.fui-shop-group .fui-cell {
    padding: 0 0.5rem;
}

.fui-shop-group .fui-cell .shopname {
    height: 2rem;
    width: 100%;
    padding-left: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    line-height: 1rem;
}

.fui-shop-group .fui-cell .center {
    text-align: center;
    margin: 0.4rem 0;
    position: relative;
    font-size: 0.7rem;
}

.fui-shop-group .fui-cell .center:before {
    height: 100%;
    width: 1px;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    background: #dbdbdb;
}

.fui-shop-group .fui-cell .center:first-child:before {
    background: none;
}

.fui-shop-group .fui-cell .center p {
    color: #7c7c7c;
    font-size: 0.6rem;
}

.fui-shop-group .fui-cell .btn-default-o {
    width: 4rem;
    height: 1.2rem;
    border-color: #7c7c7c;
    color: #7c7c7c;
    font-size: 0.7rem;
    padding: 0;
    margin: 0 0.5rem 0.2rem;
    line-height: 1.2rem;
    display: inline-block;
}

.fui-shop-group .fui-list:after {
    display: none
}

.fui-shop-group .title {
    font-size: 0.8rem;
}

.fui-shop-group .subtitle {
    font-size: 0.7rem;
}

.fui-list-media.radius img {
    border-radius: 0.3rem;
}

.fui-list-media.circle img {
    border-radius: 2.5rem;
}

/*评论组*/
.fui-comment-group .fui-cell:before {
    border: 0;
}

.fui-comment-group .fui-cell {
    padding: 0 0.5rem;
}

.fui-comment-group .fui-cell .comment {
    padding: 0;
    position: relative;
}

.fui-comment-group .fui-cell .comment:before {
    content: " ";
    width: 100%;
    height: 1px;
    border-top: 1px solid #eee;
    top: 0;
    left: 0;
    position: absolute;
}

.fui-comment-group .fui-cell .comment .info {
    color: #7C7C7C;
    font-size: 0.6rem;
    width: 100%;
}

.fui-comment-group .fui-cell .comment .info.head {
    height: 1.3rem;
    line-height: 1.2rem;
}

.fui-comment-group .fui-cell .comment .info .img {
    float: left;
}

.fui-comment-group .fui-cell .comment .info .img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .6rem;
}

.fui-comment-group .fui-cell .comment .info .nickname {
    float: left;
    padding-left: .3rem;
}

.fui-comment-group .fui-cell .comment .info .star {
    float: left;
    color: #666;
}

.fui-comment-group .fui-cell .comment .info .star span {
    padding: 0;
    margin: 0
}

.fui-comment-group .fui-cell .comment .info .star .shine {
    color: #fd5454;
}

.fui-comment-group .fui-cell .comment .info .star.star1 {
    clear: both
}

.fui-comment-group .fui-cell .comment .info .date {
    text-align: right;
}

.fui-comment-group .fui-cell .comment .remark {
    font-size: 0.7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.fui-comment-group .fui-cell .comment .remark .img {
    padding: 0.2rem 0.2rem 0 0;
}

.fui-comment-group .fui-cell .comment .remark .img img {
    height: 50px;
}

.fui-comment-group .fui-cell .desc.label {
    font-size: 0.6rem;
    text-align: right;
    background: none;
    font-weight: 100;
}

.fui-comment-group .fui-cell .desc.label span {
    color: #fd5454;
}

.fui-comment-group .fui-cell .desc {
    font-size: 0.6rem;
    color: #7c7c7c;
    line-height: 1.5rem;
    padding: .2rem 0
}

.comment-block.in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.comment-block .fui-icon-group {
    font-size: .65rem;
}


/**  According **/

.fui-according-group {
    margin-top: 0.5rem;
    background-color: #fff;
    line-height: 1.4;
    font-size: 0.8rem;
    overflow: hidden;
    position: relative;
}

.fui-according-group.fui-according-group-o {
    margin: 0 .5rem;
    border-radius: .5rem;
    margin-top: 0.5rem;
}

.fui-according-group:not(.fui-according-group-o):before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-according-group:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-according {
    position: relative;
}

.fui-according:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: .5rem;
}

.fui-according:first-child:before {
    display: none;
}

.fui-according-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.5rem 0.5rem;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background-color;
    transition-property: background-color;


}

.fui-according-header:active {
    background: #d9d9d9;
}

.fui-according-header .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 0.75rem;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0.2rem;

}

.fui-according-header .remark {
    color: #888;
    text-align: right;
    font-size: 0.75rem;
}

.fui-according-header .remark:after {
    content: "  ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.3rem;
    width: 0.3rem;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: .3em;
}

.fui-according.expanded .remark:after,
.fui-according-header:active .remark:after {
    content: "  ";
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    height: 0.3rem;
    width: 0.3rem;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: .3em;
}

.fui-according-content .content-block {
    padding: .5rem .5rem;
    color: #666;
    box-sizing: border-box;
}

.package-goods {
    padding: 0.2rem 0.5rem;
}

.package-goods .package-goods-img {
    width: 6.4rem;
    width: 6.4rem;
}

.package-goods p {
    color: #fd5454;
    font-size: 0.6rem;
}

.package-goods span {
    height: 1.6rem;
    line-height: 0.8rem;
    overflow: hidden;
    display: block;
    color: #333;
    font-size: 0.6rem;
}

.package-list {
    padding: 0;
    overflow-y: auto;
}

.package-buy {
    height: 2.4rem;
}

.package-buy a.package-buy-a {
    height: 2.4rem;
    display: block;
    line-height: 2.4rem;
    color: #fff;
    text-align: center;
    background: #ef4f4f;
}

.package-list-inner {
    white-space: nowrap;
    height: 7rem;
}

.package-list-inner .package-goods {
    width: 33.33333333%;
    float: left;
}

/* 按钮组2*/
.fui-menu-group {
    height: auto;
    background: #fff;
    margin-top: 0.5rem;
}

.fui-menu-group .fui-menu-item {
    padding: 0.5rem;
    text-align: center;
    position: relative;
    color: #666;
    font-size: 0.75rem;
    width: 1%;
    display: table-cell;
    -webkit-user-select: none;
    -moz-user-select: none;
    transition:background-color 300ms;
    -webkit-transition: background-color 300ms;
}

.fui-menu-group .fui-menu-item:active {
    background: #ececec;
}

.fui-menu-group .fui-menu-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5rem;
    bottom: 0.5rem;
    border-left: 1px solid #eee;
}

.fui-menu-group .fui-menu-item:first-child:before {
    border: 0;
}

.fui-menu-group .fui-menu-item i {
    vertical-align: top;
}

/*LIST*/
.fui-list-group {
    background-color: #fff;
    position: relative;
}

.fui-list-group.fui-list-group-o {
    margin: 0 .5rem;
    border-radius: .5rem;
    margin-top: 0.5rem;
}

.fui-list-group:not(.fui-list-group-o):before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    /*border-top: 1px solid #d9d9d9;*/
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-list-group:not(.fui-list-group-o):after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    /*border-top: 1px solid #d9d9d9;*/
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.fui-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;

}

.fui-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: .5rem;
}

.fui-list:first-child:before {
    display: none;
}


.fui-list:active {
    background: #ECECEC;
}

.fui-list-media {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right:.5rem;
}

.fui-list-media img {
    display: block;
    width:2.5rem;
	

}

.fui-list-media img.round {
    border-radius: .3rem;
}

.fui-list-media .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.7rem;
    height: 0.9rem;
    right: -.35rem;
    line-height: 0.9rem;

    min-width: 0.9rem;
    padding: 0 0.15rem;
    position: absolute;
    top: -.3rem;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}

.fui-list-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;


    display: block;
}

.fui-list-inner .subtitle {
    position: relative;
    font-size: 0.7rem;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.fui-list-inner .text {
    position: relative;
    font-size: 0.65rem;
    color: #666;


}

.fui-list-inner .title {
    position: relative;
    font-size: 0.85rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fui-list-inner .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.fui-list-inner .row .row-text {
    font-size: 0.85rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fui-list-inner .row .row-remark {
    font-size: 0.75rem;
    color: #666;
    text-align: right;
}

.fui-list .angle:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.3rem;
    width: 0.3rem;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -.2rem;
    margin-right: .1rem;
}

.fui-list-angle {
    position: relative;
    vertical-align: middle;
    margin-right: .5rem;
}

.fui-list-angle .angle:after {
    position: absolute;
    top: 50%;
    margin-top:-.3rem;
}

/* 秒杀组 */
.seckill-group {
    margin-top: 0.5rem;
    background-color: #fff;
    line-height: 1.4;
    font-size: 0.8rem;
    overflow: hidden;
    position: relative;
}

.seckill-group:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.seckill-group:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.seckill-group.noborder:before,
.seckill-group.noborder:after {
    border: 0;
}

.seckill-group .seckill-title {
    position: relative;
    padding: 0.5rem 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

.seckill-group .seckill-title .seckill-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:.75rem;
    color:#666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.seckill-group .seckill-title .seckill-remark {
    color: #888;
    text-align: right;
    font-size: 0.7rem;
    margin-right: .2rem;
}

.seckill-group .seckill-title .seckill-remark:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.3rem;
    width: 0.3rem;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: .3em;
}

.seckill-group .seckill-goods {
    padding: 0 0.5rem 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.seckill-group .seckill-goods .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.seckill-group .seckill-goods .item {
    height: auto;
    width: 4rem;
    float: left;
}

.seckill-group .seckill-goods .item.last-item {
    height: auto;
    width: 1.5rem;
    font-size: 0.55rem;
    color: #666;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -0.5rem;
}

.seckill-group .seckill-goods .item.last-item .inner {
    width: 1rem;
    text-align: right;
}

.seckill-group .seckill-goods .item .thumb {
    height: 4rem;
    width: 4rem;
    margin: auto;
    position: relative;
}

.seckill-group .seckill-goods .item .thumb img {
    height: 4rem;
    width: 4rem;
    display: block;
}

.seckill-group .seckill-goods .item .thumb .tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ef4f4f;
    color: #fff;
    font-size: 0.5rem;
    padding: 0 0.1rem;
    line-height: 0.65rem;
}

.seckill-group .seckill-goods .item .thumb .tag.orange {
    background: #fe9402;
}

.seckill-group .seckill-goods .item .thumb .tag.purple {
    background: #7e42fd;
}

.seckill-group .seckill-goods .item .thumb .tag.green {
    background: #4fd88a;
}

.seckill-group .seckill-goods .item .marketprice {
    color: #ef4f4f;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: bold;
}

.seckill-group .seckill-goods .item .productprice {
    color: #999;
    text-decoration: line-through;
    font-size: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
}

.seckill-group .killtime {
    display: inline-block;
    font-size: 0.65rem;
    color: #444;
}

.seckill-group {
    height: auto;
}

.seckill-group  img {
    height: 0.9rem;
    max-width: 5rem;
    margin-right: 0.2rem
}

.seckill-group .title {
    font-size: 0.7rem;
    color: #444;
    margin-right: 0.2rem;
}

.seckill-group .killtime span {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.seckill-group .killtime .item {
    height: 0.8rem;
    line-height: 0.75rem;
    border: 1px solid #ddd;
    padding: 0 0.1rem;
    margin: 0 1px;
}

.fui-audio {
    height: auto;
    background: #f1f1f1;
    margin: 0.8rem;
    padding: 0.6rem;
    border: 1px solid #ededed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.fui-audio .horn {
    width: 1.4rem;
    height: 1.25rem;
    background-image: url(../images/diy/icon_audio_reading_3.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.fui-audio .horn.playing {
    -webkit-animation: audio_playing 1s infinite;
}

.fui-audio .center {
    width: 100%;
    padding-right: 0.2rem;
    font-size: 0.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fui-audio .center p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fui-audio .time {
    font-size: 0.7rem;
    color: #666;
}

.fui-audio .speed {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 20%;
    height: 0.1rem;
    background: #44b549;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.fui-video {
    height: auto;
    background: #000;
    margin: 2px;
    border: 1px solid #ededed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.fui-chat-item {
    height: 2.2rem;
    margin: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}

.fui-chat-item .face {
    height: 2.2rem;
    width: 2.2rem;
    background: #eee;
    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 2px rgba(0, 0, 0, 0.1);
}

.fui-chat-item .face img {
    height: inherit;
    width: inherit;
    display: block;
}

.fui-chat-item .msg {
    margin: 0 2.7rem 0 0.5rem;
    background: #fefefe;
    padding: 0 0.8rem;
    position: relative;
    border-radius: 0.25rem;
    border: 1px solid rgba(195, 195, 195, 0.3);
    -webkit-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);
    -moz-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);
    box-shadow:0 0 1px rgba(195, 195, 195, 0.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    min-width: 4rem;
}

.fui-chat-item .msg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.28rem;
    height: 0.4rem;
    width: 0.4rem;
    background: #fefefe;
    margin-top: -0.2rem;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    border: 1px solid rgba(195, 195, 195, 0.3);
    -webkit-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);
    -moz-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);
    box-shadow:0 0 1px rgba(195, 195, 195, 0.1);
}

.fui-chat-item .msg:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.2rem;
    height: 0.45rem;
    width: 0.45rem;
    background: #fefefe;
    margin-top: -0.18rem;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}

.fui-chat-item .msg .horn {
    height: 1rem;
    width: 1.4rem;
    background-image: url(../images/diy/icon_audio_reading_gray_3.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.fui-chat-item .msg .horn.playing {
    -webkit-animation: chat_playing_gray 1s infinite;
}

.fui-chat-item.right {
    justify-content: flex-end;
}

.fui-chat-item.right .msg {
    border: 1px solid rgba(20, 80, 36, 0.15);
    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
    background: #a0e75a;
    margin: 0 0.5rem 0 2.7rem;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

.fui-chat-item.right .msg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.28rem;
    height: 0.4rem;
    width: 0.4rem;
    background: #a0e75a;
    margin-top: -0.2rem;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    border: 1px solid rgba(20, 80, 36, 0.15);
    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
}

.fui-chat-item.right .msg:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.2rem;
    height: 0.5rem;
    width: 0.5rem;
    background: #a0e75a;
    margin-top: -0.20rem;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}

.fui-chat-item.right .msg .horn {
    height: 1rem;
    width: 1.4rem;
    background-image: url(../images/diy/icon_audio_reading_green_3.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.fui-chat-item.right .msg .horn.playing {
    -webkit-animation: chat_playing_green 1s infinite;
}


.seckill-page {
    position: relative;
    overflow: hidden;
}
.seckill-page .swiper-container.room-container {
    width:100%;
    position:relative;

}
.seckill-page .swiper-container.room-container .swiper-wrapper {
    display: flex;
}
.seckill-page .swiper-container.room-container:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.seckill-page .swiper-container.room-container .room-slide {
    text-align: center;
    font-size:.7rem;
    color:#666;
    float:left;
    width:20%;
    padding:5px 0;

}

.seckill-page .swiper-container.time-container {
    width:100%;

    padding-top:.1rem;
    text-align: center;


}
.seckill-page .swiper-container.time-container .swiper-wrapper{

}
.seckill-page .swiper-slide.time-slide {
    width:20%;
    text-align: center;
    padding:.1rem 0;
    float:left;
}
.seckill-page .swiper-slide.time-slide.current{
    color:#ff3300;
}
.seckill-page .swiper-slide.time-slide .text,
.seckill-page .swiper-slide.time-slide .time {
    display: block;

    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition-property: color,font-size;
    transition-property: color,font-size;

}
.seckill-page .swiper-slide.time-slide .time {
    font-size:.7rem;
    height:1.2rem;
    padding-top:.2rem;

}
.seckill-page .swiper-slide.time-slide .text {
    font-size:.5rem;
    height:1rem;
}

.seckill-page .swiper-slide.time-slide.current .time {
    font-size:.9rem;
    height:1.2rem;
    padding-top:0rem;
}
.seckill-page .swiper-slide.time-slide.current .text {
    padding-top:-.2rem;
}



.seckill-page .swiper-container.adv-container {
    width:100%;
}
.seckill-page .swiper-slide.adv-slide {
    width:33.33%;
    text-align: center;
    background:#fff;
    padding:2px;
    float:left;
}
.seckill-page .swiper-slide.adv-slide img {

    width:100%;
}

.seckill-page .fui-list {
    padding-top:.2rem;
    padding-bottom:.5rem;
}
.seckill-page .fui-list .fui-list-media{
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: start
}
.seckill-page .fui-list .fui-list-media img {
    width:4rem;
    height:4rem;
}
.seckill-page .fui-list .fui-list-inner .text{
    color: #444;
    display: block;
    font-size:.7rem;
    padding-bottom:.5rem;
}
.seckill-page .fui-list  .fui-list-inner .info {
    display:block;width:100%;

}
.seckill-page .fui-list  .fui-list-inner .info .button {
    float:right;
    margin-top:-.2rem;
}
.seckill-page .fui-list  .fui-list-inner .info .price {
    color:#f02b2b;
    font-size:.9rem;
} .seckill-page .fui-list  .fui-list-inner .info .price1 {
      color:#949598;
      font-size:.6rem;
      text-decoration: line-through;
  }

.seckill-page .fui-list  .fui-list-inner .info.info1{

    height:.4rem;
    line-height:.4rem;

}

.seckill-page .fui-list-group-title {
    padding:5px 0;
}
.seckill-page .fui-list-group-title .timer {

    float:right;
    color:#6b6b6b;
}
.seckill-page .fui-list-group-title .timer span {
    display: inline-block;
    background:#464553;
    color:#fff;
    width:20px;height:20px;
    border-radius: .1rem;
    line-height:20px;
    margin:0 2px;
    font-size:12px; text-align: center;
}

.seckill-page .fui-list:before {

    left: 0;
    right:0;
}

.seckill-page .fui-list  .fui-list-inner .info .process-text {
float:left;
    font-size:10px;
    color:#d0d1d2;
    padding-right:5px;
    padding-top:1px;
    height:10px;

}
.seckill-page .fui-list  .fui-list-inner .info .process {

    float:left;
    width:80px;
    height:8px;
    border:1px solid #ff8f8f;
    border-radius: 2px;
    overflow:hidden;
    margin-top:2px;
}
.seckill-page .fui-list  .fui-list-inner .info .process .inner {
    width:5rem;
    height:.5rem;
    background:#ff8f8f;
}

.seckill-page .fui-list  .fui-list-inner .btn.btn-success{
    background:#04be02;border:1px solid #04ab02;color:#fff;
}

.seckill-page .swiper-container.goods-container {
    width:100%;

}

.seckill-page .fui-list-group .fui-list.align-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}




.page-goods-detail .seckill-container {

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.page-goods-detail .seckill-container  .seckill-list,
.page-goods-detail .seckill-container  .seckill-list1 {

}
.page-goods-detail .seckill-container.notstart   .seckill-list,
.page-goods-detail .seckill-container.notstart   .seckill-list1,
.page-goods-detail .seckill-container.notstart   .seckill-list2 {

}
.page-goods-detail .seckill-container  .seckill-list{

    flex:1;
    color:#fff;
    padding:0em .5rem;
    margin-top:-1px;

}

.page-goods-detail .seckill-container  .seckill-list .fui-list-inner .text{

    color:#fff;
    height:.9rem;

}
.page-goods-detail .seckill-container  .seckill-list .seckill-price{
    font-size:1rem;
    color:#fff;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width:auto;

}
.page-goods-detail .seckill-container  .seckill-list .seckill-price span{
    font-size:1.85rem;
}
.page-goods-detail .seckill-container  .seckill-list .oldprice{
    color:rgba(255,255,255,.5);
}
.page-goods-detail .seckill-container  .seckill-list .fui-list-media{

}
.page-goods-detail .seckill-container  .seckill-list .stitle{
    display: inline-block;
    border:1px solid #fff;
    border-radius: .2rem;
    font-size:.4rem;
    padding:0 .2rem;

}

.page-goods-detail .seckill-container  .seckill-list1 .fui-list-inner .text{
    text-align: center;
    color:#fff;

}
.page-goods-detail .seckill-container  .seckill-list1 .fui-list-inner .text .process {

    float:left;
    width:4rem;
    height:.6rem;
    border:1px solid #efd74f;
    border-radius: .5rem;
    overflow:hidden;
    margin-top:.3rem;

}
.page-goods-detail .seckill-container  .seckill-list1 .fui-list-inner .text .process .inner {
    width:5rem;
    height:.6rem;
    background:#efd74f;
}

.page-goods-detail .seckill-container  .seckill-list2 .fui-list-inner .text {
    font-size:.6rem;
    text-align: center;
    height:.95rem;
    color:#ef4f4f
}
.page-goods-detail .seckill-container  .seckill-list2 .fui-list-inner .text.timer span {
    display: inline-block;
    background:#582e19;
    color:#fff;
    width:.9rem;height:.9rem;
    border-radius: .1rem;
    line-height:.9rem;

    font-size:.5rem; text-align: center;
}

.page-goods-detail .seckill-container  .seckill-list2{

    padding:0;
    width:5rem;
    background:#ffef32;
}
.page-goods-detail .seckill-container  .seckill-list2,
.page-goods-detail .seckill-container  .seckill-list1 {
    margin-top:-.1rem;
}

.page-goods-detail .seckill-container.notstart .seckill-list2 .fui-list-inner .text {
    color:#fff;
}
.page-goods-detail .seckill-container.notstart .seckill-list2 .fui-list-inner .text.timer span{
    background:rgba(0,0,0,.7);
}
.page-goods-detail .buybtn.seckill-notstart {
    background:#00b950;
}

/* 兑换页面 兑换规则 */
.diy-exchange-rule {
    padding: 0.5rem 0 1.4rem;
    background: #fafafa;
}
.diy-exchange-rule .head {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    position: relative;
}

.diy-exchange-rule .head:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #efefef;
    content: "";
    height: 0;
    z-index: 1;
}

.diy-exchange-rule .head .title {
    height: 2rem;
    background: #f9f9f9;
    max-width: 80%;
    padding: 0 0.6rem;
    position: relative;
    z-index: 2;
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: #555;
}

.diy-exchange-rule .head .title:before,
.diy-exchange-rule .head .title:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 0.2rem;
    width: 0.2rem;
    background: #cdcdcd;
    border-radius: 0.2rem;
    margin-top: -0.07rem;
}

.diy-exchange-rule .head .title:after {
    left: auto;
    right: 0;
}

.diy-exchange-rule .info {
    padding: 0 1rem;
    color: #666;
    font-size: 0.7rem;
}

/* 兑换中心 中部区域 */

.diy-exchange-input {
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
    background: #fafafa;
}

.diy-exchange-input .title {
    text-align: center;
    font-size: 16px;
    padding: 12px 18px 14px;
    line-height: 16px;
}

.diy-exchange-input .title .num {
    font-size: 12px;
    color: #999;
}

.diy-exchange-input .input {
    height: auto;
    overflow: hidden;
    border: 1px solid #efefef;
    margin: 0 48px 12px;
    border-radius: 4px;
}

.diy-exchange-input .input input {
    height: 30px;
    width: 100%;
    border-radius: 0.2rem;
    border: 0;
    padding: 0 0.4rem;
    font-size: 0.7rem;
    text-align: center;
    color: #666;
    -webkit-appearance: none;
}

.diy-exchange-input .btn-danger{
    margin: 0 2.4rem;
    border: 0;
}

.diy-exchange-input .btn-default {
    margin: 0.5rem 1rem 0;
    overflow: hidden;
}

.diy-exchange-input .list {
    background: #fff;
    margin: 0 1rem;
    border-radius: 0.2rem;
}

.diy-exchange-input .list .item {
    padding: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.diy-exchange-input .list .item:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0.5rem;
    left: 3rem;
    border-bottom: 1px solid #efefef;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.diy-exchange-input .list .item:last-child:after {
    display: none;
}

.diy-exchange-input .list .item .ico {
    height: 2rem;
    width: 2rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.diy-exchange-input .list .item .ico.money {
    background-image: url("../images/diy/default/icon_money.png");
}

.diy-exchange-input .list .item .ico.credit {
    background-image: url("../images/diy/default/icon_credit.png");
}

.diy-exchange-input .list .item .ico.coupon {
    background-image: url("../images/diy/default/icon_coupon.png");
}

.diy-exchange-input .list .item .ico.redbag {
    background-image: url("../images/diy/default/icon_redbag.png");
}

.diy-exchange-input .list .item .info {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0.5rem;
    line-height: 0.9rem;
}

.diy-exchange-input .list .item .info .t1 {
    font-size: 0.75rem;
    color: #444;
}

.diy-exchange-input .list .item .info .t2 {
    color: #aaa;
    font-size: 0.65rem;
}

.diy-exchange-input .list .item .btn-exc {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 3.2rem;
}

.diy-exchange-input .list .item .btn-exc.disabled {
    background: #ccc;
    color: #fff;
    border: 0;
}


.fui-danmu {
    height: 32px;
    max-width: 240px;
    border-radius: 16px;
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 999;
    padding: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}
.fui-danmu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 1;
    opacity: 0.7;
}
.fui-danmu.style2 {
    border-radius: 4px;
}
.fui-danmu.style2 .thumb {
    border-radius: 4px;
}
.fui-danmu .thumb {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    z-index: 2;
}
.fui-danmu .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}
.fui-danmu .time {
    text-align: right;
    padding: 0 4px;
    font-size: 13px;
    position: relative;
    z-index: 2;
}
.fui-startadv {
    position: absolute;
    top: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index:  10000;
}
.fui-startadv:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
}
.fui-startadv .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10001;
}
.fui-startadv .inner img {
    display: none;
}
.fui-startadv .inner img:first-child {
    display: block;
}
.fui-startadv.small-bot .inner,
.fui-startadv.small-top .inner {
    width: 80%;
    height: 70%;
    position: relative;
    margin: 14% auto 0;
}
.fui-startadv.small-top .inner {
    margin: 22% auto 0;
}
.fui-startadv .inner img {
    width: 100%;
    height: 100%;
}
.fui-startadv.default .inner .close-adv {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 10002;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 20px;
}
.fui-startadv.small-bot .inner .close-adv,
.fui-startadv.small-top .inner .close-adv {
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: -90px;
}
.fui-startadv.small-top .inner .close-adv {
    top: -60px;
    height: 60px;
    bottom: 0;
}
.fui-startadv.small-bot .inner .close-adv:before,
.fui-startadv.small-top .inner .close-adv:before {
    position: absolute;
    height: 42px;
    content: "";
    width: 1px;
    background: #fff;
    left: 50%;
    margin-left: -0.5px;
    display: none;
}
.fui-startadv.small-top .inner .close-adv:before {
    left: auto;
    right: 18px;
    bottom: 0;
    height: 24px;
}
.fui-startadv.small-bot .inner .close-adv .close-btn,
.fui-startadv.small-top .inner .close-adv .close-btn {
    height: 48px;
    width: 48px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -24px;
}
.fui-startadv.small-top .inner .close-adv .close-btn {
    height: 36px;
    width: 36px;
    top: 0;
    left: auto;
    right: 0;
}
.fui-startadv.small-bot .inner .close-adv .close-btn:before,
.fui-startadv.small-top .inner .close-adv .close-btn:before {
    height: 48px;
    width: 48px;
    position: absolute;
    content: "×";
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 56px;
    font-weight: 100;
    border: 1px solid #fff;
    border-radius: 48px;
    left: -1px;
    top: -1px;
}
.fui-startadv.small-top .inner .close-adv .close-btn:before {
    height: 36px;
    width: 36px;
    line-height: 30px;
    font-size: 42px;
}
.fui-startadv .fui-swipe {
    height: 100%;
}
.fui-startadv .fui-swipe-bullet {
    background: #fff;
    margin: 0 3px;
}

.fui-startadv .dots {
    height: 14px;
    padding: 0 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
}
.fui-startadv .dots span {
    height: 10px;
    width: 10px;
    background: #fff;
    display: inline-block;
    opacity: 0.5;
    border-radius: 10px;
}
.fui-startadv .dots span:first-child {
    opacity: 1;
}
.fui-tab a {
    font-size: 14px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    text-align: center;
}
.fui-tab.fui-tab-danger a.active {
    color: #ef4f4f;
    border-color: #ef4f4f;
    z-index: 2;
}

/**/
/*.fui-notice {*/
    /*border-top: 1px solid #e2e2e2;*/
    /*border-bottom: 1px solid #e2e2e2;*/
/*}*/
.fui-notice{
    margin-bottom: 0.5rem;
}
.fui-notice:before,
.fui-notice:after {
    border: 0;
}

.fui-line-diy {
    height: auto;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    padding: 10px 0;
}
.fui-line-diy .line {
    height: 0px;
    width: 100%;
    border-top: 1px solid #000000;
}

.fui-line-diy:before {
    border: 0;
    height: 0;
}

.fui-title {
    color: #888;
    font-size: 14px;
    padding: 0 0.7rem;
}

.fui-picture {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}

.fui-picture img {
    display: block;
    width: 100%;
}

.fui-goods-group {
    background: none;
}

.fui-goods-item .image {
    height: 4.75rem;
    width: 5.75rem;
    float:left;
    background-size:100%;
    position: relative;
    overflow: hidden;
}

/*.fui-goods-item .detail .price .buy {*/
    /*display:block;*/
    /*text-align: center;*/
    /*line-height: 20px;*/
    /*color: #fff; font-size: 12px;*/
    /*background: #fe5455;*/
    /*border-radius: 20px;*/
    /*display: block;*/
    /*font-size: 12px;*/
    /*height: 20px;*/
    /*width: 20px;*/
    /*padding: 0;*/
/*}*/
.fui-goods-item .detail .price .buy i{
    font-size:0.7rem;
}
.fui-goods-item .detail .price .buy{
    display: inline-block;
    height: 1.1rem;
    color: #ff5555;
    line-height: 1rem;
    border-radius: 0;
    background: #fff;
    padding: 0rem 0.35rem;
    width: auto;
    border-radius: 0.1rem;
    border:1px solid transparent;
}

.fui-goods-item .detail .price .buy.buybtn-2{
    background: #ff5555;
    color: #fff;
}
.fui-goods-item .detail .price .buy.buybtn-3{
    background: #ff5555;
    color: #fff;
    vertical-align: middle;
    width: 1.1rem;
    padding: 0;
    text-align: center;
    line-height: 1.1rem;
}
.fui-goods-item .detail .price .buy.buybtn-4,.fui-goods-item .detail .price .buy.buybtn-5{
    vertical-align: middle;
    width: 1.1rem;
    padding: 0.01rem 0.01rem 0 0.02rem;
    /*padding: 0.04rem 0 0 0.02rem;*/
    /*text-align: center;*/
    line-height: 1rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ff5555;
    text-align: center;
}
.fui-goods-item .detail .price .buy.buybtn-4 i,.fui-goods-item .detail .price .buy.buybtn-5 i{
    color: #ff5555;
}
.fui-goods-item .detail .price .buy.buybtn-6{
    vertical-align: middle;
    width: 1.1rem;
    padding: 0.01rem 0 0;
    text-align: center;
    line-height: 1rem;
    border-radius: 50%;
    color: #fff;
}

.fui-goods-item .image .goodsicon {
    position: absolute;
    height: auto;
    width: auto;
    display: block;
    overflow: hidden;
}
.fui-goods-group .image.triangle{
    position: relative;
    overflow: hidden;
}
.fui-goods-group .image.triangle:before{
    content: attr(data-text);
    position: absolute;
    width: 3.39rem;
    height:2.4rem;
    background: #ff5555;
    z-index: 10;
    transform-origin: left bottom;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    color: #fff;
    line-height: 3.7rem;
    font-size:0.6rem;
    text-align: center;
}
.fui-goods-group .image.rectangle{
    position: relative;
}
.fui-goods-group .image.rectangle:before{
    content: attr(data-text);
    position: absolute;
    width: 2.25rem;
    height: 1rem;
    background: #04a6f8;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    line-height: 1rem;
}
.fui-goods-group .image.circle{
    position: relative;
}
.fui-goods-group .image.circle:before{
    content: attr(data-text);
    position: absolute;
    width:1.6rem;
    height: 1.6rem;
    background: #ffb805;
    z-index: 10;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fui-goods-group .image.square{
    position: relative;
}
.fui-goods-group .image.square:before{
    content: attr(data-text);
    position: absolute;
    width:1.6rem;
    height: 1.6rem;
    background: #19dbab;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fui-goods-group .image.echelon{
    position: relative;
}
.fui-goods-group .image.echelon:before{
    content: attr(data-text);
    position: absolute;
    height: 1rem;
    width: 3.4rem;
    background: #ff7104;
    top: 1.4rem;
    color: #fff;
    font-size: 0.6rem;
    line-height: 1rem;
    text-align: center;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -webkit-transform-origin:left bottom;
    transform-origin: left bottom;
}
.fui-goods-item .image .goodsicon img {
    display: inline-block;
    max-width: 100%;
}

.fui-goods-item .image .goodsicon.left {
    left: 0;
}

.fui-goods-item .image .goodsicon.right {
    right: 0;
}

.fui-goods-item .image .goodsicon.top {
    top: 0;
}

.fui-goods-item .image .goodsicon.bottom {
    bottom: 0;
}

.fui-swipe-page {
    height: 14px;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    line-height: 14px;
}

.fui-swipe-page.left {
    text-align: left;
}

.fui-swipe-page.center {
    text-align: center;
}

.fui-swipe-page.right {
    text-align: right;
}


.fui-swipe-page.rectangle .fui-swipe-bullet {
    height: 12px;
    width: 20px;
}

.fui-swipe-page.square .fui-swipe-bullet {
    height: 12px;
    width: 12px;
}

.fui-swipe-page.round .fui-swipe-bullet {
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

.fui-swipe-page .fui-swipe-bullet {
    display: inline-block;
    margin: 0 4px 0 0;
    border-radius: 0;
}

.searchbtn {
    background: none;
    border: 0;
}

.searchbar,
.fui-searchbar {
    height: auto;
}
.searchbar {
    padding: 0;
}

.searchbar.right {
    text-align: right;
}

.search-input.radius {
    border-radius: 5px;
}

.search-input.round {
    border-radius: 30px;
}

.fui-picturew {
    height: auto;
    display: block;
    overflow: hidden;
}

.fui-picturew .item {
    height: auto;
    width: 100%;
    display: block;
    float: left;
}

.fui-picturew .item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.fui-picturew .item .image {
    position: relative;
}
.fui-picturew .item .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1rem;
    color: #fff;
    padding: 0.4rem 0.15rem 1px;
    font-size: 0.7rem;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#99000000,gradientType='0') ;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fui-picturew .item .text {
    font-size: 0.7rem;
    height: 1rem;
    line-height: 1.2rem;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-left: 0.15rem;
}

.fui-picturew.row-2 .item {
    width: 50%;
}

.fui-picturew.row-3 .item {
    width: 33.33%;
}

.fui-picturew.row-4 .item {
    width: 25%;
}

.fui-picturew.row-5 .item {
    width: 20%;
}

.diymenu-page {
    height: 100%;
    width: 100%;
    line-height: 600px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.diymenu {
    height: 2.5rem;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    box-shadow:0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.1);
}

.diymenu .item {
    height: 2.5rem;
    width: 25%;
    display: block;
    background: #fff;
    float: left;
    position: relative;
    cursor: pointer;
}

.diymenu .item.item-col-1 {
    width: 100%;
}

.diymenu .item.item-col-2 {
    width: 50%;
}

.diymenu .item.item-col-3 {
    width: 33.33%;
}

.diymenu .item.item-col-4 {
    width: 25%;
}

.diymenu .item.item-col-5 {
    width: 20%;
}

.diymenu .item .child {
    display: block;
    height: auto;
    min-width: 90px;
    max-width: 130px;
    background: #eee;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -45px;
    z-index: 996;
    border-radius: 3px;
    border: 1px solid #ccc;

    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.diymenu .item .child.in {
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.diymenu .item .child a {
    clear: both;
    display: block;
    padding: 8px;
    font-size: 13px;
    position: relative;
    color: #666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.diymenu .item .child a:after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 0;
    border-top: 1px solid #ccc;
}

.diymenu .item .child a:first-child:after {
    border: none;
}

.diymenu .item .child .arrow {
    width: 18px;
    height: 18px;
    color: #ccc;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px;
}

.diymenu .item .child .arrow:after,
.diymenu .item .child .arrow:before {
    position: absolute;
    bottom: 3px;
    left: 3px;
    content: "";
    height: 12px;
    width: 12px;
    background: #000;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index: 997;
}

.diymenu .item .child .arrow:after {
    bottom: 4.5px;
    background: #ccc;
    z-index: 998;
}

.diymenu .item .inner {
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 997;
    text-align: center;
    color: #fff;
    padding: 0;
}
.diymenu .item .inner.left {
    padding-top: 0.25rem;
}

.diymenu .item .inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0);
}

.diymenu .item .inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-left: 1px solid rgba(0,0,0,0);
}

.diymenu .item:first-child .inner:after {
    border-left: 0;
}

.diymenu .item .inner .icon {
    display: block;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.7rem;
    color: #f90;
}

.diymenu .item .inner .text {
    display: block;
    font-size: 0.55rem;
    color: #999;
    overflow: hidden;
    margin: 0 2px;
}
.diymenu .item .inner .icon.left,
.diymenu .item .inner .text.left {
    display: inline-block;
}
.diymenu .item .inner .text.left {
    margin-top: 10px;
    font-size: 14px;
}
.diymenu .item .inner .icon.left {
    font-size: 18px;
}

.diymenu .item .inner.image {
    padding: 1px 0 2px 0;
}

.diymenu .item .inner.image img {
    display: inline-block;
    height: 100%;
    max-width: 100%;
}

.diymenu .item .inner .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.6rem;
    height: 0.8rem;
    left: 50%;
    line-height: 0.8rem;
    margin-left: 0.1rem;
    min-width: 0.8rem;
    padding: 0 0.2rem;
    position: absolute;
    top: 0.1rem;
    vertical-align: top;
    z-index: 100;
}

.fui-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;

}
.fui-list.align-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.fui-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: .5rem;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: .5rem;
}

.fui-list:first-child:before {
    display: none;
}

.fui-list:active {
    background: #ececec;
}
.fui-list.noclick:active {
    background: #fff;
}
.fui-list a {
    color:#666;
}

.fui-list-media {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right:.5rem;
    color:#aaa;
    position: relative;
}
.fui-list-media .title {
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 0.7rem;
    height: 1rem;
    right: 0;
    left: 0;
    line-height: 1rem;
    font-size: 0.6rem;
    padding: 0 0.15rem;
    position: absolute;
    bottom: 0;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}

.fui-list-media img {
    width:2.5rem;
	height:2.5rem;
}

.fui-list-media img.round {
    border-radius: .3rem;
}

.fui-list-media .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.7rem;
    height: 0.9rem;
    right: -.35rem;
    line-height: 0.9rem;
    min-width: 0.9rem;
    padding: 0 0.15rem;
    position: absolute;
    top: -.3rem;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}
.fui-remark:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.4rem;
    width: 0.4rem;
    border-width: 1px 1px 0 0;
    border-color: #b2b2b2;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: .1em;
}
.fui-block-group {background: #fff; border-bottom: 1px solid #ececec; position: relative; margin-top:.5rem}
.fui-block-group .fui-block-child {
    height: auto;
    float:left;
    padding: 0.4rem 0 ;
    background: #fff;
    transition:background-color 300ms;
    -webkit-transition: background-color 300ms;
    position: relative;
}
.fui-block-group .fui-block-child:before {
    content: "";
    width: 0px;
    border-right: 1px solid #ececec;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.fui-block-group .fui-block-child:after {
    content: "";
    height: 0px;
    border-bottom: 1px solid #ececec;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.fui-block-group.col-2 .fui-block-child {
    width:50%
}
.fui-block-group.col-3 .fui-block-child {
    width:33.3%
}
.fui-block-group.col-4 .fui-block-child {
    width:25%
}
.fui-block-group.col-5 .fui-block-child {
    width:20%
}

.fui-block-group .fui-block-child:active {background: #ececec;}
.fui-block-group .fui-block-child .icon {height: 2.7rem; padding-top: 1rem; text-align: center; font-size: 1.4rem; line-height: 1.5rem;}
.fui-block-group .fui-block-child .icon i { font-size:1.8rem;}
.fui-block-group .fui-block-child .title {height: 1rem; font-size: 0.6rem; line-height: 1.5rem; text-align: center; color: #666;}
.fui-block-group .fui-block-child .title.bigsize {font-size: 0.7rem;}
.fui-block-group .fui-block-child .text {height: 1.2rem; font-size: 0.5rem; text-align: center; color: #666; line-height: 1rem;}
.fui-block-group .fui-block-child .text span {color: #feb312;}
.fui-block-group .fui-block-child .text.remark {color: #a9a9a9; font-size: 0.6rem; line-height: 1.2rem;}
.fui-block-group .fui-block-child .num {height: 0.9rem; text-align: center; font-size: 0.8rem; color: #fb6665; line-height: 1.4rem;}
.fui-block-group .fui-block-dots {height: 0.9rem; text-align: center; line-height: 0.6rem;}
.fui-block-group .fui-block-dots a {height: 0.3rem; width: 0.3rem; background: #e6e6e6; border-radius: 0.4rem; display: inline-block;}
.fui-block-group .fui-block-dots a.on {background: #fa5453;}

.headinfo-m {
    position: relative;
    height: auto;
    background: #fe5455;
    padding-top: 20px;
    border-top: 1px #b2423f solid;
    border-bottom: 1px #fa9d9d solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.headinfo-m .setbtn {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.headinfo-m .child {
    width: 30%;
    height: auto;
    padding-bottom: 24px;
    text-align: center;
}

.headinfo-m .child.userinfo {
    width: 40%;
    color: #fff;
}

.headinfo-m .child.userinfo .face {
    height: 56px;
    width: 56px;
    background: #fff;
    margin: auto;
    border-radius: 56px;
    border: 2px solid #fff;
}

.headinfo-m .child.userinfo .face img {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    display: block;
}

.headinfo-m .child.userinfo .face.radius{
    border-radius: 10px;
}

.headinfo-m .child.userinfo .face.radius img{
    border-radius: 10px;
}

.headinfo-m .child.userinfo .name {
    height: 20px;
    padding-top: 4px;
    font-size: 12px;
    color: inherit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo-m .child.userinfo .level {
    font-size: 12px;
    color: inherit;
    text-align: center;
}

.headinfo-m .child .title {
    padding-top: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.headinfo-m .child .num {
    font-size: 14px;
    color: #fef31f;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo-m .child .btn {
    width: 52px;
    height: 20px;
    padding: 0;
    margin: 4px auto 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #fff;
}

.page-commission-index .headinfo {
    border: 0;
}
/*swiper*/
/*.swiper-button-next, .swiper-button-prev{*/
    /*top:1.725rem;*/
/*}*/
.swiper-pagination-bullet-active {
    background: #000;
    opacity: 0.5;
}
.swiper-button-white {
    background: rgba(0, 0, 0, 0.3);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-pagination {
    position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fui-picturew .fui-picturew-pagination {
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 10px;
}

.fui-picturew .fui-picturew-pagination a {
    height: 8px;
    width: 8px;
    background: #000;
    border-radius: 8px;
    display: inline-block;
    opacity: 0.3;
}

.fui-picturew .fui-picturew-pagination a.active {
    opacity: 0.5;
}

.diy-fixedsearch {
    height: 44px;
    overflow: hidden;
    position: relative;
}

.diy-fixedsearch.fixed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.diy-fixedsearch .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.5;
    z-index: 1;
}

.diy-fixedsearch .inner {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    color: #fff;
    height: 44px;
    padding: 8px;
}

.diy-fixedsearch .inner .leftnav {
    height: 28px;
    line-height: 28px;
}

.diy-fixedsearch .inner .rightnav {
    height: 28px;
    line-height: 28px;
}

.diy-fixedsearch .inner .leftnav img,
.diy-fixedsearch .inner .rightnav img {
    height: 28px;
    width: auto;
    display: block;
}

.diy-fixedsearch .inner .leftnav .icon,
.diy-fixedsearch .inner .rightnav .icon {
    font-size: 24px;
}

.diy-fixedsearch .inner .center {
    height: 28px;
    width: 100%;
    padding: 0 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.diy-fixedsearch .inner .center input {
    border-radius: 0;
    background: #fff;
    -webkit-appearance : none;
    height: 28px;
    border: 0;
    width: 100%;
    padding: 0 6px;
    font-size: 14px;
    color: #666;
    float: left;
    line-height: 28px;
    padding-top: 1px;
}

.diy-fixedsearch .inner .center.round input {
    border-radius: 4px;
}

.diy-fixedsearch .inner .center.circle input {
    border-radius: 28px;
}

.follow_topbar ~ .diy-fixedsearch {
    top: 2.6rem;
}
.fui-header ~ .diy-fixedsearch {
    top: 2.2rem;
}

.fui-goods-group .fui-goods-item .salez.diy{
    background-size: 100%;
    background-position: top center;
    z-index: 11;
    top: 10px;
    left: 10px;
    right: 10px;
    width:5.75rem;
}
.fui-goods-group.block .fui-goods-item .salez.diy {
    background-size: 100%;
    background-position: top center;
    z-index: 11;
    top: 5px;
    left: 5px;
    right: 5px;
    width:auto;
}
/* 分割线 */
.fui-line {height: auto; display: block; position: relative; background: inherit;}
.fui-line:before {content: " "; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #d5d5d5;}
.fui-line .text {height: 100%; width: auto; margin: auto; background: inherit; font-size: 0.7rem; display: table; position: relative; padding: 0.4rem 0.3rem; }
.fui-line .text.big { font-size:0.8rem}
.fui-line .text.large { font-size:1rem}
/*居左*/
.fui-noline {height: auto; display: block; position: relative; background: inherit;}
.fui-noline .fui-cell {
    position: relative;
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

.fui-noline .fui-cell:before {
    content: " ";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 0px;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.fui-noline .fui-cell:before {
    border: 0;
}

.fui-noline .fui-cell {
    padding: 0.5rem;
}
.fui-noline .fui-cell .fui-cell-icon {
    position: relative;
    display: block;
	margin-right:4px
}
.fui-noline .fui-cell .fui-cell-label {
    position: relative;
    display: block;
	width:4px;
	margin-right:4px
}
.fui-noline .fui-cell .fui-cell-label:before{
	content: '';
    position: absolute;
    width:4px;
    height:14px;
    background:red;
    left:0;
	top:-0.23rem;
}
.fui-noline .fui-cell .fui-cell-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 0.6rem;
}
.fui-noline .fui-cell .fui-cell-remark {
    color: #888;
    text-align: right;
    font-size: 13px;
    margin-right: 4px;
}
.fui-noline .fui-cell .fui-cell-remark.noremark:after {
    display: none;
    margin-left: 0;
}
.fui-noline .fui-cell .fui-cell-remark:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: 6px;
}
.fui-noline .fui-cell .fui-cell-h3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: red;
    font-size: 0.6rem;
	font-weight:bold;
	text-align:center;
}

.row-3 a {
	width:33.3%
}
.row-4 a {
	width:25%
}
.row-5 a {
	width:20%
}
/*应用DIY*/
.storelogo img{width:3.2rem;height:3.2rem}
.merchgroup .store-star {padding:0.1rem 0 0.2rem 0;font-size:0.55rem;line-height:1rem}
.merchgroup .store-star img{height:0.66rem}
.star-on,.star-off{position:absolute;top:1rem;left:0;overflow:hidden}
.star-rate {margin-left:3.6rem}
.store-distance{float:right;color:#999}
.store-moneylimit{font-size:0.55rem}
#l-map{height:300px;width:100%;}
.fui-tab-scroll {min-height: 2rem; background: #fff; overflow-y: hidden; overflow-x: auto; white-space: normal; position: relative;}
.fui-tab-scroll:after {content: ""; height: 1px; width: 100%; background: #efefef; position: absolute; left: 0; bottom: 0;}
.fui-tab-scroll .xcontainer{z-index: -1;  height:2.4rem; overflow-y: hidden;overflow-x: auto;  white-space:nowrap;}
.fui-tab-scroll .item {height:2rem; width:auto; overflow: hidden; line-height:2rem; text-decoration: none; color:#333; text-align: center; padding: 0.25rem 0.5rem; font-size: 0.7rem;}
.fui-tab-scroll .item.on  {color:#ff6801; font-weight: bold; position: relative;}
.fui-tab-scroll .item.on:before {content: ""; height: 2px; width: 100%; background: #ff6801; position: absolute; bottom: -0.2rem; left: 0;}
/* 优惠券横排样式*/
.coupon-xlist {
   height:3rem; overflow-y: hidden;overflow-x: auto;  white-space:nowrap;position: relative;
}
.coupon-xlist .coupon-stamp {
	margin:2px 10px;
	color: #fff;
	width:5rem;
	float:left;
	background: url(../images/diy/icon/coupon-green-r.png) center no-repeat;
	background-size:100%;
}
.coupon-xlist .coupon-stamp .coupon-left{
	width: 3.75rem;
	float: left;
	padding:0.2rem;
	text-align: center;
	color: #fff;
	float:left;
}
.coupon-xlist .coupon-stamp .coupon-right{
	height:3rem;
	float:left;
	padding:0.2rem;
    color: #fff;
	width: 1.25rem;
}
.coupon-xlist .coupon-stamp .title{
	margin:0.2rem 0.5rem;
	font-size: 0.8rem;
    font-weight: bold;
	border-bottom:1px solid #fff;
}
.coupon-xlist .coupon-stamp .r-title{
	padding-left:0.25rem;
	padding-top:0.3rem;
	line-height:0.60rem;
	font-size: 0.45rem;
	white-space:normal
}
.coupon-xlist .coupon-stamp .yuan{
	font-size: 0.6rem;
}
.coupon-xlist .coupon-stamp .subtitle{
	font-size: 0.45rem;
	color: #fff;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.coupon-xlist .coupon-item .coupon-after {
	width:3.5rem;
	padding-right:0.5rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	-moz-justify-content:center;
}
.coupon-xlist .coupon-item .coupon-after .coupon-btn {
	width:3.5rem;
	height:1.5rem;
	line-height:1.5rem;
	border:1px solid #55b5ff;
	border-radius:1.5rem;
	color:#55b5ff;
	text-align:center;
	font-size:0.6rem;
}
.coupon-xlist .coupon-item.red .coupon-after .coupon-btn {
	border-color:#fd5554;
	color:#fd5554;
}
.coupon-xlist.coupon-item.pink .coupon-after .coupon-btn {
	border-color:#fd72d4;
	color:#fd72d4;
}
.coupon-xlist .coupon-item.orange .coupon-after .coupon-btn {
	border-color:#ff913f;
	color:#ff913f;
}
.coupon-xlist .coupon-item.gray .coupon-after .coupon-btn {
	border-color:#b3b3b3;
	color:#b3b3b3;
}
.fui-header {
	height: 2.5rem;
	width: 100%;
	box-sizing: border-box;
	font-size: .8rem;
	top:0;
	margin: 0;
	z-index:1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background:#f7f7f7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
}

.fui-header:after {
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 0 solid #D9D9D9;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
}
.fui-header .title {
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #000;
	text-align: center;
	display: block;
	width: 100%;
	z-index: 1;
}
.fui-header .fui-header-left {
	left:0;
	padding-left:.3rem;
	height:2.2rem;
	line-height:2.2rem;
	z-index: 2;

}
.fui-header .fui-header-right {
	right:0;
	padding-right:.3rem;
	height:2.2rem;
	line-height:2.2rem;
	z-index: 2;
	font-size: .7rem
}
.fui-header a.back:before {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 0.5rem;
	width: 0.5rem;
	border-width: 0 0 2px 2px;
	border-color: #666;
	border-style: solid;
	position: relative;
	top:0;
}
.fui-header a {
	height: 2.5rem;
	line-height: 2.2rem;
	padding: 0;
	margin: 0;
	top: 0;
	color: #999;
	display: block;
	padding:0 .5rem;
	font-size: .7rem;
}
.fui-header a i {
	font-size:1.3rem;
}
.fui-header.fui-header-success {
	background-color: #04ab02;border: none;
}

.fui-header.fui-header-primary {
	background-color: #0290be;border: none;
}

.fui-header.fui-header-warning {
	background-color: #ff9326;border: none;
}

.fui-header.fui-header-danger {
	background-color: #ef4f4f;border: none;
}

.fui-header.fui-header-success .title,
.fui-header.fui-header-success .btn,
.fui-header.fui-header-primary .title,
.fui-header.fui-header-primary .btn,
.fui-header.fui-header-warning .title,
.fui-header.fui-header-warning .btn,
.fui-header.fui-header-danger .title,
.fui-header.fui-header-danger .btn {
	color: #fff;
}
.searchtop {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 2.2rem;
}
.searchtop .leftlogo{
    width:1.23rem;height:1.23rem;
	border-radius: 50%;
}
.searchbar {
    padding: 0;
	margin:0.5rem 1.8rem 0.5rem 1.5rem;
}

.searchbar.right {
    text-align: right;
}
.fui-icon-group .fui-icon-col {
    width: 25%;
    height: auto;
    position: relative;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    float: left;
}
.fui-icon-group .fui-icon-col-sm {
    width: 25%;
    height: auto;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    float: left;
}
.fui-icon-group .fui-icon-col:active {
    background: #ececec;
}
.fui-icon-group .fui-icon-col-sm .icon {
    height: 28px;
    margin: auto;
    text-align: center;
    line-height: 28px;
}
.fui-icon-group.col-1 .fui-icon-col-sm {
    width: 100%;
}
.fui-icon-group.col-2 .fui-icon-col-sm {
    width: 50%;
}

.fui-icon-group.col-3 .fui-icon-col-sm {
    width: 33.3%;
}

.fui-icon-group.col-5 .fui-icon-col-sm {
    width: 20%;
}

.fui-icon-group .fui-icon-col-sm .icon img {
    height: 28px;
    width: 28px;
}
/*会员*/
.member-page {
    background: #f7f7f7;
    margin: 0;
    /*top: 2.2rem;*/
}

.member-page .headinfo {
    position: relative;
    height: auto;
    padding-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;

}

.member-page .headinfo .setbtn {
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    top: 0.2rem;
    right: 0.5rem;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.2rem;
    text-align: center;
}

.member-page .headinfo .child {
    width: 30%;
    height: auto;
    padding-bottom: 1.2rem;
    text-align: center;
}

.member-page .headinfo .child.userinfo {
    width: 40%;
    color: #fff;
}

.member-page .headinfo .child.userinfo .face {
    height: 2.8rem;
    width: 2.8rem;
    background: #fff;
    margin: auto;
    border-radius: 2.8rem;
    /*padding: 0.1rem;*/
}

.headinfo .child.userinfo .face img {
    height: 2.6rem;
    width: 2.6rem;
    border-radius: 2.60rem;
    display: block;
}
.headinfo .child.userinfo .face .vip {
	background: #f60 none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    top: 2.8rem;
	margin-left:0.6rem;
	height: 0.85rem;
    width: 0.85rem;
    vertical-align: top;
    z-index: 100;
	line-height:1.2;
	text-align:center;
	border: 1.3px solid #fff;
	border-radius:0.85rem;
}
.headinfo .child.userinfo .face.radius{
    border-radius: 0.5rem;
}
.headinfo .child.userinfo .face.radius img{
    border-radius: 0.5rem;
}

.headinfo .child.userinfo .name {
    height: 1rem;
    padding-top: 0.2rem;
    font-size: 0.6rem;
    color: inherit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo .child.userinfo .level {
    font-size: 0.6rem;
    color: inherit;
    text-align: center;
}

.headinfo .child .title {
    padding-top: 1.2rem;
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
}

.headinfo .child .num {
    font-size: 0.7rem;
    color: #fef31f;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo .child .btn {
    width: 2.6rem;
    height: 1rem;
    padding: 0;
    margin: 0.2rem auto 0;
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 1rem;
    border: 1px solid #fff;
}

.headinfo.style-2 {
    padding: 1rem;
}

.headinfo.style-2 .face {
    height: 4rem;
    width: 4rem;
    border-radius: 4rem;
    float: left;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.headinfo.style-2 .face img {
    height: 4rem;
    width: 4rem;
    border-radius: 4rem;
    display: block;
}

.headinfo.style-2 .face.radius {
    border-radius: 0.5rem;
}
.headinfo.style-2 .face.radius img {
    border-radius: 0.5rem;
}

.headinfo.style-2 .inner {
    height: auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    display: block;
    padding-left: 0.5rem;
    color: #fff;
}

.headinfo.style-2 .inner .name {
    font-size: 0.9rem;
    line-height: 0.8rem;
}

.headinfo.style-2 .inner .level,
.headinfo.style-2 .inner .credit {
    font-size: 0.7rem;
    line-height: 0.9rem;
}

.headinfo.style-2 .inner span {
    color: #fef31f;
}
.fee-tag {background:linear-gradient(to right,rgba(255,155,48,1),rgba(254,39,37,1));color:#fff;width:auto;font-weight:400}
.fui-goods-group.block .fui-goods-item .detail {height:auto}
.fui-goods-group.block .fui-goods-item .detail.commission_money {height:160px}