

/* 必要布局样式css */


.aui-list-product-box-yuan {
border-radius: 10px;
width: 48%;
float: left;
margin-top: 4px;
position: relative;
margin-left: 1%;
border-right-width: 1%;
margin-bottom: 10px;
margin-right: 1%;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}



.aui-list-product-box-yuan-fuli {
border-radius: 10px;
width: 100%;
float: left;
margin-top: 4px;
position: relative;
margin-left: 1%;
border-right-width: 1%;
margin-bottom: 10px;
margin-right: 1%;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}



.aui-list-product-box-yuan-meitu {
border-radius: 10px;
float: left;
margin-top: 4px;
position: relative;
margin-left: 1%;
border-right-width: 1%;
margin-bottom: 10px;
margin-right: 1%;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}




.icon-news {
background-size: 24px;
width: 24px;
height: 24px;
background-image: url("data:image/png;base64, ");
}

/*
.icon-search {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU2QjQ1NTI4ODBCMTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2QjQ1NTM4ODBCMTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTZCNDU1MDg4MEIxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENTZCNDU1MTg4MEIxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvT0sUEAAAQgSURBVHja7Ju7TypBFMbdxUdiYgNcg7UxNBKpTCxQScSKxtICK2KspLHSxsSojQ1UhFDpH0BjJSYKFiRUvhpjrDG+GhMKjXq/SDI5GWDduzODy949BdlZMufzx8ycOXN21b6+vnqcZXqP48xFcpFcJBepjfXKdYct4fn5+enpCdd+v9/n82ma1n1IYDg7Ozs9Pb25uXl5efn4+GBfeTwer9cbDAZnZ2cjkQgIO4CkiWy1JycnBwcHV1dXZpxguEKhUCKRiEajdkQ6Pz9Pp9OAsdAXYKlUKhwO2wXp7e1tZ2fn8PBQUDgej6+vr/f39/8yEtb92tra9fV181eDg4NTU1Ojo6N/vg13Hr/t7u6uUqnU6/XmLuPj43t7e4giv4Z0e3uLCfPw8MDdx9JfWFiYnJzs6+tr2fH9/b1arRYKBYQQ7qvh4WFM4LGxsV9AwvgsLS1xPBMTE6urq/g0KXZxcZHJZPDJUe3v70scK1NIWD/Ly8vcfEsmkysrKxYks9lsPp/nZmAul5O1rkxlD4gHlGdgYGB3d9caDwwd0R1O2B04h0TnEiLEay6+bW5uxmIxEVV0hxN6BxIQ6hASli833wR5GBVcGQipQkJ+QPdTRALL863lDKShBUKQU46EfIc2Ed/k7iGcQ05OPhLyUTpE2H/Mx2uTBodwSwcKogqRyuUyDfHYT1WkZNQt5JDUK0QqlUo030F+oAIJbuGcNZszDJlIOP+wa+Rv7fIdQYNbOG8pKhkJcwDnOdZEPqruhEOdQ1SwWqobxAZ6Pm0k14qMOoeoYITQDfLUdqpKkZql3QpReyQu28dhTt0fwTkXPGi0RfL5fB6Pp/NIEBUsJOkGBR2v18uaOG+rQ6LOISpY+jNaS8FgkF1XKhWct1XwwC2ctxSVj0Szr3q9Xq1WVSDBLS22UFH5SJFIhM6BQqGgAom6hRxEFSJhmYZCIZp9cZUQcYNDmtRBTrzI/MO+lEgkaDOTychF4k6ynJwSpGg0SgcKP2o2m5XFA1eXl5d0iKSUy3/OHlKpFG3m8/lisSguDCdc6YsTUogUDofj8ThXIRKkQneuQgQJWYV/B5Ym/9cCcsOcVuZnY+WohzFsXTnqkRkzRz3YpOaox89c4aVcLpdKJYOXBGZmZqanp43zt/v7e/xGIyMjgsm4Jvd9vM/PT1BZeJUDPIuLi6+vr7ien5/f2tqiZ+p/Mslvp+i67v82C3O4wQM7OjrCT7O9vW2Nyi4VIsw32jw+Pt7Y2KBzuPuQsH4w36RQ2aiOh/UzNzcnTmUjJKwcrB9xKntVW6VQ9fbYzBpUDRJKhVhq8kUCO9bEW44VIrvJp2k2LfO3pKrVal2MxKhYZB8aGjKZHGr2/wcFzDeMD3gCgYBDkLp4q3WRXCQXyUVykVwkJyL9FWAAIaGDeGflb9MAAAAASUVORK5CYII=");
}
*/

.icon-search {
background-image: url("https://ggavi.com/Public/style_m/images/search.png");
}

.icon-login-email {
background-image: url("https://ggavi.com/Public/style_m/images/ico-login-email.png");
}

.icon-login-pwd {
background-image: url("https://ggavi.com/Public/style_m/images/ico-login-pwd.png");
}

.icon-login-user {
background-image: url("https://ggavi.com/Public/style_m/images/ico-login-user.png");
}




.aui-comm-logo {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 15px 15px 15px;
position: relative;
}

.aui-comm-logo-image img {
width: 130px;
display: block;
border: none;
}

.aui-comm-logo-text {
padding-top: 18px;
font-size: 0.9rem;
color: #666666;
}

.aui-search {
padding: 0 15px;
}

.aui-search-input input {
border: none;
background: none;
font-size: 0.9rem;
}

.aui-search-input {
border: 1px solid #666;
border-radius: 20px;
padding: 10px 10px;
}
.aui-login-input {
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
border-radius: 20px;
padding: 10px 10px;
}

.aui-chongzhi-input {
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
border-radius: 20px;
padding: 10px 10px;
background-color: #ffd000;
color: #fff;
}

.aui-grids {
position: relative;
overflow: hidden;
text-align: center;
}

.aui-grids-item {
position: relative;
float: left;
padding: 20px 4px 12px 3px;
/*   width: 33.333333%;  */
width: 20%;
box-sizing: border-box;
}

.aui-grids-item-bofang {
position: relative;
float: left;
padding: 20px 4px 12px 3px;
/*   width: 33.333333%;  */
width: 25%;
box-sizing: border-box;
}


.aui-grids-item-bofang span img {
/*    width: 50px;
height: 50px;  */

width: 30px;
height: 30px;
display: block;
border: none;
margin: 0 auto;
}







.aui-grids-item-xiezhen {
position: relative;
float: left;
padding: 20px 4px 12px 3px;
/*   width: 33.333333%;  */
width: 33.333333%;
box-sizing: border-box;
}

.aui-grids-item-xiezhen span img {
/*    width: 50px;
height: 50px;  */

width: 30px;
height: 30px;
display: block;
border: none;
margin: 0 auto;
}



.aui-grids-item span img {
/*    width: 50px;
height: 50px;  */

width: 30px;
height: 30px;
display: block;
border: none;
margin: 0 auto;
}

.aui-grids-item-text {
color: #333333;
font-size: 0.9rem;
padding-top: 5px;
display: block;
}

.aui-box-show {
padding: 0 20px;
position: relative;
/* overflow:hidden; */
}

