@charset "utf-8";
/* CSS Document */

*{ padding: 0px;margin: 0px;}

a{text-decoration: none;}

img{border: none;}

ul{list-style-type: none;}

.main,.main-top{width: 1100px;margin: 0 auto;background-color:#FFF;margin-top: 12px;}
.topic{padding: 10px 0px;width:1100px;}
/*--康复学习-听觉康复开始*/	
.kfylearning{height:50px;line-height:50px;}
.kfylearning-title{color:#808080;margin:0 auto;}
.kfylearning-title img{padding:10px;vertical-align:middle;}
.kfylearning-title a{color:#237ae4;}
.kfylearning-title ul li{position:relative;margin:0 5px;float:left;list-style:none;}
/*.kfylearning-title ul li ul{ position:absolute; height:40px; display:none; z-index:4; list-style:none;text-align:center; top:40px; left:-25px;}
.kfylearning-title ul li ul li{ width:100px; line-height:40px; border:1px solid #e6e6e6; padding:0 5px;background:#fff;}
.kfylearning-title ul li ul li a{ color:#333;}
.kfylearning-title ul li ul li a:hover{color:#237ae4;}
.kfylearning-title ul li:hover ul{display:block;}*/
/*--康复学习-听觉康复结束*/

/*搜索条开始*/
.search{float:right;text-align:right;position:relative;vertical-align:middle;}
.search input{outline:none;line-height:48px;vertical-align:middle;}
.reasch{width:180px;margin-left:-140px;padding:0 30px 0 10px;height:30px;border-radius:18px;border:1px solid #cecece;}
.reasch:focus{border:1px solid #6caaf5;}
/*搜索条结束*/
/*分割线*/
.line{width:100%;border-top:1px solid #e6e6e6;margin:0 auto;}

/*修改*/
/*bannar开始*/
.classify{
	width:1100px;
	margin-top:-12px;
	}
.allclassify{
	width:1078px;
	}	
.common{
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:0px 10px 0px 10px;
	line-height:50px;
	float:left;
	}
.common div{
	float:left;
	}
.common .name{
	width:80px;
	font-size:16px;
	color:#4d4d4d;
	}
.common .name img{
	vertical-align: middle;
    width: 25px;
	}
.common div a.checked{
    color: #FFF;
    background: #F61067;
    border-radius: 10px;
	}
.common div a{
	font-size:15px;
	color:#4d4d4d;
	padding:6px 8px 6px 9px;
    margin-left:5px;
	}
.common div a:hover{
	  background: #F61067;
            border-radius: 10px;
            color:#fff;
	}
.connect{
	width:895px;
	}
	
/*bannar结束*/
/*修改*/

/*课程列表开始*/
.course-list{ width:1100px; margin-top:20px;}
.arrowleft{background-color:#d2d2d2; margin-top:38px; margin-left:-12px; padding: 12px 10px;cursor: pointer;position:absolute;z-index:2;}
.arrowright{margin-left:1078px;background-color:#91bcf1; margin-top:38px;padding: 12px 10px;cursor: pointer;position:absolute;z-index:2;}
.arrowright:hover{background-color:#237ae4;}
.arrowleft:hover{background-color:#237ae4;}

.course{overflow:hidden; text-align:left}
.course ul li{float:left; position:relative;}
.course .b1{ margin-right:14px;}
.course #show .img
{  width:169px; height:115px;border-radius:15px;border:1px solid #ebebeb;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -o-transform: rotateY(0);
}
.img1{padding:2px 5px;text-align:center;}
.text{text-align:center;line-height:20px;color:#333;font-size:15px;width:100px;margin:0 auto;}
.img2{border:1px solid #cecece; border-radius:15px; width:169px; height:115px; background-color:#fff; position:absolute;color:#333; margin-top:-110px; top:110px;     -webkit-transition: -webkit-transform .1s ease-in;
    -moz-transition: -moz-transform .1s ease-in;
    -o-transition: -o-transform .1s ease-in;
    transition: transform .1s ease-in;
    -ms-transition: transform .1s ease-in;
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    display: none\9;}
.img2 .title{font-size:16px; line-height:18px; padding:10px 23px;}
.img2 p{font-size:14px; line-height:22px; text-align:left; padding:2px 5px 5px 22px;}

.course #show:hover .img2
{
    border:1px solid #bbdaff;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -o-transform: rotateY(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    transition: transform .3s ease-out;
    display: block\9;
}
.course #show:hover .img
{
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform .1s ease-in;
    -moz-transition: -moz-transform .1s ease-in;
    -o-transition: -o-transform .1s ease-in;
    -ms-transition: -ms-transform .1s ease-in;
    transition: transform .1s ease-in;
}



/*搜索结果*/
.search-result{margin-top:20px;height:26px; line-height:26px; color:#333;}
.search-result .searchnum{ float:left;margin-left:15px;  }
.search-result ul{ margin-left:1030px; }
.search-result ul li{float:left; cursor:pointer;}
.list-icon1{background-color:#f38816; border-radius:5px 0px 0px 5px; border:1px solid #e6e6e6; border-right:none; width:32px; height:24px; text-align:center; display:inline;}
.list-icon2{border-radius:0px 5px 5px 0px; border:1px solid #e6e6e6; border-left:none; width:32px; height:24px;}
#list-form{background:url(../../Images/OnlineLearning/liebiao01.png) no-repeat center; display:block; padding:6px 10px; margin:6px auto;}
#grid-form{background:url(../../Images/OnlineLearning/wangge02.png) no-repeat center; display:block; padding:6px 10px; margin:6px auto;}
.list-icon1:hover #list-form{background:url(../../Images/OnlineLearning/lbfloat.png) no-repeat center !important;}
.list-icon2:hover #grid-form{background:url(../../Images/OnlineLearning/wgfloat.png) no-repeat center !important;}


/*maincontent-list  列表形式*/
.kfyp-list{ border-bottom:1px solid #e6e6e6; height:155px; margin-top:20px;}
.kfyp-list-pic{float:left;width:240px;margin-right:20px;}
.kfyp-list-mian{float:right; width:860px;}
.kfyp-list-name a{color:#363636; font-size:20px;}
.kfyp-list-content{ height:60px; margin-top:13px;}
.kfyp-list-content p{ font-size:16px; line-height:1.8em; }
.kfyp-list-content p a{color:#666;}
.kfyp-list-icon{margin-top:13px;}
.kfyp-list-icon span{color:#666;}
.kfyp-list-name a:hover{color:#237ae4;}
.kfyp-list-content a {color:#666;line-height:30px;}
.kfyp-list-content a:hover{color:#237ae4;}

/*maincontent-wg 网格形式*/
.maincontent-wg{width:1100px; margin:20px auto; overflow:hidden;}
.brand a{display:block; float:left; margin:0px 0px 20px 0px;  text-align:center; position:relative; width:248px;}
.brand .a1{margin:0px 15px;}
.brand .a2{margin-left:20px;}
.brand .Info{height:197px;}
.brand .Info
{ width:248px; height:197px;border:1px solid #ebebeb;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -o-transform: rotateY(0);
}
.brand .Info img{ padding:7px;}
.brand .Info p{ font-size:14px; color:#4c4c4c; line-height:14px; height:14px;}
.brand .info{border:1px solid #bbdaff; background:#fff; color:#505050; font-size:14px; line-height:24px; padding-top:10px; height:187px;width:254px; margin-top:-199px;
-webkit-transition: -webkit-transform .1s ease-in;
    -moz-transition: -moz-transform .1s ease-in;
    -o-transition: -o-transform .1s ease-in;
    transition: transform .1s ease-in;
    -ms-transition: transform .1s ease-in;
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    display: none\9; }
.info button{color:#fff; border:none; border-radius:13px; width:120px; line-height:25px; background-color:#f38816; cursor:pointer; margin-top:15px;outline:none;}
.info button:hover{background-color:#ff9b2f;}
.info p{ text-align:left;  padding:0px 10px;}

.brand a:hover .info
{
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -o-transform: rotateY(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    transition: transform .3s ease-out;
    display: block\9;
}
.brand a:hover .Info
{
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform .1s ease-in;
    -moz-transition: -moz-transform .1s ease-in;
    -o-transition: -o-transform .1s ease-in;
    -ms-transition: -ms-transform .1s ease-in;
    transition: transform .1s ease-in;
}
.search {
    text-align: right;
    position: absolute;
    top: 0px;

}
    .search input {
        outline: none;
        line-height: 30px;
        vertical-align: middle;
    }
    .bmit {
    width: 20px;
    background: url(../../Images/Baike/aa.png) no-repeat center;
    border: none;
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: pointer;
}