*,
*:before,
*:after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}

body{
	color: #fff;
	background: #1f77b6;
	font-size: 16px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;

	-webkit-overflow-scrolling: touch;
}

.start-page{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 0;
	background-attachment: fixed;
	overflow: hidden;

	width: 100%;
	height: 100%;
	padding: 5px 0;
}

body > .start-page{
	overflow-x: hidden;
	overflow-y: auto;
}

.banner{
	width: 320px;
	height: 240px;
	position: relative;
	margin: auto;
}

.banner img{
	display: block;
	width: 150px;
	margin: auto;
	margin-bottom: 5px;
}

.banner .icon{
	position: absolute;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
}

.banner .icon{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAACXCAYAAABtPrefAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEMjU5REVGNDBBODExRTQ5QjVDRUNDMzRDOUY4Q0FEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEMjU5REYwNDBBODExRTQ5QjVDRUNDMzRDOUY4Q0FEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQyNTlERUQ0MEE4MTFFNDlCNUNFQ0MzNEM5RjhDQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQyNTlERUU0MEE4MTFFNDlCNUNFQ0MzNEM5RjhDQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IvltDAAAJxklEQVR42uxdCYwURRStwQUPFBG5wUVFBAENiKB4IKBGQaMxEYiooKhEolFDIkhAg0EN8UyMR4ygoohB8VZAQUAOgXAp6K6CuotGUFhuWI5lad9zamI7zNnT3VU1XS9529k5qmteV/2qX8cvIXyG4ziniYihjs8C9sBlQNRELPE5vdvAk4WF51IYAzeBa60a3kXs7MRRAx5nbaI39HaZiO5WxMJEJC63ddNbdf7J+Q+LrCL5C1gXPOwSsRY81Vbn/NAGPCYp3UFWxPzQNMVrQ62I+aFJitd6oEpfZEXMHfXSvD5agX2+0tSG5XYnPS4JOS/rwGuKTcQVYElI+Wgi77mcbqiJne10uCDEan1Fwh6D15sm4vFZ3h+PknFZiCISI0yqyk3BhU52bAe7BZyXX5I6/E10FOxY8HJwLDgb/NvJD9XgTQHlrWOK+w3QRbhW4F3gx+Bexx+86adbiLSOAWemuM8zKoUrBR8GVznBYSc4CjyxwLw2AD9Ic48vwhauBLwRnOOEiyrwMbCZhzxfClZmSLsyTAFp58octTgETgV75tE3rc0h3RMC7+LIKc4F4DmKzW9d8BbwW+RpjbTDmbpOLXLsopUGnfGYfKrNcWH3o60cTGgg4rN2DeXnaLdy8To4t1IfbAWe4kP+qsAXwZdjsdjW5J4CLqvATlnS6IfvzjbVnz4bHOOTmTgATkkeFcL/g3L47vCiGCripD74btLot1f8DL4APgQuzuHzz4ZSnUMUk3Z3taz2YWERqnMv0wcgEgLygd0ZsoDEJez3FkuVvlhh92lKUZRE4IjCZzgEQg423ibKpSXbcxg2Cwo14E2wj58aWxKR+QO4zFPcmf8QD3OYydWZ+FKxaebc+GQIOSHM6QO/q3QnRx9MA+sZ10+UQm7Gpbkmz3UmOACmptqk6iwU28Vk9Ac/L3SkR4WIKzSzMn0KFVKFiD9oaK4LElKFiFs1bfco5HQvCw1UiKhz1+I6cJIJIjYXemMoJ+l0F/E8A7q0T0LI63QW0YRF8TQ5b0HI1trZJ2SqES7sbNcTZmAJ2Aud8SM6lcQhBglIcG3lfdqUROmn/gJm2oW6G9wEdtBIyD1gJ5TGP3QoicPSCOiAn4E3gk2QWc7DvKKRiCexoVGeC5bCFMs9doPPg2em+PxxclZPFxzhCJRqEe9xZWgD+AB4UpbvXOXohfdVi9gbfArsC9bJ43tvaCQi58xbCdPAAQFwpUZCjjfNj00I2RKXlSK+gEk12MctReN3WLXHkp/rEIuxy3O1iC9uUo0WcpBCGCWiFHKdiI9C79YgO8ONq85JVft8XLhMTuWuAPZrz8SDrTSqJLpKJBdDXQz+GvKtZ4DPSZPCgjdCmA6UyFPAT0NqkSe67ttedry3FUWwEBlCZpRc6x0keibdd6N8/Q5RLKCdBMsDFPFR1726ul5fKYoJ0td+OsfdBF785hngq+COpPe6iWKDXNYcpoczWRQj5Ba1e6XxDxp7s2wTMV7MhuDjPu5HVLbZSAcxm4FPyu1vftvKJ0SUwGoH3gmuLlC8d8DTuTFTRBkQoAM4DlzqoUWfa7TvHJCg3HLHmBFdRHyCjPNAjUV8eTKxDywHvwUXwPX87SgRkYiwKAx1rARWRCuiFdHCimhFtCJaES2siFZEK6IV0cKKaEW0IkYDiVhhvDJgI9dPcw3eRskK8NdYLFZlpToaibHYxI5KTriMzPBhbkPgIqJKkFsRfpfk/xXJwdCihoSIbTN8hmFYOITeRTKVyFw3uBxcBs4X8dBSh6NWLEenmZQZyYXq4MnggjwmcxjJ+G2GsM9nobuJ1fnfKo0/zzH2agohNiZ94VqPU4yVMgRgw2IWsTJDrNcS1xfu9mHJBR9YiyiJ6MgYr93AgeBWH9evTORCzWISsdxRg21y4VGJ6SLS6O9UlAfufWa82O9COpcgUI/lZ8V54MbDhX5HgQ9bRF0iJvFMq7XsBRjn9vEUC+nq6dSfY+TNkeiwbzfB7Uv4ztxgc7VmedwCTgBfTxcQTfr8DBHDgBfsOnEfYGJrRJX0/dcUGlAtVxEH4jJd0we+C/xKxMNjUYxmcqDkLLCdyB4ZtBb8EZwKMZ8OUsQSOcBQHFGA/w/68C+Bj0HEHUGI+K8dlIMFE4tQwFlgZ/y+B/0W8H8Ni0tVRgspl1XFdDDqyf0QblZoDYvrRZ4w9onhAq4B+0DAXaG2zklvfIzLDQaLeC4EDCVGYyYR2WXgJu3GBgr4DQTsHXY/8agONjLxFy6m7qCcqsrtEymE/FzoEJUoO7iJPBHSYD/4nhK3L0NRpcAfiRCPs8wTZXjYneQJQX3ZH8T/c5S5fRk+xH1r3PzSU0MRWQJbQrh9qn3njIMO0ufsJxsa3cBtYffpkJFYjooz+geHzDprJiTtYDc87HJtS6KrRG6VdmeVZiJy8OGDQk+hDKR1ziAkj/5dpJmQjLc4yahTLWQsxGmOfhijojp73hspw6lM0ExEbuK+wRgRXYkMCiE8QD5gdNCzwxYx5kNCHXFhlMuOmlgcjmJfGEb/Ma/WOUuDU8ZMi/gcsg6bpzkF+5qxY1DybL51mlTtB4ywiel8bsbRAn9XLGIN2MdIEV03YPSP4eB6hUIyLFV77RuWXEqm9L/Z/eDqhpYhW5k/wctguyuCaljCtpkxeU79RyGXyAqGcTG2JKa5OQ8h3CPCPZKTU6a3okTO1K6L47FbxFUJYR8Qy0WlXFY9ye+g46pKIktgtVAHHg47DXyHQ3zyoXouiapE5DqaDT4ny304t4FdPVTzheBikI7DenBzKo8H+a4v4pGVSS69WaqyU97f54Zjnky3qSvma6GoBne6eND13nLwjETDomq9dLtsOov45iKWDsbmqpJV8JDLDJTIhonjnKulrd2CHzVAxI9FKvS3HZ+i4eO9ufvsKa5fUhoiDDd/Kc3T3w8+A7YpMP2xAQyzTUlukAL3WLL8yDkpMsrXSn1KnyFRl/kg3iG5M+w8JW5flh9ZkZTZR/we3peho71ig8xTa6W+c5abJwI/0ljfHOB9luQoWq0MSDlOnm+gxwBElpsTu8BeAd/n/izirQAHg409pq9UxPnp7IzP9zk9i4ilBaYvnCgE8cSP/CmDiG38EDEKMSBmZ3ivtR83iLqIda2IueEb8GCa9xpYEXMbdtsv3cDAfn9U4uLMDTLxqIiYbgXtISti7uAoT6odq9VWxNztIqciZtnqXDi+CKokRgbymLqaJI+lXYFpRsZjSVRpzqV8nfTyNlud84f7oOv9uodH0LVKN3IdlljmQ3rRqs6ySrPkzZD/fm+LlffS092vYzQjM56Y5sc/60dIwoSI/wgwANeGlSex166IAAAAAElFTkSuQmCC');
	background-size: cover;
	width: 80px;
	height: 70px;
}

