* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	margin: 0;
	padding: 0;
	cursor: pointer !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent
}

html {
	width: 100%;
	min-height: 100%;
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	min-height: 100%;
	cursor: pointer !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent
}

/*清除默认样式*/
::-webkit-scrollbar {
	display: none;
}
img {
	border: none;
}
p {
	margin: 0;
	padding: 0;
}
address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}
button,
input,
select,
textarea {
	font-size: 100%;
}
/* 使得表单元素在 ie 下能继承字体大小 */
input,
button,
textarea,
select,
optgroup,
option {
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	-webkit-appearance: none;
	border-radius: 0;
}
em,
strong {
	font-style: normal;
	font-weight: normal;
}
li,
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 解决IOS input，button默认样式问题 */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
	border-radius: 0;
}

input,
button,
a {
	outline: 0 none !important;
	-webkit-tap-highlight-color: transparent;
	border: none;
	background-color: initial;
}

input:focus,
textarea:focus {
	outline: none;
}
textarea {
	-webkit-appearance: none;
	border:none;
	resize: none;
}


.model {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    display: none;
}



.checkbox {
	position: relative;
	width: 15px;
	height: 15px;
	position: relative;
	border: 1px solid #ccc;
	/* border-radius: 50%; */
	/**复选框的圆角要小一些**/
}

/**选择后的样式**/
.radio:checked,
.checkbox:checked {
	background-color: #3388ff;
	border: solid 1px #3388ff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	text-align: center;
}

/**选择后 里面小对勾样式**/
.radio:checked:before,
.checkbox:checked:before {
	content: '';
	width: 8px;
	height: 5px;
	border: 1px solid #ffffff;
	border-top: none;
	border-right: none;
	position: absolute;
	top: 2%;
	left: 52%;
	transform: rotate(-45deg) translate(-50%, -50%);
}

/*动画图标*/
.model_img {
	width: 300px;
	height: 300px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

/*悬浮*/

.index_instructions {
	background: rgba(201,162,117,0.1400);
	border-radius: 8px;
	overflow: hidden;
}
.index_instructions-title {
	text-align: center;
	color: #fff;
	background: #C9A275;
}

.model .model_description {
	width: 295px;
	height: 246px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	margin: auto;
	background: url('../assets/bg3.png')no-repeat center/ 100% 100%;
}
.model .close {
	z-index: 999;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 50%);
}


.model .model-download {
	width: 80%;
	min-height: 50vh;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	margin: auto;
	background: url('../assets/download-vote.png') no-repeat center/ 100% 100%;
}

.model .download-app-btn{
	background: #0a6999;
	color: #fff;
	position: absolute;
	width:200px;
	padding:10px;
	border-radius: 10px;
	text-align: center;
	left:50%;
	right:50%;
	bottom:0;
	transform: translate(-50%,-50%);
}

.ticket {
	bottom: 12%;
	right: 5%;
	position: fixed;
}
.ticket .ticket_img {
	width: 68px;
	height: 60px;
}

.instructions {
	bottom: 2%;
	right: 4%;
	position: fixed;
}
.instructions .ticket_img {
	width: 72px;
	height: 72px;
}


.model .model_ticket {
	width: 92%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	position: absolute;
	margin: auto;
	background-color: #fff;
}

.ticket_close {
	width: 12px;
	height: 12px;
}

.ticket_item {
	background: #F6F8F9;
	border-radius: 8px;
	border: 1px solid transparent;
}

.ticket_active {
	border: 1px solid #C9A275;
}

.ticket_btn {
	width: 92%;
	border-radius: 22px;
	font-weight: 400;
	color:#fff;
	background: #C9A275;
	height: 44px;
	line-height: 44px;
}

/*\\悬浮*/

.bg1 { background: url('../assets/icon6.png')no-repeat left center/ 16px 16px; }
.bg2 { background: url('../assets/icon6.png')no-repeat left center/ 24px 24px; }

.bg3 { background: url('../assets/rank1.png')no-repeat center top/ 78px 95px; }
.bg4 { background: url('../assets/rank2.png')no-repeat center top/ 60px 82px; }
.bg5 { background: url('../assets/rank3.png')no-repeat center top/ 60px 82px; }


.model .model_con {
	width: 74%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	margin: auto;
	background-color: #fff;
	text-align: center;
	border-radius: 12px;
}
.model .model_con .model_con-img {
	width: 92%;
	margin: auto;
	background-color: #fff;
}

.model .close {
	z-index: 999;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 50%);
}

.model_btn {
	width: 195px;
	height: 45px;
	border-radius: 22px;
	margin-top: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	background-color: #007EEB;
}

.sponsors img,.activity img{max-width: 100% !important;}

.fixed{position: fixed}

.toast-warp{
	position: fixed;top:0;left:0;right:0;bottom: 0;background-color1: rgba(0,0,0,0.6);z-index: 80;
}

.toast-box{position: fixed;z-index:90;min-width:30vw;top:50%;left:50%;transform:translate(-50%,-50%);border-radius: 10px;text-align: center;background-color: rgba(0,0,0,0.8);background-color:#4c4c4c;color: #fff;}
.toast-content{padding:20px 10px;font-size: 14px}
.toast-icon{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 40px;
	height: 40px;
	-webkit-mask-position: 50% 50%;
	mask-position: 50% 50%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	background-color: currentColor;
}
.toast-icon-warn{
	mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E)
}
.toast-icon-success{
	mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
}
.toast-msg{margin-top:10px;}
