DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/css/index.css

@charset "utf-8";
/* CSS Document */	
body{
	overflow-x: hidden;
	padding-bottom: 50px;
}
html,body{
  min-height: 100%;  
  background-size:100%;
  -moz-background-size:100%;
  -webkit-background-size:100%;
  -o-background-size:100%;
}	
.clear{
	clear:both;
}	
.index_box{
	width: 94%;
	margin:0 auto;
}	
/*crumbs*/

.index_sec1{
	padding: 1px 0;
}
.indSec1T{
	margin-top: 30px;
	font-size: 20px;
	color: #313131;
	line-height: 40px;
    overflow:hidden;
}
.indSec1T > a{
	display: inline-block;
	margin-left: 15px;
	width: 80px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #fff;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.indSec1T.active > a{
	filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; 
}
.indSec1List{
	overflow: hidden;
	text-align: right;
    float:right;
	width: 370px;

	white-space: nowrap;
}

.indSec1List li{
	display: inline-block;
	background: #fff;
	width: 170px;
	height: 44px;
	text-align: center;
	line-height: 42px;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 14px;
}
.indSec1List li:first-child{
	margin-left: 0;
}
.indSec1List a{
	color: #313131;
	font-size: 14px;
	display: block;
}
.indSec1List img{
	width: 32px;
	position: relative;
	top: -1px;
	margin-right: 5px;
}
/*crumbs*/
/*layer*/
.layui-layer-title{
	display: none;
}
.layerBox{
	background: #fff;
	position: relative;
	overflow: hidden;
}
.layerImg{
	position: absolute;
	z-index: 99;
}
.layer_sec{
	padding: 0 20px 0 120px;
	border-top: 1px dashed #E2E2E2;
	padding-top: 25px;
}
.layer_sec:first-child{
	border-top: 0;
}
.layer_sec1{
	overflow: hidden;
	padding-top: 60px;
}
.laySec1L{
	width: 40%;
	float: left;
	padding-right: 40px;
}
.laySec1ConT{
	font-size: 28px;
	color: #5768D9;
	line-height: 30px;
}
.laySec1ConT span{
	font-size: 58px;
	font-weight: bold;
}
.laySec1Sex{
	font-size: 15px;
	color: #fff;
	background: #ED94A5;
	height: 30px;
	width: 106px;
	text-align: center;
	border-radius: 2px;
	margin-top: 12px;
}
.laySec1Sex img{
	width: 20px;
	position: relative;
	top: -1px;
	margin-right: 4px;
}
.laySec1R{
	float: left;
	width: 60%;
	margin-top: -10px;
}
.laySec1R div:first-child{
	overflow: hidden;
}
.laySec1R div .laySec1Txt{
	width: 50%;
	float: left;
	margin-top: 0;
}
.laySec1Txt{
	font-size: 14px;
	color: #313131;
	margin-top: 25px;
}
.laySec1Txt span,.laySec2List span{
	
	width: 80px;
	text-align: right;
	color: #8F8F8F;
	display: inline-block;
}
.laySec1Txt span{
	margin-right: 12px;
}
.layer_sec2{
	margin-top: 50px;
	padding-top: 0;
}
.laySec2List{
	overflow: hidden;
}
.laySec2List li{
	float: left;
	width: 50%;
	margin-top: 40px;
	font-size: 14px;
	color: #313131;
}
.laySec2List span{
	margin-right: 50px;
}
.laySec2List i{
	font-style: normal;
	color: #8F8F8F;
	margin-left: 10px;
}
.laySec2Btn{
	text-align: right;
	margin: 40px 0 20px;
}
.laySec2Btn img{
	margin-left: 6px;
	width: 43px;
}
.layer_sec3{
	overflow: hidden;
}
.layerSec3Box{
	width: 50%;
	float: left;
}
.layer_sec4{
	padding-bottom: 40px;
	margin-top: 0;
}

/*layer*/

/*floor.html*/