.aui-box-show-list {
background: #fff;
border-radius: 5px;
/* height:40px; */
border: 1px solid #eee;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}



.n-tabs {
width: 100%;
height: 41px;
overflow: hidden;
z-index: 1000;
background-color: #fff;
padding-top: 10px;
}

.n-tabs .n-tabContainer {
-webkit-overflow-scrolling: touch;
position: relative;
top: 0;
left: 0;
overflow-x: auto;
overflow-y: hidden;
padding-left: 25px;
padding-right: 25px;
height: 51px;
font-size: 14px;
color: #333;
white-space: nowrap;
}

.n-tabs .n-tabContainer .n-tabItem {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: inline-block;
height: 41px;
line-height: 41px;
text-align: center;
margin-left: 20px;
}

.n-tabs .n-tabContainer .n-tabItem:first-child {
margin-left: 0;
}

.n-tabs .n-tabContainer .n-tabItem .current {
display: inline-block;
height: 41px;
color: #333333;
font-weight: 800;
font-size: 1.5rem;
}



.aui-home {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzYzRkJFQ0M4ODBGMTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzYzRkJFQ0Q4ODBGMTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjNGQkVDQTg4MEYxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjNGQkVDQjg4MEYxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgDpuC0AAAb6SURBVHja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");
}

.aui-find {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzYzRkJFRDA4ODBGMTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzYzRkJFRDE4ODBGMTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjNGQkVDRTg4MEYxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjNGQkVDRjg4MEYxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqCQta4AAAYaSURBVHja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");
}

.aui-mdi {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzgyOTgxMjU4ODE0MTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzgyOTgxMjY4ODE0MTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjNGQkVEMjg4MEYxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3ODI5ODEyNDg4MTQxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsVUQFAAAAYiSURBVHja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");
}

.aui-xcy {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzgyOTgxMjk4ODE0MTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzgyOTgxMkE4ODE0MTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODI5ODEyNzg4MTQxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3ODI5ODEyODg4MTQxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkS0sT8AAAWhSURBVHja7FxbKDRvGP927Wodw1rk/CF3FFtSKHGjiAuHdSrk1F6RQw4XuHOBTUkotVErImc35J9DcgoX3AiRY9YpZ3L6P1Hzf//jW9+YnXd2N/NcbPO8duaZ38z7Ps/v98ws3tvb26+fZPxfP8w4wBxgDjAHmAPMAeYAc4BZM8EfR7e2tpRK5cnJyRd7CoXCwMDA5ORkPp9v2IAfHh7kcvn5+flfd56bm4PP1NRUw57SOzs7VNCimA0bsLu7u42NDcX9n56eDH4Ni0SipqamL9bw+vr6zc2NgSYtHg09nJubu7S09LEtlUpbWlq4ssQB5gBzgDnAHGAOMHPigboBAyFqsq5MrVaLxeKAgABcxEMmk4Gc0rdb5+Xl1dnZiWVK7+3t6eFc3dzcXFhYwAKYx+Pp5/q8vr7GAtjb21s/Abu5uWFJWqAfV1dXP7aNjIwaGxt1dc9HRkYGBwcJ19zcHAtgR0dHYvvl5cXDw4O6fmbWxsbG/kMiEEgkEixT2tXVFXUPDg50NYf39/eJbScnJ5huWABDAUDdmZkZnaB9eHhYWVnRdFZMAvb09LSysiLc6elpnQCen59/fHwkXH9/f4zUEj36+vr68fEx+4BJF1oqlWIEHBYWhrrj4+Mso316epqamkLTCsYpDRYaGmpiYkK47e3tsKLYBNzd3Y32kiMiIvCqJZFIFBkZSbinp6ddXV2sob2/v1cqlYQrFAqjo6Oxy8OsrCyATbhtbW2s9W5VKtXFxQXhxsbGOjg4YAdsa2ubkJBAuFdXV/X19Syg3dnZgRVEuLCyMjMzWWoApKeno2yuv7+/t7cXK9rb29uioqK7uztiJCUlxdramiXAlpaWgBkdqampIWg2DquoqIA7TLhAab/7KE/bFk9aWlpgYCBaLYqLi7e3t3GgVSgUk5OTKHmurq6mIhiYBAw6CaI6OzujGTsjIwNoEINQgVGVlJR0dHSgg/n5+RTJBpOAwSwsLGpra9GyDOk6Ly+vr6+PEbRnZ2c5OTkkbhMVFZWYmEjnDjH1cunExERZWRnp6SnwE0Du4uJC75ivr69w1Zqbm9EiBObn5wci3NjYWJeAwZaXl2EBX15e/k9wCwTx8fHZ2dmQ4b51tNnZWahzn7uFQKoqKyuBbNBcg8y+Pry3twe3dHd3lzRuamoaFBQEDDw4OBid/J9tc3Pzn3eDjc9/zXk3rZIO4+9LAwMpLS3V1ECEeQhKC5KcRCKxs7MD9gI8Ua1Wn5ycwOfa2pqmlihcsvLycuqcmT3AhH5qaGhAOxK0jc/nA1WWy+VisVj7o/HwvRH//PwMiqK1tZVK91STQZGH8kNR+ukYMDHDh4eHh4aGNjY2qO8F6zw8PDwmJgYSMrPnw2PtNw9ACWFhLy4uQjY6PDx8eXn5XM/d3d19fX0DAgKAUaBSzCABk2Y7pChQAiADoG6ZmZlZvRsLoZkEDPTgo7llb2//LQXDZgiB9icB7Kqnp2dgYACtnJBmYAXGxcXRZgiYQmh7h0EYFRYWfmYaRG+trq7u9+/f+hNCK8BwKiCMvu7sgHxTKpW0MTMegj5gmGYymUzThSfdBCjINOY2jhD01zAsKvRUQBiDZPtoBszNzUHtJS4lfA2+nJSUpA8h6N9hkKNECoFTUSgUISEhxF+np6cLCgqIg1N8H4GFEDQbAFAe0IQJFx49FTBwYRDVQCRNq6sQNAGTHiahbS1Ng999/oQpBPdiGjUDooO6f/whAGmQtIuuQtAEDLQOlWyQMEkPL8GFQZQVfZcJYgphVFVVRbsOz87OEu7o6OjR0dHj4+PW1pZKpQL1j+Z/IA8+Pj76EOLHEQ/6SQuODiT2r41/+AJ8jZ6EwBFCqywN9BVILOmlHtKF14ZI4wjBgB7+WfLQ4BoAPO7/eHCAOcAcYA4wB5gDrDP7V4ABABQ9LldQ/CANAAAAAElFTkSuQmCC");
}


.aui-cell-item-stp {
padding: 15px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}

.aui-cell-item-image {
margin-right: .8em;
width: 50px;
height: 50px;
line-height: 60px;
position: relative;
text-align: center;
}

.aui-cell-item-image img {
width: 100%;
max-height: 100%;
vertical-align: top;
border-radius: 100%;
border: 1px solid #eee;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}

.aui-cell-item-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}

.aui-cell-box {
padding-top: 20px;
}

.aui-cell-item-text h4 {
font-weight: bold;
font-size: 17px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-wrap: break-word;
word-break: break-all;
color: #333;
}

.aui-cell-item-text p {
color: #808080;
font-size: 12px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
padding-top: 4px;
}

.aui-cell-item-ad img {
width: 100%;
display: block;
border: none;
}

.aui-well-comm-vip {
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-radius: 100px;
}

.aui-well-comm-hd img {
width: 100%;
max-height: 100%;
vertical-align: top;
border-radius: 100%;
}

.aui-cell-item-text h4 em img {
/* display:block; */
width: 40px;
}

.aui-head-access-ip {
padding: 10px 15px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: inherit;
background: #3897f0;
}

.aui-head-access-ip .aui-head-access-hd {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 15px;
color: #ffffff;
}

.aui-head-access-ip .aui-head-access-fr {
text-align: right;
color: #666666;
position: relative;
font-size: 13px;
}

.aui-head-access-ip .aui-head-access-fr:after {
content: " ";
display: inline-block;
height: 8px;
width: 8px;
border-width: 2px 2px 0 0;
border-color: #ffffff;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -6px;
right: 2px;
border-radius: 1px;
}

.aui-cell-item-title {
padding: 10px;
}

.aui-cell-item-title h4 {
font-size: 1rem;
color: #333;
}

.aui-cell-item-title p {
font-size: 0.8rem;
padding-top: 5px;
}


.aui-icon {
width: 30px;
height: 30px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}



.aui-icon-text {
padding: 0 15px;
height: 30px;
}

.aui-icon-text span {
padding-right: 20px;
display: block;
float: left;
}

.aui-icon-text span em {
float: left;
font-style: normal;
color: #333;
font-size: 0.9rem;
padding-right: 5px;
line-height: 23px;
padding-left: 3px;
}

.icon-plus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTM0QTFFMjA4ODE3MTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTM0QTFFMjE4ODE3MTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTk3QjEyOTg4MTYxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NTk3QjEyQTg4MTYxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiRHjGoAAAFsSURBVHja7JpBioQwEEU7MguFBjfiNcZL6KE9hXMNcSMIujLzsaHB2MQwA50ZebWsit96ZawKorHW3q5lye1yBhJIIIEEEkgggQQSSCCBBBJIIIEEEkiXsw9/eBzHZVnSNM3z/De3eafOayRr7ddm8zw/PFmWfW5mjAnPIIqOOX5Anqapbdu+781mT/+6rmVZNk1zv99D8oilkxzroeuHYUiSxCmAPPIrGvIZPaKOi6SHq3p47qGo1pymElHHReq6zr/LVZuQVCLqJMd+cvri6h3VytO+FEtnh6TrA1uQf2VcnR2S+n2ghH9lXJ0dkuaXYqeNSDPBPzHj6rjtoaoqv4SmgQbcadki6rhICmt+eSQUDUkloo6LpPZS13VRFKJ3yiOP/JrWIWeZiDrm5WN9nKk0E56dRHtae+BnZ7M36xj/Tv2PJ3HDfw8ggQQSSCCBBBJIIIEEEkgggQQSSCCBBBJIIIEE0p+xbwEGAE2Qd4P+Mu3NAAAAAElFTkSuQmCC");
}

.icon-return {
background-image: url("data:image/png;base64, ");
}

.icon-news {
background-image: url("data:image/png;base64,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");
}

.icon-back_h {
background-image: url("https://ggavi.com/Public/style_m/images/back_h.png");
}

.icon-back_b {
background-image: url("https://ggavi.com/Public/style_m/images/back_b.png");
}
.icon-home {
background-image: url("https://ggavi.com/Public/style_m/images/home.png");
}

.icon-live_fill_b {
background-image: url("https://ggavi.com/Public/style_m/images/live_fill_b.png");
}

.icon-live_b {
background-image: url("https://ggavi.com/Public/style_m/images/live_b.png");
}


.icon-live_fill {
background-image: url("https://ggavi.com/Public/style_m/images/live_fill.png");
}

.icon-live {
background-image: url("https://ggavi.com/Public/style_m/images/live.png");
}


.icon-shouchang_h {
background-image: url("https://ggavi.com/Public/style_m/images/shouchang_h.png");
}

.icon-shouchang_b {
background-image: url("https://ggavi.com/Public/style_m/images/shouchang_b.png");
}


