*{
    -webkit-touch-callout:none; /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
input {
    -webkit-user-select:auto; /*webkit浏览器*/
}
textarea {                                
    -webkit-user-select:auto; /*webkit浏览器*/
}

.slide-box{
    margin-top: 0;
    height: 100%;
    width: 0;
    float: right;
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
}
.slide-box::-webkit-scrollbar {
    display: none;
    width: 0;
}

.slide-item{
    width: 8vw;
    height: 8vw;
}

.clear {
	clear: both;
}

.bio_icon {
    width: 6vw;
    height: 6vw;
    border-radius: 1vw;
    display: block;
    margin-left: 1vw;
}

.current_head {
	background-color: #E5E5E5;
	border-bottom: 3px solid #000000;
}

.data_panel_trend_title {
	width: 100%;
	height: 5vw;
	padding-top: 1vw;
	font-size: medium;
}

.data_panel {
	width: 90%;
	height: 260px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 15px 0 rgba(49, 144, 232, 0.1);
	border-radius: 16px;
	margin: 5vw 5% 0 5%;
}

.graph_container {
	width: 100%;
	height: 200px;
	text-align: center;
	background: rgba(255, 255, 255, 1);
}

.graph_container_words {
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 1);
}

.warning_text {
	float:center;
	line-height:100px;
	color:lightgray;
}

.data_panel_head {
	width: 100%;
	height: 160px;
	background: rgba(81, 179, 254, 1);
	border-radius: 0 0 4vw 4vw;
}

.data_panel_title_area {
	width: 100%;
	height: 12vw;
	margin-top: 0vw;
	font-size: medium;
}
.data_panel_options_area {
	color: #A2A2A2;
	width: 60%;
	height: 10vw;
	font-size: small;
	display: block;
	margin-top: 3vw;
	padding-right: 2vw;
	float: right;
	text-align: right;
}
.data_panel_title_text {
	font-size: medium;
	float:top;
}

.data_panel_title_munit {
	font-size: xx-small;
	float:bottom;
}

.data_panel_title_today {
	width: 40%;
	height: 10vw;
	margin-top: 2vw;
	float: left;
	font-size: medium;
	line-height: 10vw;
}
.data_panel_today {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 99999;
	width: 100%;
	height: 100px;
	background: CornflowerBlue;
	border-radius: 5px 5px 0px 0px;
	opacity: 0.9;
}

.data_panel_summary_area {
	height: 6vw;
	padding-top: 2vw;
	text-align: center;
}
.data_panel_summary_text {
	width: 100%;
	height: 4vw;
	font-size: medium;
}

.color {
	background-color: #3BAFFA;
	width: 5vw;
	height: 5vw;
	margin: 0 3vw;
}

.detail_index {
	width: 45%;
	display: block;
	float: left;
	text-shadow: none;
}

.score_dashboard {
	width: 100%;
	display: block;
	float: top;
	text-shadow: none;
}

.info_bottom {
	width: 100%;
	height: 8vw;
 	float:center;
 	text-align:right;
 	background: none;
 	opacity: 1;
	border-radius: 5px 5px 5px 5px;
	overflow-x: scroll;
}
.info_bottom_text_area{
	width:90%;
	padding-top:1vw;
	font-size:medium;
	text-align:right;
	color:white;
}

.icon_goto {
    display: block;
    width: 10%;
    height: 8vw;
    border-radius: 2vw;
    float: right;
}
.info_area {
	width: 55%;
	display: block;
	float: right;
	padding-right: 2vw;
}

.info_line {
	display: block;
}

.card {
	display: block;
	float: left;
	width: 6vw;
	height: 6vw;
	text-align: center;
	font-size: medium;
	color: #FFFFFF;
	margin: 6vw 0 0 4vw;
	line-height: 6vw;
	border-radius: 1vw;
	opacity: 0.5;
	text-shadow: none;
}

.flag_perfect {
	background-color: #14E7BA;
}

.flag_good {
	background-color: #00F7DE;
}

.flag_medium {
	background-color: #F6B843;
}

.flag_bad {
	background-color: #F66F6B;
}

.flag_none {
	background-color: #5a6268;
}
.card_select {
	width: 8vw;
	height: 8vw;
	opacity: 1;
	line-height: 8vw;
	font-size: large;
	font-weight: bold;
	margin: 5vw 0 0 2vw;
}
.info_name {
    display:block;
	font-size:x-large;
	text-align:right;
	color: #FFFFFF;
	text-shadow: none;
}

.info_everyday_word {
    display:block;
	color: #FFFFFF;
	font-size: small;
	text-align: right;
	text-shadow: none;
}

.checkbox_area {
	width: 10vw;
	height: 10vw;
	float: right;
	padding-left: 1vw;
	font-size: x-small;
}
.checkbox_custom {
	vertical-align: text-bottom;
}
.button_custom {
	width: 90%;
	height: 12vw;
	background-color: #3BAFFA;
	margin: 10vw 5% 0 5%;
	font-size: large;
	color: #FFFFFF;
	text-shadow: none;
}

.text-copyright {
	text-align:center;
	margin-top: 10vw;
	color: #A2A2A2;
}