.banner .fish{
	bottom: 40px;
	right: 12px;
	background-position: 0px -80px;
}

.banner .fish-reverse{
	bottom: -12px;
	left: 12px;
}

.introduce{
	margin: 10px auto;
}

.features{
	padding: 0;
	text-align: center;
	margin: 0.5em auto;
}

.features li{
	display: inline-block;
	height: 90px;
	margin: 0 auto;
}

.features li:nth-child(2){
	margin: auto 20px;
}

.features li:before{
	content: '';
	height: 48px;
	width: 48px;
	display: block;
	margin: 0 auto 1em;
	background-image: url('data:image/png;base64,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');
</style>

	background-repeat: no-repeat;
	background-size: cover;
}

.features li:first-child:before{
	background-position: 0px 2px;
}

.features li:nth-child(2):before{
	background-position: 0px -44px;
}

.features li:last-child:before{
	background-position: 6px -91px;
}

.introduce > p{
	text-align: center;
	line-height: 1.5em;
	margin: .8em auto;
}

.buttons{
	text-align: center;
}

.follow-btn,
.app-btn{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 5px;
	display: inline-block;
	margin: 15px auto;
	width: 42%;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 5px 3px;
	line-height: 2em;
}

.app-btn{
	margin-right: 2%;
}

.app-btn a{
	color: #fff;
	text-decoration: none;
}