/*

.icon-zan {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU5N0IxMjM4ODE2MTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU5N0IxMjQ4ODE2MTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTk3QjEyMTg4MTYxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NTk3QjEyMjg4MTYxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqQ8KYwAAATPSURBVHja7JtbKHRdGMfNOE0OX5TJOEWMc4xQuJJGMk4lJadwKckQyoVDuRDiwuEC5UoUiZK4kXCBFCE5H4YZOR8ywmB4n7552+9qxuzZe779vfae9nO11nhm7/3baz3/9TxrDc7X15eZaRnXzOSMRWKRWCQWSY9Z/MhdFQrFx8eHubm5s7OzlZUVg5Fub2/7+vpmZ2evrq5+397CIiwsLDs7OzY2lqq7cP7aUjszM9PY2Pjw8PDtX/Pz80tLS5mEtLS0BE/8+fmJ45OXl1dWVsYMpIuLi5ycnMfHR3w3CK3R0VE3NzcGxFJrayvK4+joWFBQ4O3tfXd3Nz4+vrq6qvlcrVYPDg5WVVXRHWl5eRn0AOXp7+8XCASarkQiyc3NPTg40HQXFhbovi7Bi29ra0M/qaiowHg0ky0yMhLrwrjRHWlkZOTw8BDrikSixMRE3UjD2nZ2drRGAr3u7u7+I0QcTmVlpa7bxsYG1vb19aU1Umdnp1KpxLppaWmBgYFaPnK5HJ1ssOzSF2lzcxPUDJ1RJSUlum7r6+tol75IsKQ2NTWhK15RURFona7n2toa1ra0tAwKCqIp0vDw8M7ODtYVCoWZmZnfeqKB5O/vT0kKSz3S9fW1lipUV1dzud/c6Onp6fj4mNpZ978gNTc3w7Ni3dTUVH3PCvGGTs6QkBA6Ik1PT6O5goODA05+DUhoF1Ik2iGBHIMqoJ9AZg1U+vz39vZQSfTy8qJdCVhXV4eWQ1FRUSkpKTj+W1tbWJvP58/Pz+vztLa2hgzdw8ODmuICHCYnJ+F+kLlAda3PTaVSyWQyrGtjYzM0NOTi4qLP/+bmRjc5wjeQxNra2oCAgP80SoBRX1+/srJCdsTKy8txeMBOT0/JXnN3d7ewsLCmpgZ/8PFiCV58cXGxETwJCQnp6en4Pq6urqDvZK8M0wTCVaFQGInU09NjxLsMDQ2FoDLoBiWGVCo1Ym19fX1tb283Jpbe39/FYvHz8/NvdC4XChuIENRne3v78vJS04bwhXQmODg4KyvLwoKo6kC1C1fQPANOVINbQ0PD+fk5phYQ21BrkYulk5MTjEezg6Obd0KwTk1NadoxMTGQJZB95f/8a0Q8MzIyurq6sIi4v793cnIiN/G0dj+io6PNftS0xJbH45GOJa1pYEQoU2v7+/tYG8YHp/5lzJ44mmrgF7/MQAKVQ4Ub1lzGI8GsQwPBFEYJnXVgfn5+JoUEi5Knp6dJIUFZ9W2NzDAkbIfZoDYwA0kul7+8vBDUBmYgkdIGRiKZ2ihBWWnwKIABSGh2Z1AbGICkVCrR0xoiRxtcE9MG5iGZ2ijZ2tq6u7szHgnVBqFQSOQrtEZSq9VHR0ekAonuSDKZ7O3tjTKkH99s0Jp1ZoQPp/UiaS3S6HHdX7O5ubk/D8rlEowlvVuTUO6LxWKVSqXp8ni8+Ph4ra1JeIvYz9AEAoGPjw+FPAqFYnFxEXu88PDw3t5eIl/UuzUJDElJSWNjYxjhxMQEzoXOzs6M2D0nbsnJyQQ98eRBKpXy+Xw66ERERAQ1SBBOHR0dVJ03Gm0ikailpYX4PrvhIzOQ0YGBAYhU/CMzys3e3h4kLi4uTiKRkPoih/2fCxaJRWKRWCQWiUVikUjZLwEGAJbzBBAfuLLhAAAAAElFTkSuQmCC");
}

*/
.icon-zan {
background-image: url("https://ggavi.com/Public/style_m/images/zan.png");
}



.icon-vipyes {
background-image: url("https://ggavi.com/Public/style_m/images/icon-nav12.png");
}


.icon-vipno {
background-image: url("https://ggavi.com/Public/style_m/images/icon-nav10.png");
}


.icon-down_no {
background-image: url("https://ggavi.com/Public/style_m/images/down_no.png");
}


.icon-down {
background-image: url("https://ggavi.com/Public/style_m/images/down.png");
}




.icon-video-fuli {
background-image: url("https://ggavi.com/Public/style_m/images/video_active.png");
}

.icon-fulikf {
background-image: url("https://ggavi.com/Public/style_m/images/fuli_active.png");
}



.icon-plu {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU5N0IxMjc4ODE2MTFFOEFFRjNEMDVGM0U2OTk4ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU5N0IxMjg4ODE2MTFFOEFFRjNEMDVGM0U2OTk4ODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NTk3QjEyNTg4MTYxMUU4QUVGM0QwNUYzRTY5OTg4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NTk3QjEyNjg4MTYxMUU4QUVGM0QwNUYzRTY5OTg4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PksIz4kAAAgDSURBVHja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");
}



.icon-unlock {
background-image: url("data:image/png;base64, ");
}

.icon-lock {
background-image: url("data:image/png;base64, ");
}


.aui-home {
background-image: url("https://ggavi.com/Public/style_m/images/home.png");
}

.aui-home.active {
background-image: url("https://ggavi.com/Public/style_m/images/home_active.png");

}

.aui-video {
background-image: url("https://ggavi.com/Public/style_m/images/video.png");
}
.aui-video.active {
background-image: url("https://ggavi.com/Public/style_m/images/video_active.png");

}

.aui-img {
background-image: url("https://ggavi.com/Public/style_m/images/img.png");
}
.aui-img.active {
background-image: url("https://ggavi.com/Public/style_m/images/img_active.png");

}


.aui-fuli {
background-image: url("https://ggavi.com/Public/style_m/images/fuli.png");
}
.aui-fuli.active {
background-image: url("https://ggavi.com/Public/style_m/images/fuli_active.png");

}


.aui-user {
background-image: url("https://ggavi.com/Public/style_m/images/user.png");
}
.aui-user.active {
background-image: url("https://ggavi.com/Public/style_m/images/user_active.png");

}




/*
.aui-find {
background-image: url("data:image/png;base64, ");
}

.aui-mdi {
background-image: url("data:image/png;base64, ");
}

.aui-xcy {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA2MzVDMDM4NzRBMTFFOEFGMDJGQzUyRDE5NDJFQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA2MzVDMDQ4NzRBMTFFOEFGMDJGQzUyRDE5NDJFQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMDYzNUMwMTg3NEExMUU4QUYwMkZDNTJEMTk0MkVBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMDYzNUMwMjg3NEExMUU4QUYwMkZDNTJEMTk0MkVBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Poq9/7kAAAV6SURBVHja7JzLS2N3FMd/Jj4S36/E4COi1AdupKitiZskQqEiDC2FwkB3ha4K/QO67LZQKAwUqp3NLAZm05U4WDE+olGbgRkiKgEF4yv1FRLfRnu+t14RF3Kvc+8dk54DIWYGcvL7/M49j/s752ZdXV0JloeLiREwQAbIABkgCwNkgAyQAbKol2wjlaVSKfPl5aX0wmeqgsxafG9WVlaKXv8tKDv7zGQypTIKIIAdHR2V7OzsOLe2tt7E43FxcXGh7UKys0VRUZFwOBydNptthf7eM2JtWUbUwgTM5vf7Y6FQSBweHsISYX1CK92y9ZnNZpGfny/a29t/9Hq9z8vLy9fT3gJPT0+tMzMzX9FL7O/vS4uEtWgp8kacnJxIGxQMBn/Kzc099vl8AwUFBfG0Bnh+fm5dWFh4dnBwIMFramoS1dXVghZ4YzlaAIRLIPcgFhcXRTKZFOFw+Oeenp6XaQ8Q/g+Wh8u2sLBQ9Pf3d1ZVVa3ooWt3d7dmY2PjLflaca3TnPaX8DXEG19VXFz8D4HUxcGTFebKVi3r5DyQE2kGyMIAGWDm1cKIeHKacF9Ni0T6zudCSngL9Urab+eGZ2dn1vt0oYa+rmBSqKENAUiJcS6VZo5oNNpG+dYQ/ch7SzJalKA6+ObvQCAQpuRWF2tAJSLrwu+amppavE8XUp6cnBxRUVHRX1NTs1BWVraFCka3Whi7GYlEPvmLhBJWwFRU0wIc8jL84Ly8PM0qkPfVJf8fIFJyL3p7ez9vbm6epno6rjlAXA6zs7NfELsXsVhMggbFesIwKsmHIZhMJlii8Hg833Z3d79SClHRJQxfR3XmRxMTEy9Qb6KmtdvtoqGhQbqFhM/pCg918+rqqtje3hYoAWmNv9fV1b1rbGz8G75RE4Bw/HNzc29hebA43BDo6+v7FDWtkTcv9arVcZ9yeHh4PhwOo54W8/PzQYfDUaHknqIigAgcKysrkn+xWCzC5XJ96XQ635GPORYZILSmpNvt/ozW+DqRSAisFS5LszwQaQq+GCYPX1FbW7uQKfAgiLwUhZdwiw2+HZFcPnbQLJEGPHz5dejPGHi3Icr5o5rjBsUA/09tcGrWyqXchyrl1Mjx8bFUvsFvwmHrGbmhC1kDLkm9dRligahPx8fHvxkYGNgcGxs70KsOliulycnJp4ODg5ujo6O66jIMINKBUCj0DKkB5VeShei5WZSv/kblpqB3RNOStAeIFAhHjYhsatKDh+qiDZIOsPBuROAzNIgYsSBZh1FZA0dhBsgAGSADZGGADJABMkAWBsgAGSADZGGADJABMkCWxwjQiE4uWYdRXWOGAESfHlpC9O4NvKvLCNH9XBjnsx0dHT9YrdZfWlpaBL3HdYSXJF3fWyyWX9FBpqZR8tECxOG21+sdcLlcL+WDdb100eYkPR7Pc9L1Sj5YT3uA8sLwyjRdHIWNBJjuvdB6ZQtKGyylPmj5izEDnGnQ0IUrH8ar6flWBBAdTpi3QHqAFo319fWWuwM06Q6P1tSGtWGN12tV1NWlKIhgiqe+vh7gpD7pYDD4p81m+9hut2dEk/ne3l5NIBB4jR4ePI7A6XQKpQM3igAiqnWSRCKR+Wg0KpaWlkQikXgDqBhzwK6lo+CSBTSMOWBwCG3MGN/o6upyK43kigdtcMlOT09/PTIy8gftmPRvmTJog0sXHEpLS4XP5/vO7XYrftaCqlEv2q2S5eVll9/vH9rc3FQ86vXYoy0MgVwSppSetLa2Tqp55ozq58bIw4Zra2ttsVhsCD4xnQWjDZWVlU8w90IWqO+w4W1B56n8KCetHuH0ASwwhSCIkS614N4bIAuXcgyQATJAFgbIABkgA2SALA+WfwUYADGp+BNwbeHwAAAAAElFTkSuQmCC");
}


*/

/*
.aui-tabBar-active .aui-tabBar-text {
color: #ff162b;
}
*/

.aui-tabBar-active .aui-tabBar-text {
color: #ffac00;
}


/* 公共样式表css */



html,body {
color: #333;
margin: 0;
height: 100%;
font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a {
text-decoration: none;
color: #000;
}

a, label, button, input, select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
border: 0;
}

body {
background: #fff;
color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #08acee;
}

button {
outline: 0;
}

img {
border: 0;
}