.inSec1Row{
	margin: 0 -30px;
	overflow: hidden;
	padding-bottom: 50px;
}
.inSec1Col3{
	width: 25%;
	float: left;
	padding: 0 30px;
	margin-top: 30px;
}
.inSec1Top > span{
	float: left;
	font-size: 20px;
	color: #5768D9;
	margin-right: 5px;
	margin-left: 20%;
}
.inSec1Top > span span{
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif!important;
}
.inSec1TopList{
	float: left;
	margin-top: 4px;
}
.inSec1TopList li{
	float: left;
	margin-left: 5px;
	position: relative;
}
.inSec1TopList a,.inSec1TopList a > img{
	display: block;
}
.inSec1TopList a > img{
	width: 43px;
}
.inSec1Img{
	margin-top:20px;
	position: relative;
}
.inSec1Img img{
	display: block;
	width: 100%;
}
.inSec1Con{
	position: absolute;
	padding-top: 7px;
	 z-index: -1; 
	top: 40px;
	width: 320px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	 opacity:0; 
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.inSec1TopList li:hover .inSec1Con{
	top: 21px;
	z-index: 2;
	filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; 
}
.inSec1Con1{
	left: -10px;
}
.inSec1Con3{
	right: -10px;
}
.inSec1Horn{
	display: block;
	width: 10px;
	position: relative;
}
.inSec1Con1 > img{
	margin-left: 27px;
}
.inSec1Con3 > img{
	margin-left: 284px;
}
.inSec1Con2{
	border: 1px solid #A4C2FF;
	border-radius: 8px;
	background: #fff;
	padding: 15px;
	margin-top: -1px;
}
.inSec1ConT{
	font-size: 20px;
	color: #313131;
	line-height: 30px;
}
.inSec1ConT span{
	font-size: 24px;
	color: #5768D9;
	font-weight: bold;
}
.inSec1Sex{
	float: right;
	font-size: 15px;
	color: #fff;
	background: #ED94A5;
	height: 30px;
	width: 106px;
	text-align: center;
	border-radius: 2px;
}
.inSec1Sex img{
	width: 20px;
	position: relative;
	top: -1px;
	margin-right: 4px;
}
.inSec1ConTxt{
	margin: 20px 0;
	font-size: 15px;
	color: #313131;
	line-height: 30px;
}
.inSec1ConTxt span{
	display: inline-block;
	height: 30px;
	padding: 0 10px;
	background: #F2F2F2;
	border-radius: 2px;
	margin: 0 5px 0 15px;
}
.inSec1ConTxt span:first-child{
	margin-left: 0;
}
.inSec1Btn{
	cursor: pointer;
	text-align: center;
	color: #029DFE;
	font-size: 15px;
}
.inSec1Btn i{
	margin-left: 10px;
	font-size: 16px;
}
.floor_warpper .laySec1Sex{
	float: right;
}
/*floor.html*/

/*unit.html*/
.unit_warpper .indSec1T,.unit_warpper .inSec1Top > span,.unit_warpper .indSec1T > a,.unit_warpper .inSec1ConT,.unit_warpper .inSec1ConTxt,.unit_warpper .inSec1ConT span{
	color: #fff;
}
.unit_warpper .crumbs div{
	background: #fff;
}
.unit_warpper .inSec1Con2{
	background: #6776EC;
}
.unit_warpper .inSec1ConTxt span{
	background: #5666E0;
}
.unit_warpper .inSec1Btn{
	color: #B7CFFF
}
.unitLayer .laySec1L{
	padding-left: 80px;
}
.laySec1ConTitle{
	font-size: 14px;
	color: #939FEE;
	margin-bottom: 30px;
}
.laySec1ConTitle span{
	font-weight: bold;
}
.unitLayer .laySec1R{
	margin-top: 20px;
}
/*unit.html*/

/*corridor.html*/
.corridor_warpper .inSec1Top > span,.corridor_warpper .inSec1ConT span,.corridor_warpper .inSec1Btn{
	color: #66C668;
}
.inSec1Imgs{
	text-align: center;
	width: 74px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 12px auto;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;;
 	background-size:100%;
    -moz-background-size:100%;
    -webkit-background-size:100%;
    -o-background-size:100%;
}
.corridor_warpper .inSec1Imgs, .corridorLayer .inSec1Imgs {
    background-image: url('../images/floor/corr1.jpg');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/floor/corr1.jpg',  sizingMethod='scale');
}
.corridorLayer .laySec1ConT{
	color: #54BE55;
}
.layerBox .inSec1Imgs{
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 99;
	margin: 0;
}
.corridor_warpper .indSec1T a{
	background: #fff;
	border-color: #CDCDCD;
}
.corridor_warpper .inSec1Con2{
	border-color: #66C668;
}
/*corridor.html*/

/*dormitory.html*/
.dormitory_warpper .inSec1Top > span,.dormitory_warpper .inSec1ConT span,.dormitory_warpper .inSec1Btn{
	color: #EA9C48;
}
.dormitory_warpper .indSec1T a{
	background: #fff;
	border-color: #CDCDCD;
}
.dormitory_warpper .inSec1Imgs,.dormitoryLayer .inSec1Imgs{
	background-image:url('../images/floor/dorm1.jpg');  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='../images/floor/corr1.jpg',  sizingMethod='scale');
}
.dormitory_warpper .inSec1Imgs{
	margin-left:32%;
}
.laySec2List i.fa{
	color: #F3CD47;
	margin-left: 0;
	margin-right: 5px;
}
.laySec2List i.fa:last-child{
	margin-right: 0;
}
.dormitoryLayer .laySec1ConT {
    color: #EA9C48;
}
.inSec1ImgCon{
	position: absolute;
	top: 0;
	right: 10px;
}
.inSec1ImgCon > div{
	background: #fff;
	width: 56px;
	height: 34px;
	text-align: center;
	line-height: 32px;
	border-radius: 2px;
	border: 1px solid #D2D2D2;
	margin-top: 10px;
	
}
.inSec1ImgCon > div:first-child{
	margin-top: 0;
}
.inSec1ImgCon1 i{
	color: #F3CD47;
	line-height: 32px;
	margin-left: 3px;
}
.inSec1ImgCon1 i:first-child{
	margin-left: 0;
}
.inSec1ImgCon2 img{
	width: 12px;
    position: relative;
    display: inline-block;
    margin-right: 1px;
    top: -1px;
}
.inSec1ImgCon2{
	font-size: 12px;
	color: #76A1F7;
}
.inSec1ImgCon3{
	font-size: 14px;
	color: #FA7C7C;
}
.dormitory_warpper .inSec1Con2{
	border-color: #D28531;
}
/*dormitory.html*/