.follow-btn:before,
.app-btn:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover;

	transition: 
		color .3s ease-in-out, 
		background-color .3s ease-in-out;
	-webkit-transition: 
		color .3s ease-in-out, 
		background-color .3s ease-in-out;
}

.app-btn:before{
	width: 28px;
	height: 28px;
	margin-right: 2px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAsCAYAAAAEuLqPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcxOTI2ODdENzJFQzExRTQ4QzY3QUZDNEEyQTg5QzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcxOTI2ODdFNzJFQzExRTQ4QzY3QUZDNEEyQTg5QzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzE5MjY4N0I3MkVDMTFFNDhDNjdBRkM0QTJBODlDMDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzE5MjY4N0M3MkVDMTFFNDhDNjdBRkM0QTJBODlDMDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4wrQd4AAABYklEQVR42uyYwUrDQBCGx1CLCFZK9WZEWvEgKD6R9jX6RoLouR71XigK3lpBL7Xe9CJUuv6DE1jqrmW3TaIwA18IE9j/z+wmMEPGGBKq4Ax0wQuYmuXFVNbsikY1083Em6BnigvWarH2Ci41IroHu1RsPIGjBJdOCeIkmh2uwCNu9qicGNIv+zQCp6BhHdRQGrLGyKMx4QoYh7MJOAEPS3rTQ9AHqz+eeJzdLPDWPm5dQonH8XsO+/3mSiZUcqgBNaAG1IAaUANqQA2oATXgM7CRg1bNlfyzjYndmtUXaEbqc1oz46tAYfGvDXyCO7AO9kElapXIEQs3mqm116mv+ZwXMRX4kOnG60x+W8Yua3n/iAYOcZLcIHQbY0Y0vgpsgefACgy5AueBrlngEuxYOb6/Ci0/4oIrsEnfY7o08itg0YOIr4DPy3F2iltlDSppZlTbBtdgnIPoWNZu26PaLwEGAHM976+0lVuhAAAAAElFTkSuQmCC');
	background-size: contain;
}