button,input,optgroup,select,textarea {
margin: 0;
font: inherit;
color: inherit;
outline: none;
background-color:transparent;border:0;
/*    width: 90%;  */
}

li {
list-style: none;
}

a {
color: #666;
}

.clearfix::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
}


.aui-flexView {
width: 100%;
height: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}


/*
.aui-navBar {
height: 44px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #ffcf00;
}
*/


.aui-navBar {
height: 44px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: rgba(255, 255, 255, 0.98);
}


.aui-navBar:after {
content: '';
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}


.aui-navBar-item {
height: 44px;
min-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 0 0.9rem;
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: 0.3rem;   */
white-space: nowrap;
overflow: hidden;
color: #5C5C5C;
position: relative;
}

.aui-navBar-item:first-child {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: -25%;
}

.aui-navBar-item:last-child {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}









.aui-navBar-user {
height: 44px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: rgb(255, 208, 0);
}


.aui-navBarr-user:after {
content: '';
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}



.aui-center {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 44px;
width: 50%;
margin-left: 25%;
}

.aui-center-title {
text-align: center;
width: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
font-size: 0.95rem;
color: #232326;
}

.aui-center-title-user {
text-align: center;
width: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
/*  font-size: 0.95rem;  */
color: #fff;
}


/* 必要布局样式css */



.icon {
width: 22px;
height: 22px;
display: block;
border: none;
float: left;
background-size: 22px;
background-repeat: no-repeat;
}

.icon-fuli {
width: 18px;
height: 18px;
display: block;
border: none;
float: left;
background-size: 18px;
background-repeat: no-repeat;
}

/*


.icon {
width: 20px;
height: 20px;
display: block;
border: none;
float: left;
background-size: 20px;
background-repeat: no-repeat;
}
*/


/*
.aui-scrollView {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
position: relative;
margin-bottom: -1px;
}

.aui-navBar-item:last-child {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
*/
.aui-head-body {
width: 100%;
background: url("/Public/style_m/images/icon-head.png") no-repeat center;
height: 90px;
background-size: cover;
position: relative;
overflow: hidden;
}

.aui-user-body {
padding: 15px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: absolute;
bottom: -10px;
}

.aui-user-hd {
width: 60px;
height: 60px;
margin-right: 10px;
}

.aui-user-hd img {
width: 60px;
height: 60px;
border: none;
display: block;
border-radius: 100%;
border: 5px solid #fff;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.aui-user-bd h4 {
color: #3d3d3d;
/*  font-size: 1rem;  */
padding-bottom: 9px;
font-weight: normal;
}

.aui-user-bd p img {
width: 60px;
}

.animate-bounce-up {
width: 120px;
position: absolute;
right: 0;
bottom: -12px;
height: 80px;
overflow: hidden;
z-index: 1;
}

.animate-bounce-up img {
width: 120px;
-webkit-animation: bounce-up 3s linear infinite;
animation: bounce-up 3s linear infinite;
}

/*
.aui-head-access {
padding: 12px 15px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: inherit;
}
*/
.aui-head-access {
padding: 7px 5px 5px 5px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: inherit;
}


.aui-head-access-hd {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 12px;
color: #333333;
}


.aui-head-access-hd img {
/*  width: 115px;  */
width:80px;
}




.aui-head-access-fr {
text-align: right;
color: #808080;
padding-right: 13px;
position: relative;
font-size: 13px;
}

/*
.aui-head-access-fr {
text-align: right;
color: #292929;
padding-right: 36px;
position: relative;
font-size: 14px;
}

*/


.aui-head-access-fr:after {
content: " ";
display: inline-block;
height: 9px;
width: 9px;
border-width: 1px 1px 0 0;
border-color: #C8C8CD;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -6px;
right: 2px;
border-radius: 1px;
}
/*
.aui-head-access-fr:after {
content: " ";
display: inline-block;
height: 8px;
width: 8px;
border-width: 2px 2px 0 0;
border-color: #000000;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -6px;
right: 9px;
border-radius: 1px;
}


*/


.aui-head-access-hd em {
font-style: normal;
border: 1px solid #cbcbcb;
border-radius: 2px;
padding: 1px 2px;
}

.divHeight {
background: #f4f4f4;
width: 100%;
height: 10px;
}

/*
.divHeight {
width: 100%;
height: 10px;
background: #f0f0f0;
}

*/


.aui-grids {
position: relative;
overflow: hidden;
}

.aui-grids-well {
position: relative;
float: left;
padding: 5px 10px 20px 10px;
width: 20%;
box-sizing: border-box;
}

.aui-grids-well-img {
width: 30px;
height: 30px;
margin: 0 auto;
}

.aui-grids-well-img img {
width: 30px;
height: 30px;
display: block;
border: none;
}

.aui-grids-well-text {
text-align: center;
font-size: 12px;
padding-top: 4px;
}

.aui-grids-clear .aui-grids-well {
width: 25%;
}

.aui-badge {
display: inline-block;
border-radius: 18px;
background-color: #F43530;
color: #FFFFFF;
text-align: center;
font-size: 12px;
vertical-align: middle;
position: absolute;
top: 7px;
right: 13px;
width: 14px;
height: 14px;
}

.aui-tabBar {
width: 100%;
position: relative;
z-index: 100;
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;
padding: 7px 4px;
background-color: rgba(255, 255, 255, 0.96);
}





.aui-tabBar.aui-tabBar-fixed {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
}




.aui-tabBar-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #5a5a5a;
}








.aui-tabBar-text {
display: inline-block;
font-size: 12px;
}



.aui-tabBar-icon {
/* height: 0.5832rem; */
color: #979797;
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;
}


.aui-tabBar:after {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 1px;
/*   border-top: 1px solid #B2B2B2;   */
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}










































/* 必要布局样式css */

/*
.aui-flexView {
width: 100%;
height: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.aui-navBar {
height: 44px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: rgba(255, 255, 255, 0.98);
}

.aui-navBar-item {
height: 44px;
min-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 0 0.9rem;
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: 0.3rem;
white-space: nowrap;
overflow: hidden;
color: #000000;
}

.aui-navBar-item:first-child {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: -25%;
}

.aui-navBar-item:last-child {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.aui-center {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 44px;
width: 50%;
margin-left: 25%;
}

.aui-center-title {
text-align: center;
width: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
font-size: 0.9rem;
color: #000000;
}



.aui-scrollView {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
position: relative;
margin-bottom: -1px;
}
*/


.aui-scrollView {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
position: relative;

}


.aui-head-title {
position: relative;
font-size: 0.85rem;
color: #333333;
padding: 15px 20px;
}