/*room.html*/
.room_warpper .inSec1Top > span,.room_warpper .inSec1ConT span,.room_warpper .inSec1Btn{
	color: #BC8BFF;
}
.room_warpper .indSec1T a{
	background: #fff;
	border-color: #CDCDCD;
}
.room_warpper .inSec1ImgCon{
	right: -30px;
}
.roomLayer .laySec1ConT{
	color: #BC8BFF;
}
.laySec1RImg{
	float: left;
	width: 120px;
}
.laySec1RImg img{
	display: block;
	width: 100%
}
.laySec1RImg div{
	overflow: hidden;
	padding-bottom: 140.833333%;
	height: 0;
}
.laySec1RCon{
	margin-left: 140px;
}
.laySec1Txts{
	font-size: 14px;
    color: #313131;
    margin-top: 28px;
}
.laySec1Txts:first-child{
	margin-top: 0;
}
.laySec1Txts span {
    margin-right: 12px;
    width: 80px;
    text-align: right;
    color: #8F8F8F;
    display: inline-block;
}
.roomLayer .laySec1R {
    margin-top: 5px;
}
.room_warpper .inSec1Con2{
	border-color: #B279FF;
}
.room_warpper .inSec1ConTxt span{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
        position: relative;
    top: 9px;
}
.inSec1ConSpan1{
	width: 65px;
}
.inSec1ConSpan2{
	width: 117px;
}
/*room.html*/
@media(max-width:1500px) {
	.inSec1Col3{
		width: 33.333333%
	}
}
@media(max-width:1400px) {
	.inSec1Col3{
		width: 33.333333%
	}
}
@media(max-width:768px) {

}