.follow-btn:before{
	width: 32px;
	height: 32px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAA2CAYAAADNsRdiAAAFUElEQVR4Ae3bf2hVZRzHce/j7SaGpSN/5I8K9k8/IMPEVRArmdp0SG4TjYKMtR+xlWtaZmlUlLtzZhtmYj9oCqHhLBMqc2tojIqoTYvBIosyNUExsdS6bju9/1jw5SG2Peec3XPuw/nAi+ec5x/58PXec3fuuSOiRImShsTgaxzHuYxlDuZiFrKRhUs4hW58gb3oRMbl5sa2QDvGbmr4jMV7upbPvorlUVRjIoaSTiTRjL4MGFYYOnofGsMayVKFF0ApV+lGJdpCOqxQdVQeBzaZpQ0N0Mt0owGlKEA+ytCEk5C5Aa3YiHjIBhaWjt5faQzsRpb9mCq2e7ATG3B4kGvpfKzE3ZD5FIW4EIKBhaWj96ExsGyWdkwS2x0owSGYpBCbMFnstWIBUgEOLLQdlYuBjWLZrZV5CzmgjHHex3QcEHt5SAY4sFB3VDDNs5guztejFD1wm9O4V7tIV+NOeI5tHZXhqyyLpUZsfYin4Uf+QRGOimvCiwG8ykLfUcEkxRjdf3wRFXDgV85ijTifjanwFNs6mg4tRxx/jJPwOzvwp/ifmANPsa2j6dAmiOOfMBzpwVFxPh6eYltH5eFeZR+GK31+3h+1raNCKBMlGlo0tCjR0KJEQ4uGFsWCoTnax1T7one0YGjnxPFYDFeu1P5NT7Gto+nQfhfH0zAcUbhGnJ+Bp9jW0XRoR+QNcQxHrkPCz1tJtnU0HVqH9g9Phd+ZKY4v4Gd4im0dTYfWqT3XMA9+5x5x/A164Cm2dVSGXxBeYtkvtorgZxQKtOco0hq+6A19RwXTfCCO5+Ba+JU87eL/ETzHto4KptmNs/3HcayAX1kujr9DBzzHto7KxTMU51maxFYFsuE1d2G+OH8dgYS3yFB3VHCTenGxTuANjITbjMYWcf4rtiGAhL+jcvnE0gmWddrDKY2IwTQjsU37m2g1/kZg4dUW2o4KbrMeX4nzSmw1LJXAHhSLvZ3YgYAS/o4KIsYf/xfjmNguBXtDzhPax9/vUY5QhFdbKDsqjw92HmPJxVGXf4wu1O5E5OEcSGgGF7qOymOhGSx12q2ei4ZP3MqfAq3F9SH7qVPoOsZdDiuXZTXmQaYX2zHUNIlbOqNRhQrsQB26AhxW0B29/9SJQcVYFuAZ3AE9p1GF92CSNViLBGQc7EUdvhyoA8oxDQ045WFQGdFxwKGJn+cuwSrcAj3HsRFbcR5uMgUrUIYroOcgktgHPRXYIj6V3e9iWBnVMT7AsC5nWYYnkQ09R1CH7UjBS46jBrV4HFXat8a5GI+D2vVkGtaL84ThsDKyY/x/hjWGpQw1mAw9h1GLZvTCz5zCWtSjEtWYgBQewEXIbMUYccF/bojDyuiOcTGssSzVeAxZ0NOOWnwCJw3PadSiESW4hEOQeRD54vxldA0yLCs6xvsHVsSyGRMh42Afkvgc6c4FbIKeCWjUXhnJQQZmTceY4zgPsb6j/1oEzUiiE+mKwhScGORtaReKxc+Gbse3AwzMqo5xbBBlHGzDOvyIdKcZi/A18nEGehZp9/Fe0Qemx7aOClfjv7yEhwMqk8B9/cez0IIsyIzTvoP6Ac9jkNjVUUGmFUElhXfF+Qy0YJzY24hJ4u3tEYOvN6zpqCDThyBTgj3QS43FXCzTvvVth0Hs6KgQpqSwBHvF3m1owZti7xeshkHs6RiHzEyMQjrj4AB6RanF2IWF0B/udFCOv2AQezrG8Zt4pOtVBJF6PIURWqndKIBME/bDIHZ1VHgNQWcllkImhSLtucATWAGj2NZRoR6rcAxBJYa3cSv0UoXYjHYsxR8wim0d/wWLOS/JYpcJEgAAAABJRU5ErkJggg==');
}

.app-btn.active,
.follow-btn.active{
	background-color: #fff;
	color: #2a90bd;
}

.app-btn.active a,
.app-btn.active a:active,
.app-btn.active a:visited{
	color: #034585;
}

