@charset "utf-8";
/* CSS Document */
.slide{width:100%;height:336px;background:url(../img/feature/sleep/sup_sleepSlide_Bg.jpg) no-repeat center 0; background-color: #effbf9;}
/*happySleep*/
h1 {padding-bottom:15px;font-weight: normal; font-size: 29px; text-align: center;}
h2 {font-size: 33px;padding-bottom:10px;}
h3 {line-height: 30px; font-size: 18px;padding-bottom: 10px;}
h4 {font-size: 35px; color: #f37021;padding-bottom: 10px;font-style: italic;font-family: arial;}
h5 {font-size: 40px; letter-spacing: 2px;}
h6 {font-weight: bold;color: #335eb5;font-size: 17px;width:120px;letter-spacing: 1px;line-height: 23px;padding:3px 0 15px 0;}
h7 {font-weight: bold;color: #cd4381;font-size: 25px;}
.intro_oneTp,.intro_twoTp,.intro_threeTp,.intro_fourTp {
	color: #ffffff;
}
/*intro one*/
.sup_hs_intro_one {background: #f4e5f3;}
.intro_oneTp {background: #df8dcb;height: 261px;position: relative;}
.intro_oneTp_lt img {position: relative;right:20px;}
.intro_oneTp_rt {position: relative;padding:40px 0 40px 12px;line-height: 25px;}
.intro_oneTp_rt img {position: absolute;bottom: -34px;right:0px;}
.intro_oneBtm_Topic {padding: 40px; line-height: 25px;text-align: center;}
.intro_oneBtm_Topic p {letter-spacing: 1px;}
.intro_oneBtm_hd,.intro_oneBtm_bd,.intro_oneBtm_ft {overflow: hidden;width: 100%;}
/*.intro_oneBtm_bd .col-xs-5 {margin-top:25px;padding-left: 25px;}*/
.intro_oneBtm_btm_lt,.intro_oneBtm_btm_rt {
	height: 114px;
	position: relative;
	padding:0 18px 0 65px;
}
.intro_oneBtm_btm_lt {margin-left: 5%;}
.intro_oneBtm_btm_lt a,.intro_oneBtm_btm_rt a {
	background: #f8fdff; color:#666666;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;
}
.intro_oneBtm_btm_lt a:hover,.intro_oneBtm_btm_rt a:hover {background: #bd025b;color:#ffffff;}
.intro_oneBtm_Text_lt {position: absolute; top: 30px; left: 235px;font-size: 16px;}
.intro_oneBtm_Text_rt {position: absolute; top: 30px; left: 210px;font-size: 16px;}

.intro_oneBtm_bd {
	border-top: 1px dashed #c0bbc0;
	/* border-bottom: 1px dashed #c0bbc0; */
	padding-bottom: 35px;
	margin-top: 35px;
}

/*intro two*/
.sup_hs_intro_two {background: #f5fcff;}
.intro_twoTp {background: #81a1e3;height: 228px;position: relative;}
.intro_twoTp_lt img {position: relative;right:20px;}
.intro_twoTp_rt {position: relative;padding:35px;line-height: 25px;}
.intro_twoTp_rt img {position: absolute;bottom: -36px;right:0px;}
.intro_twoBtm_hd,.intro_twoBtm_bd {padding-top: 60px;}
.intro_twoBtm_hdLt,.intro_twoBtm_hdRt {height: 274px;}
.intro_twoBtm_hdLt p,.intro_twoBtm_hdRt p {padding:0px 35px 20px 0;line-height: 23px;}
.intro_twoBtm_hdLt span,.intro_twoBtm_hdRt span {line-height: 25px;font-weight: bold;}
.intro_twoBtm_hdMd {padding-top: 45px;padding-right: 50px;}
.intro_twoBtm_hdTopic {padding-bottom: 35px;}
.intro_twoBtm_bd img {padding-left: 10px;}
.intro_twoBtm_bd ul {padding-left: 10px;}
.intro_twoBtm_bd li {padding-bottom:25px;}
.intro_twoBtm_bd p {padding:10px 15px;line-height: 25px;}
.intro_twoBtm_ft {padding-left: 29px;}
.intro_twoBtm_ft li {padding: 25px 28px 25px 0;}
.intro_twoBtm_ft a {
	background: #f8fdff; 
	color:#666666;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;
}
.intro_twoBtm_ft a:hover {background: #81a1e3;color :#ffffff;}  
.intro_twoBtm_ftText_rt,.intro_twoBtm_ftText_lt,.intro_twoBtm_ftText_md {position: absolute; top:45px; left:145px;} 
/*.intro_twoTp_rt img {position: absolute;bottom: -31px;}*/

/*intro three*/
.sup_hs_intro_three {background: #f1fcee;}
.intro_threeTp {background: #92c384;height: 227px;position: relative;}
.intro_threeTp_lt img {position: relative;right:20px;}
.intro_threeTp_rt {position: relative;padding:40px;line-height: 25px;}
.intro_threeTp_rt img {position: absolute;bottom: 3px;right:-20px;}
.intro_threeBtm_hd {padding: 50px 0;}
.intro_threeBtm_ft {padding: 70px 0;position: relative;}

.intro_threeBtm_bd img,.intro_threeBtm_ft img {
	display: block; 
	margin:0 auto 50px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;		
}
.intro_threeBtm_ftText {position: absolute; top:90px; left:100px;text-align: center;color: #75ad64;} 
/*.intro_threeTp_rt img {position: absolute;bottom: -31px;}*/

/*intro four*/
.sup_hs_intro_four {background: #ffe4d1;height: 1281px;}
.intro_fourTp {background: #f49c4b;height: 227px;position: relative;}
.intro_fourTp_lt img {position: relative;right:20px;}
.intro_fourTp_rt {position: relative;padding-left:60px;line-height: 25px;}
.intro_threeTp_rt img {position: absolute;bottom: 0;right:0px;}

.intro_fourBtm {padding-top:32px}
.fourBtmHd,.fourBtmImg {height:370px;line-height: 25px;}
.fourBtmHd_lt {padding:81px 48px 0 0;}
.fourBtmHd_rt {padding:81px 0 0 48px;}
.fourBtmFt {height:275px;line-height: 25px;}
.fourBtmFt_lt {padding:14px 50px 0 0;}
.fourBtmFt_mdLt {padding:14px 25px 0 0;}
.fourBtmFt_mdRt {padding:14px 0 0 25px;}
.fourBtmFt_rt {padding:14px 0 0 50px;}
.intro_fourBtm_bd {padding: 50px 0;}
.intro_fourBtm_bd a {
	display: block; 
	margin:0 auto;
	width:165px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;		
}
.intro_fourBtm_ft {
	border-bottom: 10px solid #ff9541;
	padding-top: 30px;
}

/*.intro_fourTp_rt img {position: absolute;bottom: -31px;}*/

/*thermometer*/
	.intro_oneBtm_bd {
		background: url(../img/feature/sleep/sup_slp_thermBg.png) no-repeat 0 131px;
		position: relative;
	}
	.main_therm , .selt_therm {
		height:200px;
		position:relative;
	}
	.selt_therm {
		padding-left:34px;
		position: relative;
	}
	.clo-box, .clo-box_lt, .clo-box_rt, .clo-box_md {
		height:68px;
		width:68px;
		float:left;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-transition: all 1.5s ease-in-out;
		   -moz-transition: all 1.5s ease-in-out;
		    -ms-transition: all 1.5s ease-in-out;
		     -o-transition: all 1.5s ease-in-out;
		        transition: all 1.5s ease-in-out;
	}
	.clo-box {
		margin: 2px 6px 14px 6px;
	}
	.clo-box_md {
		margin: 2px 7px 14px 6px;
	}
	.clo-box_lt {
		margin: 2px 7px 14px 0px;
	}
	.clo-box_rt {
		margin: 2px 0px 14px 6px;
	}
	.main_therm_wrp {
		position: relative;
		width:410px;
		height:23px;
		margin-left: 155px;
		float:left;
		top:115px;

	}
	.intro_oneBtm_TopicTest {
		padding: 40px 30px 5px;
		margin-bottom: 15px;
		line-height: 25px;
		text-align: center;
		position: relative;
	}
	.selectPt {
		width:23px;
		height:23px;
		background: url(../img/feature/sleep/sup_slp_selectPt.png) no-repeat center center;
		background-size: cover;
		cursor:pointer;
	}
	.temperature {
		position: absolute;
		left:-107px;
		top:-24px;
		font-size: 47px;
		color:#ffffff;
		font-family: 'Helvetica', 'Helvetica Neue', 'Arial', 'Verdana';
	}
	.temperature small {
		font-size: 19px;
		vertical-align: top;
	}
/*thermometer*/