.aui-head-title:after {
content: '';
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #D9D9D9;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}

.aui-palace {
padding: 5px 15px;
position: relative;
overflow: hidden;
}

.aui-palace-grid {
position: relative;
/*   float: left;
padding: 12px 10px 12px 10px;
width: 25%;
*/
box-sizing: border-box;
}

.aui-palace-grid-icon {
width: 35px;
height: 35px;
margin: 0 auto;
}

.aui-palace-grid-icon img {
display: block;
width: 100%;
height: 100%;
border: none;
}

.aui-palace-grid-text {
display: block;
text-align: center;
color: #333333;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-top: 8px;
}


.aui-palace-grid-text h2 {
font-size: 0.9rem;
font-weight: normal;
}

.aui-footer {
width: 100%;
position: relative;
z-index: 100;
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;
padding: 7px 5px 7px 5px;
background-color: #ffffff;
}



.aui-tabBar-item-text {
display: inline-block;
font-size: 0.7rem;
color: #929292;
padding-top: 1px;
}

.aui-footer:after {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 1px;
border-top: 1px solid #d0d0d0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

.aui-modular {
position: relative;
overflow: hidden;
background: #fff;
padding: 15px 10px;
}

.aui-modular-item {
width: 50%;
float: left;
padding: 10px 10px;
display: block;
}

.aui-modular-item img {
width: 100%;
height: auto;
border: none;
display: block;
border-radius: 5px;
}

.aui-more {
float: right;
text-align: right;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
color: #999999;
font-size: 0.8rem;
}



/*瀑布流层*/
.waterfall{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
}
/*一个内容层*/
.item{
margin: 0 0 1em 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
.item img{
width: 100%;
margin-bottom:10px;
}












/*! @license
*
* Buttons
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Compass (optional)
*
* We recommend the use of autoprefixer instead of Compass
* when using buttons. However, buttons does support Compass.
* simply change $ubtn-use-compass to true and uncomment the
* @import 'compass' code below to use Compass.
*/
/*
* Required Files
*
* These files include the variables and options
* and base css styles that are required to generate buttons.
*/
/*
* $ubtn prefix (reserved)
*
* This prefix stands for Unicorn Button - ubtn
* We provide a prefix to the Sass Variables to
* prevent namespace collisions that could occur if
* you import buttons as part of your Sass build process.
* We kindly ask you not to use the prefix $ubtn in your project
* in order to avoid possilbe name conflicts. Thanks!
*/
/*
* Button Namespace (ex .button or .btn)
*
*/
/*
* Button Defaults
*
* Some default settings that are used throughout the button library.
* Changes to these settings will be picked up by all of the other modules.
* The colors used here are the default colors for the base button (gray).
* The font size and height are used to set the base size for the buttons.
* The size values will be used to calculate the larger and smaller button sizes.
*/
/*
* Button Colors
*
* $ubtn-colors is used to generate the different button colors.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, background, color)
* The class is generated using the name: (ex .button-primary)
*/
/*
* Button Shapes
*
* $ubtn-shapes is used to generate the different button shapes.
* Edit or add shapes to the list below and recompile.
* Each block contains the (name, border-radius).
* The class is generated using the name: (ex .button-square).
*/
/*
* Button Sizes
*
* $ubtn-sizes is used to generate the different button sizes.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, size multiplier).
* The class is generated using the name: (ex .button-giant).
*/
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/*
* No Animation
*
* Sets animation property to none
*/
/*
* Clearfix
*
* Clears floats inside the container
*/
/*
* Base Button Style
*
* The default values for the .button class
*/
.button {
color: #666;
background-color: #EEE;
border-color: #EEE;
font-weight: 300;
font-size: 16px;
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-decoration: none;
text-align: center;
line-height: 40px;
height: 40px;
padding: 0 40px;
margin: 0;
display: inline-block;
appearance: none;
cursor: pointer;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
transition-duration: .3s;
/*
* Disabled State
*
* The disabled state uses the class .disabled, is-disabled,
* and the form attribute disabled="disabled".
* The use of !important is only added because this is a state
* that must be applied to all buttons when in a disabled state.
*/ }
.button:visited {
color: #666; }
.button:hover, .button:focus {
background-color: #f6f6f6;
text-decoration: none;
outline: none; }
.button:active, .button.active, .button.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
text-decoration: none;
background-color: #eeeeee;
border-color: #cfcfcf;
color: #d4d4d4;
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
.button.disabled, .button.is-disabled, .button:disabled {
top: 0 !important;
background: #EEE !important;
border: 1px solid #DDD !important;
text-shadow: 0 1px 1px white !important;
color: #CCC !important;
cursor: default !important;
appearance: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
opacity: .8 !important; }

/*
* Base Button Tyography
*
*/
.button-uppercase {
text-transform: uppercase; }

.button-lowercase {
text-transform: lowercase; }

.button-capitalize {
text-transform: capitalize; }

.button-small-caps {
font-variant: small-caps; }

.button-icon-txt-large {
font-size: 36px !important; }

/*
* Base padding
*
*/
.button-width-small {
padding: 0 10px !important; }

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-primary,
.button-primary-flat {
background-color: #ffd000;
border-color: #ffd000;
color: #FFF; }
.button-primary:visited,
.button-primary-flat:visited {
color: #FFF; }
.button-primary:hover, .button-primary:focus,
.button-primary-flat:hover,
.button-primary-flat:focus {
background-color: #ffd000;
border-color: #ffd000;
color: #FFF; }
.button-primary:active, .button-primary.active, .button-primary.is-active,
.button-primary-flat:active,
.button-primary-flat.active,
.button-primary-flat.is-active {
background-color: #ffd000;
border-color: #ffd000;
color: #ffd000; }

.button-plain,
.button-plain-flat {
background-color: #FFF;
border-color: #FFF;
color: #1B9AF7; }
.button-plain:visited,
.button-plain-flat:visited {
color: #1B9AF7; }
.button-plain:hover, .button-plain:focus,
.button-plain-flat:hover,
.button-plain-flat:focus {
background-color: white;
border-color: white;
color: #1B9AF7; }
.button-plain:active, .button-plain.active, .button-plain.is-active,
.button-plain-flat:active,
.button-plain-flat.active,
.button-plain-flat.is-active {
background-color: white;
border-color: white;
color: #e6e6e6; }

.button-inverse,
.button-inverse-flat {
background-color: #222;
border-color: #222;
color: #EEE; }
.button-inverse:visited,
.button-inverse-flat:visited {
color: #EEE; }
.button-inverse:hover, .button-inverse:focus,
.button-inverse-flat:hover,
.button-inverse-flat:focus {
background-color: #3c3c3c;
border-color: #3c3c3c;
color: #EEE; }
.button-inverse:active, .button-inverse.active, .button-inverse.is-active,
.button-inverse-flat:active,
.button-inverse-flat.active,
.button-inverse-flat.is-active {
background-color: #222222;
border-color: #222222;
color: #090909; }

.button-action,
.button-action-flat {
background-color: #A5DE37;
border-color: #A5DE37;
color: #FFF; }
.button-action:visited,
.button-action-flat:visited {
color: #FFF; }
.button-action:hover, .button-action:focus,
.button-action-flat:hover,
.button-action-flat:focus {
background-color: #b9e563;
border-color: #b9e563;
color: #FFF; }
.button-action:active, .button-action.active, .button-action.is-active,
.button-action-flat:active,
.button-action-flat.active,
.button-action-flat.is-active {
background-color: #a1d243;
border-color: #a1d243;
color: #8bc220; }

.button-highlight,
.button-highlight-flat {
background-color: #FEAE1B;
border-color: #FEAE1B;
color: #FFF; }
.button-highlight:visited,
.button-highlight-flat:visited {
color: #FFF; }
.button-highlight:hover, .button-highlight:focus,
.button-highlight-flat:hover,
.button-highlight-flat:focus {
background-color: #fec04e;
border-color: #fec04e;
color: #FFF; }
.button-highlight:active, .button-highlight.active, .button-highlight.is-active,
.button-highlight-flat:active,
.button-highlight-flat.active,
.button-highlight-flat.is-active {
background-color: #f3ab26;
border-color: #f3ab26;
color: #e59501; }

.button-caution,
.button-caution-flat {
background-color: #FF4351;
border-color: #FF4351;
color: #FFF; }
.button-caution:visited,
.button-caution-flat:visited {
color: #FFF; }
.button-caution:hover, .button-caution:focus,
.button-caution-flat:hover,
.button-caution-flat:focus {
background-color: #ff7680;
border-color: #ff7680;
color: #FFF; }
.button-caution:active, .button-caution.active, .button-caution.is-active,
.button-caution-flat:active,
.button-caution-flat.active,
.button-caution-flat.is-active {
background-color: #f64c59;
border-color: #f64c59;
color: #ff1022; }

.button-royal,
.button-royal-flat {
background-color: #7B72E9;
border-color: #7B72E9;
color: #FFF; }
.button-royal:visited,
.button-royal-flat:visited {
color: #FFF; }
.button-royal:hover, .button-royal:focus,
.button-royal-flat:hover,
.button-royal-flat:focus {
background-color: #a49ef0;
border-color: #a49ef0;
color: #FFF; }
.button-royal:active, .button-royal.active, .button-royal.is-active,
.button-royal-flat:active,
.button-royal-flat.active,
.button-royal-flat.is-active {
background-color: #827ae1;
border-color: #827ae1;
color: #5246e2; }

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.button-block,
.button-stacked {
display: block; }

/*
* Button Types (optional)
*
* All of the files below represent the various button
* types (including shapes & sizes). None of these files
* are required. Simple remove the uneeded type below and
* the button type will be excluded from the final build
*/
/*
* Button Shapes
*
* This file creates the various button shapes
* (ex. Circle, Rounded, Pill)
*/
.button-square {
border-radius: 0; }

.button-box {
border-radius: 10px; }

.button-rounded {
border-radius: 4px; }

.button-pill {
border-radius: 200px; }

.button-circle {
border-radius: 100%; }

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.button-circle,
.button-box,
.button-square {
padding: 0 !important;
width: 40px; }
.button-circle.button-giant,
.button-box.button-giant,
.button-square.button-giant {
width: 70px; }
.button-circle.button-jumbo,
.button-box.button-jumbo,
.button-square.button-jumbo {
width: 60px; }
.button-circle.button-large,
.button-box.button-large,
.button-square.button-large {
width: 50px; }
.button-circle.button-normal,
.button-box.button-normal,
.button-square.button-normal {
width: 40px; }
.button-circle.button-small,
.button-box.button-small,
.button-square.button-small {
width: 30px; }
.button-circle.button-tiny,
.button-box.button-tiny,
.button-square.button-tiny {
width: 24px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-border, .button-border-thin, .button-border-thick {
background: none;
border-width: 2px;
border-style: solid;
line-height: 36px; }
.button-border:hover, .button-border-thin:hover, .button-border-thick:hover {
background-color: rgba(255, 255, 255, 0.9); }
.button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick {
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
transition-duration: .3s; }

/*
* Border Optional Sizes
*
* A slight variation in border thickness
*/
.button-border-thin {
border-width: 1px; }

.button-border-thick {
border-width: 3px; }

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-border, .button-border-thin, .button-border-thick,
.button-border-thin,
.button-border-thick {
/*
* Border Button Size Adjustment
*
* The line-height must be adjusted to compinsate for
* the width of the border.
*/ }
.button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick,
.button-border-thin.button-primary,
.button-border-thick.button-primary {
color: #ffd000; }
.button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus,
.button-border-thin.button-primary:hover,
.button-border-thin.button-primary:focus,
.button-border-thick.button-primary:hover,
.button-border-thick.button-primary:focus {
background-color: #ffd000;
color: rgba(255, 255, 255, 0.9); }
.button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick,
.button-border-thin.button-primary:active,
.button-border-thin.button-primary.active,
.button-border-thin.button-primary.is-active,
.button-border-thick.button-primary:active,
.button-border-thick.button-primary.active,
.button-border-thick.button-primary.is-active {
background-color: rgba(255, 22, 121, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3; }
.button-border.button-plain, .button-plain.button-border-thin, .button-plain.button-border-thick,
.button-border-thin.button-plain,
.button-border-thick.button-plain {
color: #FFF; }
.button-border.button-plain:hover, .button-plain.button-border-thin:hover, .button-plain.button-border-thick:hover, .button-border.button-plain:focus, .button-plain.button-border-thin:focus, .button-plain.button-border-thick:focus,
.button-border-thin.button-plain:hover,
.button-border-thin.button-plain:focus,
.button-border-thick.button-plain:hover,
.button-border-thick.button-plain:focus {
background-color: rgba(255, 255, 255, 0.9);
color: rgba(255, 22, 121, 0.9); }
.button-border.button-plain:active, .button-plain.button-border-thin:active, .button-plain.button-border-thick:active, .button-border.button-plain.active, .button-plain.active.button-border-thin, .button-plain.active.button-border-thick, .button-border.button-plain.is-active, .button-plain.is-active.button-border-thin, .button-plain.is-active.button-border-thick,
.button-border-thin.button-plain:active,
.button-border-thin.button-plain.active,
.button-border-thin.button-plain.is-active,
.button-border-thick.button-plain:active,
.button-border-thick.button-plain.active,
.button-border-thick.button-plain.is-active {
background-color: rgba(255, 255, 255, 0.7);
color: rgba(255, 22, 121, 0.5);
opacity: .3; }
.button-border.button-inverse, .button-inverse.button-border-thin, .button-inverse.button-border-thick,
.button-border-thin.button-inverse,
.button-border-thick.button-inverse {
color: #222; }
.button-border.button-inverse:hover, .button-inverse.button-border-thin:hover, .button-inverse.button-border-thick:hover, .button-border.button-inverse:focus, .button-inverse.button-border-thin:focus, .button-inverse.button-border-thick:focus,
.button-border-thin.button-inverse:hover,
.button-border-thin.button-inverse:focus,
.button-border-thick.button-inverse:hover,
.button-border-thick.button-inverse:focus {
background-color: rgba(60, 60, 60, 0.9);
color: rgba(238, 238, 238, 0.9); }
.button-border.button-inverse:active, .button-inverse.button-border-thin:active, .button-inverse.button-border-thick:active, .button-border.button-inverse.active, .button-inverse.active.button-border-thin, .button-inverse.active.button-border-thick, .button-border.button-inverse.is-active, .button-inverse.is-active.button-border-thin, .button-inverse.is-active.button-border-thick,
.button-border-thin.button-inverse:active,
.button-border-thin.button-inverse.active,
.button-border-thin.button-inverse.is-active,
.button-border-thick.button-inverse:active,
.button-border-thick.button-inverse.active,
.button-border-thick.button-inverse.is-active {
background-color: rgba(34, 34, 34, 0.7);
color: rgba(238, 238, 238, 0.5);
opacity: .3; }
.button-border.button-action, .button-action.button-border-thin, .button-action.button-border-thick,
.button-border-thin.button-action,
.button-border-thick.button-action {
color: #A5DE37; }
.button-border.button-action:hover, .button-action.button-border-thin:hover, .button-action.button-border-thick:hover, .button-border.button-action:focus, .button-action.button-border-thin:focus, .button-action.button-border-thick:focus,
.button-border-thin.button-action:hover,
.button-border-thin.button-action:focus,
.button-border-thick.button-action:hover,
.button-border-thick.button-action:focus {
background-color: rgba(185, 229, 99, 0.9);
color: rgba(255, 255, 255, 0.9); }
.button-border.button-action:active, .button-action.button-border-thin:active, .button-action.button-border-thick:active, .button-border.button-action.active, .button-action.active.button-border-thin, .button-action.active.button-border-thick, .button-border.button-action.is-active, .button-action.is-active.button-border-thin, .button-action.is-active.button-border-thick,
.button-border-thin.button-action:active,
.button-border-thin.button-action.active,
.button-border-thin.button-action.is-active,
.button-border-thick.button-action:active,
.button-border-thick.button-action.active,
.button-border-thick.button-action.is-active {
background-color: rgba(161, 210, 67, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3; }
.button-border.button-highlight, .button-highlight.button-border-thin, .button-highlight.button-border-thick,
.button-border-thin.button-highlight,
.button-border-thick.button-highlight {
color: #FEAE1B; }
.button-border.button-highlight:hover, .button-highlight.button-border-thin:hover, .button-highlight.button-border-thick:hover, .button-border.button-highlight:focus, .button-highlight.button-border-thin:focus, .button-highlight.button-border-thick:focus,
.button-border-thin.button-highlight:hover,
.button-border-thin.button-highlight:focus,
.button-border-thick.button-highlight:hover,
.button-border-thick.button-highlight:focus {
background-color: rgba(254, 192, 78, 0.9);
color: rgba(255, 255, 255, 0.9); }
.button-border.button-highlight:active, .button-highlight.button-border-thin:active, .button-highlight.button-border-thick:active, .button-border.button-highlight.active, .button-highlight.active.button-border-thin, .button-highlight.active.button-border-thick, .button-border.button-highlight.is-active, .button-highlight.is-active.button-border-thin, .button-highlight.is-active.button-border-thick,
.button-border-thin.button-highlight:active,
.button-border-thin.button-highlight.active,
.button-border-thin.button-highlight.is-active,
.button-border-thick.button-highlight:active,
.button-border-thick.button-highlight.active,
.button-border-thick.button-highlight.is-active {
background-color: rgba(243, 171, 38, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3; }
.button-border.button-caution, .button-caution.button-border-thin, .button-caution.button-border-thick,
.button-border-thin.button-caution,
.button-border-thick.button-caution {
color: #FF4351; }
.button-border.button-caution:hover, .button-caution.button-border-thin:hover, .button-caution.button-border-thick:hover, .button-border.button-caution:focus, .button-caution.button-border-thin:focus, .button-caution.button-border-thick:focus,
.button-border-thin.button-caution:hover,
.button-border-thin.button-caution:focus,
.button-border-thick.button-caution:hover,
.button-border-thick.button-caution:focus {
background-color: rgba(255, 118, 128, 0.9);
color: rgba(255, 255, 255, 0.9); }
.button-border.button-caution:active, .button-caution.button-border-thin:active, .button-caution.button-border-thick:active, .button-border.button-caution.active, .button-caution.active.button-border-thin, .button-caution.active.button-border-thick, .button-border.button-caution.is-active, .button-caution.is-active.button-border-thin, .button-caution.is-active.button-border-thick,
.button-border-thin.button-caution:active,
.button-border-thin.button-caution.active,
.button-border-thin.button-caution.is-active,
.button-border-thick.button-caution:active,
.button-border-thick.button-caution.active,
.button-border-thick.button-caution.is-active {
background-color: rgba(246, 76, 89, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3; }
.button-border.button-royal, .button-royal.button-border-thin, .button-royal.button-border-thick,
.button-border-thin.button-royal,
.button-border-thick.button-royal {
color: #7B72E9; }
.button-border.button-royal:hover, .button-royal.button-border-thin:hover, .button-royal.button-border-thick:hover, .button-border.button-royal:focus, .button-royal.button-border-thin:focus, .button-royal.button-border-thick:focus,
.button-border-thin.button-royal:hover,
.button-border-thin.button-royal:focus,
.button-border-thick.button-royal:hover,
.button-border-thick.button-royal:focus {
background-color: rgba(164, 158, 240, 0.9);
color: rgba(255, 255, 255, 0.9); }
.button-border.button-royal:active, .button-royal.button-border-thin:active, .button-royal.button-border-thick:active, .button-border.button-royal.active, .button-royal.active.button-border-thin, .button-royal.active.button-border-thick, .button-border.button-royal.is-active, .button-royal.is-active.button-border-thin, .button-royal.is-active.button-border-thick,
.button-border-thin.button-royal:active,
.button-border-thin.button-royal.active,
.button-border-thin.button-royal.is-active,
.button-border-thick.button-royal:active,
.button-border-thick.button-royal.active,
.button-border-thick.button-royal.is-active {
background-color: rgba(130, 122, 225, 0.7);
color: rgba(255, 255, 255, 0.5);
opacity: .3; }
.button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick,
.button-border-thin.button-giant,
.button-border-thick.button-giant {
line-height: 66px; }
.button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick,
.button-border-thin.button-jumbo,
.button-border-thick.button-jumbo {
line-height: 56px; }
.button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick,
.button-border-thin.button-large,
.button-border-thick.button-large {
line-height: 46px; }
.button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick,
.button-border-thin.button-normal,
.button-border-thick.button-normal {
line-height: 36px; }
.button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick,
.button-border-thin.button-small,
.button-border-thick.button-small {
line-height: 26px; }
.button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick,
.button-border-thin.button-tiny,
.button-border-thick.button-tiny {
line-height: 20px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-borderless {
background: none;
border: none;
padding: 0 8px !important;
color: #EEE;
font-size: 20.8px;
font-weight: 200;
/*
* Borderless Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
/*
* Borderles Size Adjustment
*
* The font-size must be large to compinsate for
* the lack of a hit target.
*/ }
.button-borderless:hover, .button-borderless:focus {
background: none; }
.button-borderless:active, .button-borderless.active, .button-borderless.is-active {
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
transition-duration: .3s;
opacity: .3; }
.button-borderless.button-primary {
color: #1B9AF7; }
.button-borderless.button-plain {
color: #FFF; }
.button-borderless.button-inverse {
color: #222; }
.button-borderless.button-action {
color: #A5DE37; }
.button-borderless.button-highlight {
color: #FEAE1B; }
.button-borderless.button-caution {
color: #FF4351; }
.button-borderless.button-royal {
color: #7B72E9; }
.button-borderless.button-giant {
font-size: 36.4px;
height: 52.4px;
line-height: 52.4px; }
.button-borderless.button-jumbo {
font-size: 31.2px;
height: 47.2px;
line-height: 47.2px; }
.button-borderless.button-large {
font-size: 26px;
height: 42px;
line-height: 42px; }
.button-borderless.button-normal {
font-size: 20.8px;
height: 36.8px;
line-height: 36.8px; }
.button-borderless.button-small {
font-size: 15.6px;
height: 31.6px;
line-height: 31.6px; }
.button-borderless.button-tiny {
font-size: 12.48px;
height: 28.48px;
line-height: 28.48px; }

/*
* Raised Buttons
*
* A classic looking button that offers
* great depth and affordance.
*/
.button-raised {
border-color: #e1e1e1;
border-style: solid;
border-width: 1px;
line-height: 38px;
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
background: linear-gradient(#f6f6f6, #e1e1e1);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
.button-raised:hover, .button-raised:focus {
background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
background: linear-gradient(top, white, gainsboro); }
.button-raised:active, .button-raised.active, .button-raised.is-active {
background: #eeeeee;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; }

/*
* Raised Button Colors
*
* Create colors for raised buttons
*/
.button-raised.button-primary {
border-color: #088ef0;
background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
background: linear-gradient(#34a5f8, #088ef0); }
.button-raised.button-primary:hover, .button-raised.button-primary:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
background: linear-gradient(top, #42abf8, #0888e6); }
.button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active {
border-color: #ffd000;
background: #2798eb; }
.button-raised.button-plain {
border-color: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
background: linear-gradient(white, #f2f2f2); }
.button-raised.button-plain:hover, .button-raised.button-plain:focus {
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
background: linear-gradient(top, white, #ededed); }
.button-raised.button-plain:active, .button-raised.button-plain.active, .button-raised.button-plain.is-active {
border-color: #e6e6e6;
background: white; }
.button-raised.button-inverse {
border-color: #151515;
background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515));
background: linear-gradient(#2f2f2f, #151515); }
.button-raised.button-inverse:hover, .button-raised.button-inverse:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010));
background: linear-gradient(top, #363636, #101010); }
.button-raised.button-inverse:active, .button-raised.button-inverse.active, .button-raised.button-inverse.is-active {
border-color: #090909;
background: #222222; }
.button-raised.button-action {
border-color: #9ad824;
background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824));
background: linear-gradient(#afe24d, #9ad824); }
.button-raised.button-action:hover, .button-raised.button-action:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22));
background: linear-gradient(top, #b5e45a, #94cf22); }
.button-raised.button-action:active, .button-raised.button-action.active, .button-raised.button-action.is-active {
border-color: #8bc220;
background: #a1d243; }
.button-raised.button-highlight {
border-color: #fea502;
background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502));
background: linear-gradient(#feb734, #fea502); }
.button-raised.button-highlight:hover, .button-raised.button-highlight:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01));
background: linear-gradient(top, #febc44, #f49f01); }
.button-raised.button-highlight:active, .button-raised.button-highlight.active, .button-raised.button-highlight.is-active {
border-color: #e59501;
background: #f3ab26; }
.button-raised.button-caution {
border-color: #ff2939;
background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939));
background: linear-gradient(#ff5c69, #ff2939); }
.button-raised.button-caution:hover, .button-raised.button-caution:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30));
background: linear-gradient(top, #ff6c77, #ff1f30); }
.button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active {
border-color: #ff1022;
background: #f64c59; }
.button-raised.button-royal {
border-color: #665ce6;
background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6));
background: linear-gradient(#9088ec, #665ce6); }
.button-raised.button-royal:hover, .button-raised.button-royal:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4));
background: linear-gradient(top, #9c95ef, #5e53e4); }
.button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active {
border-color: #5246e2;
background: #827ae1; }

/*
* 3D Buttons
*
* These buttons have a heavy three dimensional
* style that mimics the visual appearance of a
* real life button.
*/
.button-3d {
position: relative;
top: 0;
-webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); }
.button-3d:hover, .button-3d:focus {
-webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); }
.button-3d:active, .button-3d.active, .button-3d.is-active {
top: 5px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* 3D Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-3d.button-primary {
-webkit-box-shadow: 0 7px 0 #ffd000, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #ffd000, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-primary:hover, .button-3d.button-primary:focus {
-webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active {
-webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-plain {
-webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-plain:hover, .button-3d.button-plain:focus {
-webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-plain:active, .button-3d.button-plain.active, .button-3d.button-plain.is-active {
-webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-inverse {
-webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-inverse:hover, .button-3d.button-inverse:focus {
-webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-inverse:active, .button-3d.button-inverse.active, .button-3d.button-inverse.is-active {
-webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-action {
-webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-action:hover, .button-3d.button-action:focus {
-webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-action:active, .button-3d.button-action.active, .button-3d.button-action.is-active {
-webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-highlight {
-webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-highlight:hover, .button-3d.button-highlight:focus {
-webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-highlight:active, .button-3d.button-highlight.active, .button-3d.button-highlight.is-active {
-webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-caution {
-webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-caution:hover, .button-3d.button-caution:focus {
-webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-caution:active, .button-3d.button-caution.active, .button-3d.button-caution.is-active {
-webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-royal {
-webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-royal:hover, .button-3d.button-royal:focus {
-webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); }
.button-3d.button-royal:active, .button-3d.button-royal.active, .button-3d.button-royal.is-active {
-webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* Glowing Buttons
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
/*
* Glow animation mixin for Compass users
*
*/
/*
* Glowing Keyframes
*
*/
@-webkit-keyframes glowing {
from {
-webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }
@keyframes glowing {
from {
-webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }
/*
* Glowing Keyframes for various colors
*
*/
@-webkit-keyframes glowing-primary {
from {
-webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }
@keyframes glowing-primary {
from {
-webkit-box-shadow: 0 0 0 rgba(255, 208, 0, 0.3);
box-shadow: 0 0 0 rgba(255, 208, 0, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgb(255, 208, 0);
box-shadow: 0 0 20px rgb(255, 208, 0); }
to {
-webkit-box-shadow: 0 0 0 rgba(255, 208, 0, 0.3);
box-shadow: 0 0 0 rgba(255, 208, 0, 0.3); } }
@-webkit-keyframes glowing-plain {
from {
-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } }
@keyframes glowing-plain {
from {
-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } }
@-webkit-keyframes glowing-inverse {
from {
-webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } }
@keyframes glowing-inverse {
from {
-webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } }
@-webkit-keyframes glowing-action {
from {
-webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } }
@keyframes glowing-action {
from {
-webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } }
@-webkit-keyframes glowing-highlight {
from {
-webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } }
@keyframes glowing-highlight {
from {
-webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } }
@-webkit-keyframes glowing-caution {
from {
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } }
@keyframes glowing-caution {
from {
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } }
@-webkit-keyframes glowing-royal {
from {
-webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } }
@keyframes glowing-royal {
from {
-webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); }
50% {
-webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); }
to {
-webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } }
/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.button-glow {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: glowing;
animation-name: glowing; }
.button-glow:active, .button-glow.active, .button-glow.is-active {
-webkit-animation-name: none;
animation-name: none; }

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.button-glow.button-primary {
-webkit-animation-name: glowing-primary;
animation-name: glowing-primary; }
.button-glow.button-plain {
-webkit-animation-name: glowing-plain;
animation-name: glowing-plain; }
.button-glow.button-inverse {
-webkit-animation-name: glowing-inverse;
animation-name: glowing-inverse; }
.button-glow.button-action {
-webkit-animation-name: glowing-action;
animation-name: glowing-action; }
.button-glow.button-highlight {
-webkit-animation-name: glowing-highlight;
animation-name: glowing-highlight; }
.button-glow.button-caution {
-webkit-animation-name: glowing-caution;
animation-name: glowing-caution; }
.button-glow.button-royal {
-webkit-animation-name: glowing-royal;
animation-name: glowing-royal; }

/*
* Dropdown menu buttons
*
* A dropdown menu appears
* when a button is pressed
*/
/*
* Dropdown Container
*
*/
.button-dropdown {
position: relative;
overflow: visible;
display: inline-block; }

/*
* Dropdown List Style
*
*/
.button-dropdown-list {
display: none;
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
z-index: 1000;
min-width: 100%;
list-style-type: none;
background: rgba(255, 255, 255, 0.95);
border-style: solid;
border-width: 1px;
border-color: #d4d4d4;
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*
* Dropdown Below
*
*/
/*
* Dropdown Above
*
*/ }
.button-dropdown-list.is-below {
top: 100%;
border-top: none;
border-radius: 0 0 3px 3px; }
.button-dropdown-list.is-above {
bottom: 100%;
top: auto;
border-bottom: none;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); }

/*
* Dropdown Buttons
*
*/
.button-dropdown-list > li {
padding: 0;
margin: 0;
display: block; }
.button-dropdown-list > li > a {
display: block;
line-height: 40px;
font-size: 12.8px;
padding: 5px 10px;
float: none;
color: #666;
text-decoration: none; }
.button-dropdown-list > li > a:hover {
color: #5e5e5e;
background: #f6f6f6;
text-decoration: none; }

.button-dropdown-divider {
border-top: 1px solid #e6e6e6; }

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-dropdown.button-dropdown-primary .button-dropdown-list {
background: rgba(255, 22, 121, 0.95);
border-color: #ffd000; }
.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
border-color: #ffd000; }
.button-dropdown.button-dropdown-primary .button-dropdown-list > li > a {
color: #FFF; }
.button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover {
color: #ffd000;
background: #088ef0; }
.button-dropdown.button-dropdown-plain .button-dropdown-list {
background: rgba(255, 255, 255, 0.95);
border-color: #e6e6e6; }
.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider {
border-color: #ededed; }
.button-dropdown.button-dropdown-plain .button-dropdown-list > li > a {
color: #1B9AF7; }
.button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover {
color: #088ef0;
background: #f2f2f2; }
.button-dropdown.button-dropdown-inverse .button-dropdown-list {
background: rgba(34, 34, 34, 0.95);
border-color: #090909; }
.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider {
border-color: #101010; }
.button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a {
color: #EEE; }
.button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover {
color: #e1e1e1;
background: #151515; }
.button-dropdown.button-dropdown-action .button-dropdown-list {
background: rgba(165, 222, 55, 0.95);
border-color: #8bc220; }
.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider {
border-color: #94cf22; }
.button-dropdown.button-dropdown-action .button-dropdown-list > li > a {
color: #FFF; }
.button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover {
color: #f2f2f2;
background: #9ad824; }
.button-dropdown.button-dropdown-highlight .button-dropdown-list {
background: rgba(254, 174, 27, 0.95);
border-color: #e59501; }
.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider {
border-color: #f49f01; }
.button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a {
color: #FFF; }
.button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover {
color: #f2f2f2;
background: #fea502; }
.button-dropdown.button-dropdown-caution .button-dropdown-list {
background: rgba(255, 67, 81, 0.95);
border-color: #ff1022; }
.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider {
border-color: #ff1f30; }
.button-dropdown.button-dropdown-caution .button-dropdown-list > li > a {
color: #FFF; }
.button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover {
color: #f2f2f2;
background: #ff2939; }
.button-dropdown.button-dropdown-royal .button-dropdown-list {
background: rgba(123, 114, 233, 0.95);
border-color: #5246e2; }
.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider {
border-color: #5e53e4; }
.button-dropdown.button-dropdown-royal .button-dropdown-list > li > a {
color: #FFF; }
.button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover {
color: #f2f2f2;
background: #665ce6; }

/*
* Buton Groups
*
* A group of related buttons
* displayed edge to edge
*/
.button-group {
position: relative;
display: inline-block; }
.button-group:after {
content: " ";
display: block;
clear: both; }
.button-group .button,
.button-group .button-dropdown {
float: left; }
.button-group .button:not(:first-child):not(:last-child),
.button-group .button-dropdown:not(:first-child):not(:last-child) {
border-radius: 0;
border-right: none; }
.button-group .button:first-child,
.button-group .button-dropdown:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none; }
.button-group .button:last-child,
.button-group .button-dropdown:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }

/*
* Button Wrapper
*
* A wrap around effect to highlight
* the shape of the button and offer
* a subtle visual effect.
*/
.button-wrap {
border: 1px solid #e3e3e3;
display: inline-block;
padding: 9px;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
background: linear-gradient(#f2f2f2, #FFF);
border-radius: 200px;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); }

/*
* Long Shadow Buttons
*
* A visual effect adding a flat shadow to the text of a button
*/
/*
* Long Shadow Function
*
* Loops $length times building a long shadow. Defaults downward right
*/
/*
* LONG SHADOW MIXIN
*
*/
/*
* Shadow Right
*
*/
.button-longshadow,
.button-longshadow-right {
overflow: hidden; }
.button-longshadow.button-primary,
.button-longshadow-right.button-primary {
text-shadow: 0px 0px #ffd000, 1px 1px #ffd000, 2px 2px #ffd000, 3px 3px #ffd000, 4px 4px #ffd000, 5px 5px #ffd000, 6px 6px #ffd000, 7px 7px #ffd000, 8px 8px #ffd000, 9px 9px #ffd000, 10px 10px #ffd000, 11px 11px #ffd000, 12px 12px #ffd000, 13px 13px #ffd000, 14px 14px #ffd000, 15px 15px #ffd000, 16px 16px #ffd000, 17px 17px #ffd000, 18px 18px #ffd000, 19px 19px #ffd000, 20px 20px #ffd000, 21px 21px #ffd000, 22px 22px #ffd000, 23px 23px #ffd000, 24px 24px #ffd000, 25px 25px #ffd000, 26px 26px #ffd000, 27px 27px #ffd000, 28px 28px #ffd000, 29px 29px #ffd000, 30px 30px #ffd000, 31px 31px #ffd000, 32px 32px #ffd000, 33px 33px #ffd000, 34px 34px #ffd000, 35px 35px #ffd000, 36px 36px #ffd000, 37px 37px #ffd000, 38px 38px #ffd000, 39px 39px #ffd000, 40px 40px #ffd000, 41px 41px #ffd000, 42px 42px #ffd000, 43px 43px #ffd000, 44px 44px #ffd000, 45px 45px #ffd000, 46px 46px #ffd000, 47px 47px #ffd000, 48px 48px #ffd000, 49px 49px #ffd000, 50px 50px #ffd000, 51px 51px #ffd000, 52px 52px #ffd000, 53px 53px #ffd000, 54px 54px #ffd000, 55px 55px #ffd000, 56px 56px #ffd000, 57px 57px #ffd000, 58px 58px #ffd000, 59px 59px #ffd000, 60px 60px #ffd000, 61px 61px #ffd000, 62px 62px #ffd000, 63px 63px #ffd000, 64px 64px #ffd000, 65px 65px #ffd000, 66px 66px #ffd000, 67px 67px #ffd000, 68px 68px #ffd000, 69px 69px #ffd000, 70px 70px #ffd000, 71px 71px #ffd000, 72px 72px #ffd000, 73px 73px #ffd000, 74px 74px #ffd000, 75px 75px #ffd000, 76px 76px #ffd000, 77px 77px #ffd000, 78px 78px #ffd000, 79px 79px #ffd000, 80px 80px #ffd000, 81px 81px #ffd000, 82px 82px #ffd000, 83px 83px #ffd000, 84px 84px #ffd000, 85px 85px #ffd000; }
.button-longshadow.button-primary:active, .button-longshadow.button-primary.active, .button-longshadow.button-primary.is-active,
.button-longshadow-right.button-primary:active,
.button-longshadow-right.button-primary.active,
.button-longshadow-right.button-primary.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow.button-plain,
.button-longshadow-right.button-plain {
text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6; }
.button-longshadow.button-plain:active, .button-longshadow.button-plain.active, .button-longshadow.button-plain.is-active,
.button-longshadow-right.button-plain:active,
.button-longshadow-right.button-plain.active,
.button-longshadow-right.button-plain.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow.button-inverse,
.button-longshadow-right.button-inverse {
text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909; }
.button-longshadow.button-inverse:active, .button-longshadow.button-inverse.active, .button-longshadow.button-inverse.is-active,
.button-longshadow-right.button-inverse:active,
.button-longshadow-right.button-inverse.active,
.button-longshadow-right.button-inverse.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow.button-action,
.button-longshadow-right.button-action {
text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; }
.button-longshadow.button-action:active, .button-longshadow.button-action.active, .button-longshadow.button-action.is-active,
.button-longshadow-right.button-action:active,
.button-longshadow-right.button-action.active,
.button-longshadow-right.button-action.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow.button-highlight,
.button-longshadow-right.button-highlight {
text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; }
.button-longshadow.button-highlight:active, .button-longshadow.button-highlight.active, .button-longshadow.button-highlight.is-active,
.button-longshadow-right.button-highlight:active,
.button-longshadow-right.button-highlight.active,
.button-longshadow-right.button-highlight.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow.button-caution,
.button-longshadow-right.button-caution {
text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; }
.button-longshadow.button-caution:active, .button-longshadow.button-caution.active, .button-longshadow.button-caution.is-active,
.button-longshadow-right.button-caution:active,
.button-longshadow-right.button-caution.active,
.button-longshadow-right.button-caution.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow.button-royal,
.button-longshadow-right.button-royal {
text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; }
.button-longshadow.button-royal:active, .button-longshadow.button-royal.active, .button-longshadow.button-royal.is-active,
.button-longshadow-right.button-royal:active,
.button-longshadow-right.button-royal.active,
.button-longshadow-right.button-royal.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Shadow Left
*
*/
.button-longshadow-left {
overflow: hidden; }
.button-longshadow-left.button-primary {
text-shadow: 0px 0px #ffd000, -1px 1px #ffd000, -2px 2px #ffd000, -3px 3px #ffd000, -4px 4px #ffd000, -5px 5px #ffd000, -6px 6px #ffd000, -7px 7px #ffd000, -8px 8px #ffd000, -9px 9px #ffd000, -10px 10px #ffd000, -11px 11px #ffd000, -12px 12px #ffd000, -13px 13px #ffd000, -14px 14px #ffd000, -15px 15px #ffd000, -16px 16px #ffd000, -17px 17px #ffd000, -18px 18px #ffd000, -19px 19px #ffd000, -20px 20px #ffd000, -21px 21px #ffd000, -22px 22px #ffd000, -23px 23px #ffd000, -24px 24px #ffd000, -25px 25px #ffd000, -26px 26px #ffd000, -27px 27px #ffd000, -28px 28px #ffd000, -29px 29px #ffd000, -30px 30px #ffd000, -31px 31px #ffd000, -32px 32px #ffd000, -33px 33px #ffd000, -34px 34px #ffd000, -35px 35px #ffd000, -36px 36px #ffd000, -37px 37px #ffd000, -38px 38px #ffd000, -39px 39px #ffd000, -40px 40px #ffd000, -41px 41px #ffd000, -42px 42px #ffd000, -43px 43px #ffd000, -44px 44px #ffd000, -45px 45px #ffd000, -46px 46px #ffd000, -47px 47px #ffd000, -48px 48px #ffd000, -49px 49px #ffd000, -50px 50px #ffd000, -51px 51px #ffd000, -52px 52px #ffd000, -53px 53px #ffd000, -54px 54px #ffd000, -55px 55px #ffd000, -56px 56px #ffd000, -57px 57px #ffd000, -58px 58px #ffd000, -59px 59px #ffd000, -60px 60px #ffd000, -61px 61px #ffd000, -62px 62px #ffd000, -63px 63px #ffd000, -64px 64px #ffd000, -65px 65px #ffd000, -66px 66px #ffd000, -67px 67px #ffd000, -68px 68px #ffd000, -69px 69px #ffd000, -70px 70px #ffd000, -71px 71px #ffd000, -72px 72px #ffd000, -73px 73px #ffd000, -74px 74px #ffd000, -75px 75px #ffd000, -76px 76px #ffd000, -77px 77px #ffd000, -78px 78px #ffd000, -79px 79px #ffd000, -80px 80px #ffd000, -81px 81px #ffd000, -82px 82px #ffd000, -83px 83px #ffd000, -84px 84px #ffd000, -85px 85px #ffd000; }
.button-longshadow-left.button-primary:active, .button-longshadow-left.button-primary.active, .button-longshadow-left.button-primary.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow-left.button-plain {
text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6; }
.button-longshadow-left.button-plain:active, .button-longshadow-left.button-plain.active, .button-longshadow-left.button-plain.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow-left.button-inverse {
text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909; }
.button-longshadow-left.button-inverse:active, .button-longshadow-left.button-inverse.active, .button-longshadow-left.button-inverse.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow-left.button-action {
text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; }
.button-longshadow-left.button-action:active, .button-longshadow-left.button-action.active, .button-longshadow-left.button-action.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow-left.button-highlight {
text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; }
.button-longshadow-left.button-highlight:active, .button-longshadow-left.button-highlight.active, .button-longshadow-left.button-highlight.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow-left.button-caution {
text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; }
.button-longshadow-left.button-caution:active, .button-longshadow-left.button-caution.active, .button-longshadow-left.button-caution.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.button-longshadow-left.button-royal {
text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; }
.button-longshadow-left.button-royal:active, .button-longshadow-left.button-royal.active, .button-longshadow-left.button-royal.is-active {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.button-giant {
font-size: 28px;
height: 70px;
line-height: 70px;
padding: 0 70px; }

.button-jumbo {
font-size: 24px;
height: 60px;
line-height: 60px;
padding: 0 60px; }

.button-large {
font-size: 20px;
height: 50px;
line-height: 50px;
padding: 0 50px; }

.button-normal {
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0 40px; }

.button-small {
font-size: 12px;
height: 30px;
line-height: 30px;
padding: 0 30px; }

.button-tiny {
font-size: 9.6px;
height: 24px;
line-height: 24px;
padding: 0 24px; }


/*input 提示信息颜色*/
input::-webkit-input-placeholder{
color:#bbbbbb;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
color:#bbbbbb;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
color:#bbbbbb;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
color:#bbbbbb;
}





/*播放器

.player_div {
padding-bottom: 60%;
position: relative;
display: block;
height: 0;
/*  padding: 0;   */
/*     overflow: hidden;

}
.player_iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;

}

*/