.app-btn.active:before{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAsCAYAAAAEuLqPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcxOTI2ODc5NzJFQzExRTQ4QzY3QUZDNEEyQTg5QzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcxOTI2ODdBNzJFQzExRTQ4QzY3QUZDNEEyQTg5QzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzE5MjY4Nzc3MkVDMTFFNDhDNjdBRkM0QTJBODlDMDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzE5MjY4Nzg3MkVDMTFFNDhDNjdBRkM0QTJBODlDMDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ELhVAAAABlklEQVR42uyYMUvDQBiGL7EVFyuFiIuKVBB0EKyLjgr+AqHoUunP6A/oD9FFoegPcKhDBx1ERUFcCsVOJThUl6JCfT/zDSHkKtek5/K98ITjPu7eN8ldIOdM7NUUaxIcMhtgFjgqHQ2AD+7BKfNJBYcDFEAdFJUd3YESaLm45MCVRXPFXg3ypgBVsKjsizyrFOBA/Z9KFGBJU+yCI+DxYhwFj+fo6p5CRlP4ArvgOeEdvoETcAseQDZSz7iagdcpmIdFc93EFXQBPsbwvt9NAliTBJAAEkACSAAJIAEkgASQALoA02PwypkE2AZrKZrTXFsmAbL891oG+QTGeZ6jEfNXFPwaDRk8B45lFwzRN590vHDbaoCmCo51NsEqt5u2AvTBPuiE+jrc17cRoKWCE6+ofK4ZvUYK0DYctKyCI7yoPK6Z6JUCnBkOmgLnYD7UR+0LrpmoTueEM2g8gYURdsEjm6788U2JvXuwTk+gB3Z4S5mIDIv8mTU1Jy86g+q5oYVF3/8KuNQssqTyee4Ke/0u2B8BBgAulUOApr46NwAAAABJRU5ErkJggg==')
}

.follow-btn.active:before{
	background-position: 100% 0%;
}

.slide-down-button{
	display: block;
	width: 32px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	border: none;
}

.slide-down-button span{
	display: block;
	width: 32px;
	height: 16px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAmCAQAAADE8bWcAAAB+UlEQVRYCc3BvUvUcRwA4M/JLYKGoItzZuCQ5JKQg/+CDTXkooMNTv4LNthgi0EuOeRQewXVUJGLQ2KL7b6AYA7nZMhx9/RilMidfn/ei/c8Ea3KK33RYlz1KnBoVnu0CO1mHRKObRqLFmDMpj/Cf2/1xyVyzVv/hJOOzOmIS6DDnCMnhNO23Y0mc9e2U0IlHwxEkxjwQQWhsqJ5ndFgOs0rqihUt+u+XDSInPt2VRXO9tmNaACDPjtTOE/Rgq6oI10WFJ0jpNgzIRd1IGfCngQh1aqbUSNDViUK6Uqe6o4L0m1RSbLwQhb7prRFRtpM2ZfFy4gwakMWX9yKDAxbk8WG0Tgmb8aBdCXP9EQCPZaUpDswIx8n6bWsLF3BtHycQd60gnRly3qjEiPWZbHudlRhxFdZrBuJ6uRNK0hX9lxvnKLXsrJ0BdPycR49lpSkK5iRj7/kzTiQrmRJT6QybE0WG0bjF6O+yWLNcGSjzQP7snjhpSz2TWmLi9BtUUkjlCzqjloYsqreVg1F7eRM+q5e9kzKRb3o8kRRrYoWdEW9GbSiFisGozHkjNt1EbvG5aKRXPFYURZF8zqjGQz4JNVHA9FM7tlxnh33ovl0eORINUfmdMRlcd17lbzTH5fNHVtO2jIWrUG7h3747dCs9mgl+rzxWl/UyU/nP+6ZGAQcCgAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-size: cover;
}

.slide-down-button span:first-child{
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
}

.slide-down-button span:nth-child(2){
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
}

.slide-down-button span:last-child{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.modal{
	position: fixed;
	display: table;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 200;
	display: none;
}

.modal:before{
	content: '';
	position: absolute;
	z-index: -100;
	top: 0%;
	bottom: 84%;
	left: 0;
	right: 0;
	background-image: url('data:image/png;base64,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');
	background-repeat: no-repeat;
	background-size: cover;
}

.modal:after{
	content: '';
	position: absolute;
	z-index: -100;
	top: 16%;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(2, 136, 209, 0.9);
}

.modal-weixin p:first-child:before{
	content: '';
	display: block;
	width: 150px;
	height: 300px;
	margin: 5px 9px auto auto;
	background-image: url(../images/fishes-wave.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.modal p{
	text-align: center;
	margin: .8em auto;
}

.modal p img{
	width: 3em;
	height: 3em;
	margin: auto 5px;
	display: inline-block;
	vertical-align: middle;
}

.modal-qrcode{
	width: 100%;
	height: 100%;
}

.modal-content{
	display: table-cell;
	vertical-align: middle;
	text-align: middle;
}

.modal-content img{
	width: 280px;
	display: block;
	margin: auto;
}

.options-page{
	background-image: url(../images/another-bg.jpg);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	overflow-x: hidden;
	overflow-y: auto;

	width: 100%;
	height: 100%;
	padding: 5px 0;
}

.options-page > h3{
	text-align: center;
	letter-spacing: 1px;
	height: 10%;
	margin: 0;
	padding: 1em 0;
}

.options{
	margin: auto;
	list-style-type: none;
	padding: 0;
	height: 89%;
}

.options li{
	height: 120px;
	margin: 0 1em 1em;
	padding: 10px;
	clear: both;

	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.options li:before{
	content: '';
	display: inline-block;
	width: 96px;
	height: 96px;
	float: left;
	background-image: url(../images/fishes.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.options li:nth-child(2):before{
	background-position: 0px 50%;
}

.options li:last-child:before{
	background-position: 0px 100%;
}

.options li h3{
	border-bottom: 1px solid #fff;
	margin: 0 0 10px 68px;
	padding: 25px 0 5px 0;
}

.options li p{
	font-size: 14px;
	margin: 0;
}

.options li.selected{
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}

body.transition > *{
	transition: transform 1s ease-in-out;
	-webkit-transition: -webkit-transform 1s ease-in-out;
}

body.show-options .start-page,
body.show-options .options-page{
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

body .result-modal,
body .loading-modal{
	display: none;
}

.options-page > h3,
.options li,
.loading-modal,
.result-modal{
	opacity: 0;
}

.result-modal{
	position: absolute;
	z-index: 200;
	top: 36%;
	width: 90%;
	margin: auto 5%;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 5px;
	text-align: center;
}

.result-modal p{
	color: #555;
	line-height: 1.2em;
	padding: .5em;
	margin: 1em auto;
}

.result-modal p strong{
	color: #5bbeb4;
}

.result-modal p:first-child{
	border-top: 2px solid #5bbeb4;
}

.result-modal p:last-child{
	border-bottom: 2px solid #5bbeb4;
}

.result-modal h3{
	color: #5bbeb4;
	font-size: 2em;
	margin: 20px auto;
}

.loading-modal{
	position: absolute;
	z-index: 180;
	width: 90px;
	height: 90px;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
}

.loading-modal img{
	width: 100%;
}

@media screen and (max-height: 480px){
	.banner{
		height: 180px;
	}

	.banner img{
		width: 120px;
	}

	.banner .icon{
		width: 60px;
		height: 54px;
	}

	.banner .fish{
		right: 50px;
		background-position: 0px -51px;
	}

	.banner .fish-reverse{
		left: 50px;
		bottom: 0px;
	}

	.introduce{
		font-size: 15px;
		margin: 5px auto;
	}

	.introduce > p{
		margin: 5px auto;
	}

	.features li{
		height: 60px;
	}

	.features li:before{
		width: 36px;
		height: 36px;
		margin: 0 auto .5em;
	}

	.features li:nth-child(2):before{
		background-position: 0 -33px;
	}

	.features li:last-child:before{
		background-position: 0 -68px;
	}

	.follow-btn{
		width: 80%;
		margin: 5px auto;
	}

	.modal-weixin:before{
		width: 120px;
		height: 240px;
	}

	.modal-content img{
		width: 190px;
	}

	.options li{
		margin: 0 1em 0px;
	}

}

@media screen and (max-height: 510px){
	.introduce{
		margin: 0px auto;
	}

	.introduce > p{
		margin: .5em auto;
	}

	.slide-down-button{
		margin-top: 0px;
	}

	.follow-btn{
		margin: 15px auto 10px;
	}
}

@media screen and (min-height: 570px) and (min-width: 360px){
	.banner{
		width: 360px;
		height: 320px;
	}

	.banner .fish{
		bottom: 50px;
	}

	.banner .fish-reverse{
		bottom: 10px;
	}

	.banner img{
		width: 200px;
	}

	.features li:nth-child(2){
		margin: 0 35px;
	}
}