.left{ float:left; overflow:hidden;}
.center{ float:left; overflow:hidden;}
.right{ float:right;}
.w1200{ width:1200px; margin:auto; clear:both;}

#top_header{ position:absolute; left:0px; top:0px; width:100%; height:180px; z-index:1000; background:#FFF; box-shadow: 1px 1px 10px rgba(0,0,0,.2); color:#666;}
#top_header .top{ width:100%; float:left; clear:both; height:38px; line-height:38px; background:#FBFBFB; border-bottom:solid 1px #F0F0F0;}
#top_header .top .right a b{ font-weight:normal; font-size:24px; letter-spacing:2px;}
#top_header .top .right li{float:left; padding:0 8px;}
#top_header .top .right li.drop{padding-right:16px; position:relative;z-index:300;}
#top_header .top .right li.drop i{position:absolute;top:15px;right:6px;width:8px;height:8px;background:url(../images/iconlist.png) no-repeat 0 -191px ;}
#top_header .top .right li.drop .dropDown{top:38px;position:absolute;background:#FF668A;padding:2px; z-index:66; display:none;box-shadow:2px 5px 6px #888;}
#top_header .top .right li.weixin .dropDown{left:-50px; top:36px;}
#top_header .top .right li.drop .content{background:#FFF;padding:5px;z-index:77; color:#333;}
#top_header .top .right li.weixin .content p{ line-height:24px;font-size:15px; text-align:center;}
#top_header .top .right li.weixin .content p em{color:#F60;}
#top_header .top .right li.weixin .content img{width:160px;}
#top_header .top .right li.wap .dropDown{left:-55px; top:36px;}
#top_header .top .right li.wap .content p{line-height:24px;font-size:15px; text-align:center;}
#top_header .top .right li.wap .content img{width:160px;}
#top_header .top .right li.hover i{background-position:0 -238px;}
#top_header .top .right li a{ display:inline-block;}
#top_header .top .right li.wap a{padding-left:18px; background:url(../images/iconlist.png) no-repeat 2px 10px;}
#top_header .top .right li.webNav a{padding-left:18px; background:url(../images/iconlist.png) no-repeat 0 -87px;}
#top_header .top .right li.webNav .content {width:120px;padding:10px;line-height:30px; overflow:hidden;}
#top_header .top .right li.webNav dl{ width:100%; background:#FFF; float:left; clear:both; overflow:hidden;}
#top_header .top .right li.webNav dt{ width:100%; text-align:center; font-weight:bold;}
#top_header .top .right li.webNav dd{float:left; width:120px; border-top:1px solid #F0F0F0; padding:2px 0px; text-align:center;}
#top_header .top .right li.webNav .no{ border:none;}
#top_header .top .right li.webNav.hover a{background-position:0 -124px;}
#top_header .top .right li.webNav dd a{padding:0; background:none; color:#888;}
#top_header .top .right li.webNav dd a:hover{color:#FF668A;}
#top_header .top .right li.webNav .dropDown{left:-50px; top:36px;}

.header{ float:left; clear:both; width:100%; height:100px; overflow:hidden; background:#FFF; z-index:1000;}
.header .logo{ float:left; width:300px;}
.header .logo img{ height:100px;}
.header .left{ width:300px; padding:20px 0px 14px 200px; text-align:center;}
.header .left b{ display:block; width:100%; line-height:36px; font-weight:normal; font-size:24px; color:#FF668A;font-family:'宋体';}
.header .left i{ display:block; width:100%; line-height:30px; font-size:14px; color:#999;}
.header .right{ padding:10px 0px;}
.header .telephone{ float:right; clear:both; height:36px; line-height:36px; background:url(../images/tel2.png) 0px 3px no-repeat; background-size:30px 30px; padding:0px 0px 0px 30px; font-size:14px;}
.header .telephone b{ color:#FF668A; font-size:30px;}
.header .login{ float:right; clear:both; padding:5px 5px 5px 5px; overflow:hidden;}
.header .login a{ color:#FFF;}
.header .login i{ display:inline-block; height:30px; line-height:30px; margin:0px 5px 0px 0px; background:#95e1d3; padding:0px 20px; border-radius:15px 0px 0px 15px; box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.header .login .i{ background:#FF668A; border-radius:0px 15px 15px 0px;}

#menu{ width:100%; float:left; clear:both; background:#FF668A;}
#menu i{ position: absolute; width:22px; height:20px; top:-10px; right:0px; background-attachment:scroll; background-image:url(../images/newmain.png); background-repeat: no-repeat;}
#menu .hot { background-position: 0px 0px;}
#menu .new{ background-position: -31px 0px;}
#menu ul{ width:1200px; height:40px; line-height:40px; clear:both; margin:auto;}
#menu ul li{ float:left; position:relative; width:120px; text-align:center;}
#menu ul .curr{ background:#ec3460;}
#menu ul li a{ font-size:16px; color:#FFF;}

#flash{ width:100%; height:450px; float:left; padding:178px 0px 0px 0px; margin:0px 0px 0px 0px; clear:both; overflow:hidden;}
#search{ float:left; clear:both; width:100%; padding:10px 0px; background:#FFF; overflow:hidden;}
#search select{ width:100px; height:30px; line-height:30px; border:solid 1px #CCC;}
#search .btnsubmit{ width:90px; height:32px; line-height:32px; text-align:center; background:#FF668A; border:none; color:#FFF; font-size:16px; border-radius:3px;}

.index_top{ float:left; clear:both; width:100%; height:120px; margin:40px 0px 20px 0px; background:url(../images/xinbj.png) center center no-repeat; overflow:hidden;}
.index_top b{ display:block; width:100%; padding:10px 0px 0px 0px; height:30px; line-height:30px; text-align:center; font-weight:normal; font-size:28px; color:#333;}
.index_top i{ display:block; width:100%; padding:30px 0px 0px 0px; height:30px; line-height:30px; 
    font-size: 16px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color:#cb7a16;
    opacity: .6;
    overflow:hidden;
    text-align:center;
    letter-spacing:1px;
}
#userlist{ width:1200px; padding:0px 10px 50px 10px; clear:both; margin:auto; overflow:hidden;}
#userlist ul{ width:1220px;}
#userlist li{ float:left; width:224px; background:#FFF; padding:0px 0px 15px 0px; border-radius:5px; margin:0px 20px 20px 0px; overflow:hidden; box-shadow:2px 2px 6px #EEE;}
#userlist li:hover{ box-shadow:2px 2px 6px #CCC;}
#userlist li span{ float:left; clear:both; display:block; width:100%; padding:0 0 100% 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#userlist li em{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:10px 15px 0px 15px; height:40px; line-height:30px; color:#333; font-size:16px; overflow:hidden;}
#userlist li p{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 15px; height:30px; line-height:30px; overflow:hidden;}
#userlist li p i{ color:#666; margin:0px 5px 0px 0px;}

.index_top2{ float:left; clear:both; width:100%; padding:20px 0px 30px 0px; height:42px; line-height:42px; overflow:hidden;}
.index_top2 b{ display:block; float:left; font-size:28px; font-weight:normal; color:#333; background:url(../images/jh.png) 0px center no-repeat; background-size:42px 42px; text-indent:48px;}
.index_top2 a{ display:block; float:right; width:50px; margin:13px 0px; height:24px; line-height:24px; text-align:center; border-radius:2px; background:#999; color:#FFF;}
#activelist{ float:left; clear:both; width:100%; background:#FFF; padding:30px 0px 50px 0px; overflow:hidden;}
#activelist ul{ width:1220px;}
#activelist li{ float:left; width:285px; background:#FFF; margin:0px 20px 20px 0px; padding:0px 0px 15px 0px; box-shadow:2px 2px 6px #EEE; overflow:hidden;}
#activelist li:hover{ box-shadow:2px 2px 6px #CCC;}
#activelist li span{ float:left; clear:both; display:block; width:100%; padding:0 0 65% 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#activelist li em{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:10px 15px 0px 15px; height:40px; line-height:30px; font-weight:normal; color:#333; font-size:16px; overflow:hidden;}
#activelist li p{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 15px; height:30px; line-height:30px; overflow:hidden; color:#666;}
#activelist li .p{ color:#58cfba;}

#teacherlist{ float:left; clear:both; width:100%; padding:0px 0px 60px 0px; background:#EEE; overflow:hidden;}
#teacherlist .list{ position:relative; width:1300px; padding:0px 0px 0px 0px; margin:auto; clear:both; overflow:hidden;}
#teacherlist .list>i{ position:absolute; width:60px; height:60px; top:70px; border-radius:5px; cursor:pointer;}
#teacherlist .list #f1{ left:0px; background:#FFF url(../images/index_592.png) center center no-repeat; background-size:40px 40px;}
#teacherlist .list #f2{ right:0px; background:#FFF url(../images/index_622.png) center center no-repeat; background-size:40px 40px;}
#teacherlist .gd{ width:1150px; padding:0px 10px;  margin:auto; clear:both; overflow:hidden;}
#teacherlist ul{ width:1170px; height:240px; overflow:hidden;}
#teacherlist li{ float:left; width:340px; height:180px; padding:15px; background:#FFF; margin:0px 20px 20px 0px; overflow:hidden;box-shadow: 0px 2px 7px #DDD;}
#teacherlist li span{ float:left; display:block; width:150px; padding:0 0 180px 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#teacherlist li em{ float:right; display:block; width:175px;}
#teacherlist li em h2{ width:100%; font-weight:normal; color:#333; font-size:18px; border-bottom:dashed 1px #eee; height:30px; line-height:30px; padding:0px 0px 5px 0px; overflow:hidden;}
#teacherlist li p{float:left; clear:both; display:block; width:100%; padding:5px 0px 0px 0px; height:30px; line-height:30px; overflow:hidden; color:#58cfba;}
#teacherlist li p i{ padding-right: 10px;}
#teacherlist li div{float:left; clear:both; display:block; width:100%; height:75px; line-height:25px; margin:0px 0px 5px 0px; overflow:hidden; color:#666;}
#teacherlist li em>i{ display:block; float:right; width:80px; height:24px; line-height:24px; text-align:center; border-radius:2px; background:#FF668A; color:#FFF;}

#indexnewslist{ float:left; clear:both; width:100%; background:#FFF; padding:30px 0px 50px 0px; overflow:hidden;}
#indexnewslist .left{ width:650px; overflow:visible;}
#indexnewslist .left .index_top2 b{ background:url(../images/xw.png) 0px center no-repeat; background-size:36px 36px; text-indent:48px;}
#indexnewslist .left li{ width:620px; padding:15px 15px;background:#FFF; border-bottom:solid 1px #EEE; overflow:hidden;}
#indexnewslist .left li:hover{ background:#FBFBFB;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);box-shadow:0 10px 10px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); transition: all 0.6s ease 0s;}
#indexnewslist .left li:hover a{ color:#FF668A;}
#indexnewslist .left li em{ display:block; float:left; width:135px; height:100px; overflow:hidden; box-shadow: 5px 5px 10px #CCC;}
#indexnewslist .left li em img{ width:135px; height:100px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#indexnewslist .left li>a>div{ display:block; float:right; width:465px;}
#indexnewslist .left li>a>div span{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden; font-size:18px; color:#333;}
#indexnewslist .left .nopic em{ display:none;}
#indexnewslist .left .nopic div{ width:100%;}
#indexnewslist .left li div p{ display:block; width:100%; height:50px; line-height:25px; overflow:hidden; color:#666; font-size:15px;}
#indexnewslist .left li div .more{ width:100%; height:20px; float:left; clear:both; margin:3px 0px 3px 0px; line-height:20px;}
#indexnewslist .left li div .more i{ color:#999;}
#indexnewslist .left li .icon-fav{ height: 20px; display: inline-block; cursor: pointer; background: url(../images/hot.png) no-repeat 0px center; background-size:20px 20px; text-indent:20px; margin: 0px 2px 0px 8px;}

#indexnewslist .right{ width:500px;}
#indexnewslist .right .index_top2 b{ background:url(../images/hd.png) 0px center no-repeat; background-size:36px 36px; text-indent:48px;}
#indexnewslist .right ul{ width:520px;}
#indexnewslist .right li{ float:left; width:240px; margin:0px 20px 20px 0px; position:relative;}
#indexnewslist .right li span{ display:block; width:100%; height:195px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#indexnewslist .right li em{ position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.5); display:block; width:100%; height:40px; line-height:40px; padding:0px 5px; box-sizing:border-box; text-align:center; color:#FFF;}

#indexabout{ float:left; clear:both; width:100%; height:400px; background:url(../images/zixun.jpg) center center no-repeat; background-size:cover; padding:50px 0px 50px 0px; overflow:hidden;}
#indexabout #map{ float:left; width:650px; height:400px; background:#FFF; overflow:hidden;box-shadow: 0px 2px 7px #DDD;}
#indexabout .about{ float:right; width:500px; overflow:hidden;}
#indexabout .about h1{ padding:20px 0px 30px 0px; background:url(../images/bg.png) center center no-repeat; background-size:80%; font-weight:normal; font-size:26px; color:#333;}
#indexabout .about p{ width:100%; max-height:210px; line-height:30px; overflow:hidden; color:#666; text-indent:2em;}
#indexabout .about a{ display:block; float:left; margin:30px 0px 0px 0px; width:100px; height:30px; line-height:30px; background:#FF668A; text-align:center; color:#FFF; border-radius:2px;}

#footer{ width:100%; padding:20px 0px 0px 0px; background:#484848; color:#FFF; float:left; clear:both; font-size:15px;}
#footer .w1200{ padding:0px 0px 30px 0px; position:relative; overflow:hidden;}
#footer a{ color:#CCC;}
#footer .logo{ margin:30px auto 10px auto; clear:both; width:450px; height:80px; font-size:32px; font-family:'黑体'; color:#017da1; background:url(../images/logo.png) 0px center no-repeat; background-size:71px 51px; text-indent:75px;}
#footer .logo b{ display:block; float:left; clear:both; width:100%; padding:8px 0px 0px 0px; height:40px; line-height:40px; font-weight:normal;}
#footer .logo i{ display:block; float:left; clear:both; width:100%; height:24px; line-height:24px; font-weight:normal; font-size:15px; letter-spacing:1.4px; text-transform:uppercase; font-family:Arial;}
#footer .left{ width:290px; padding:25px 0px 0px 0px; color:#FFF;}
#footer .left ._top{ width:100%; float:left; font-size:22px; padding:0px 0px 5px 0px; clear:both; line-height:40px;}
#footer .left ._top i{color:#CCC; font-size:12px; padding:0px 0px 0px 10px; letter-spacing:2px;font-family: 'Times New Roman'; font-style:italic;font-weight: bold;}
#footer .tel{ width:100%; float:left; clear:both; box-sizing:border-box; height:54px; background:url(../images/telephone.jpg) 0px center no-repeat; line-height:25px; padding:2px 0px 2px 75px; font-size:16px;}
#footer .tel b{ font-size:22px;}
#footer .add{ width:100%; padding:10px 0px 0px 0px; float:left; clear:both; line-height:25px; color:#999;}
#footer .right{ width:910px; height:160px; padding:10px 0px 0px 0px; position:relative; overflow:hidden;}
#footer .right .ewm{ position:absolute; right:0px; top:20px; width:126px; height:160px; overflow:hidden;}
#footer .right .ewm img{ width:126px; height:126px;}
#footer .right .ewm em{ display:block; width:100%; line-height:30px; text-align:center;}

#copy{ float:left; clear:both; width:100%; padding:25px 0px; line-height:30px; color:#FFF; overflow:hidden;font-size:15px;}
#copy p{ color:#CCC;}
#copy p a{ margin:0px 4px; color:#CCC;}
#copy a{ color:#CCC;}
#copy div{ padding:0px 0px 0px 8px;}
#footer .link{width:100%; float:left; clear:both; overflow:hidden; background:#36342e; line-height:30px; padding:20px 0px; text-align:center; color:#999;}
#footer .link a{ margin:0px 5px 0px 0px;}

#login_bg{ display:none; width:100%; height:70px; background:rgba(0,0,0,0.5); position:fixed; left:0px; bottom:0px; z-index:9999;}
#login_bg .w1200{ text-align:center;}
#login_bg .w1200 a{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; margin:15px 8px; color:#FFF; font-size:16px;}
#login_bg .login{ background:#f38181;}
#login_bg .reg{ background:#95e1d3;}
#login_bg .close{ display:block; position:absolute; width:40px; height:40px; top:15px; right:30px; background:url(../images/close2.png) 0px 0px no-repeat; background-size:100%;}

#banner{float:left; clear:both; width:100%; height:350px; overflow:hidden;}
#container{ width:1200px; padding:220px 10px 50px 10px; clear:both; margin:auto; overflow:hidden;}
.subject{ color:#383838; font-size:28px; font-weight:normal; line-height:36px; padding-top:10px; padding-bottom:20px; text-align:center;}
.subject:after{content: ''; display: block; width:50px; margin:0 auto; height: 4px; border-radius: 2px; margin-top: 12px; background:#FF668A;}
.subject2{ color:#FFF; font-size:28px; font-weight:normal; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
.subject2:after{content: ''; display: block; width:50px; margin:0 auto; height: 4px; border-radius: 2px; margin-top: 12px; background:#FFF;}
.min_subject{ float:left; width:100%; height:30px; line-height:30px; clear:both; overflow:hidden; text-align:center; color:#666; margin-top:-10px;}
#about_left{ float:left; width:210px; padding:50px 0px; background:#FFF; overflow:hidden; border-radius:8px; box-shadow: 0px 2px 7px #DDD;}
#about_left h2{ display:block; width:100%; text-align:center; font-size:22px; font-weight:normal; color:#9D9D9D; margin:0px 0px 10px 0px;}
#about_left i{ display:block; width:100%; padding:10px 0px 20px 0px; height:30px; line-height:30px; 
    background:url(../images/xinbj.png) center 0px no-repeat; background-size:90% auto;
    font-size: 16px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color:#CCC;
    opacity: .6;
    overflow:hidden;
    text-align:center;
    letter-spacing:1px;
}
#about_left em a{ display:block; float:left; clear:both; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px;}
#about_left em .curr{ background:#FF668A; color:#FFF;}
#about_right{ float:right; width:850px; padding:40px 50px 30px 50px; background:#FFF; overflow:hidden;border-radius:8px; box-shadow: 0px 2px 7px #DDD;}

#left{ float:left; width:780px; padding:40px 20px; background:#FFF; overflow:hidden;border-radius:8px; box-shadow: 0px 2px 7px #DDD;}
#right{ float:right; width:320px; padding:40px 20px; background:#FFF; overflow:hidden;border-radius:8px; box-shadow: 0px 2px 7px #DDD;}
#userlist_right{ width:340px; padding:20px 0px 0px 0px;}
#userlist_right li{ float:left; width:150px; margin:0px 20px 20px 0px; overflow:hidden;}
#userlist_right li span{ float:left; clear:both; display:block; width:100%; padding:0 0 100% 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#userlist_right li em{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 0px 0px 0px; height:30px; line-height:30px; color:#333; font-size:16px; overflow:hidden;}
#userlist_right li p{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 0px; height:30px; line-height:30px; overflow:hidden;}
#userlist_right li p i{ color:#666; margin:0px 5px 0px 0px;}


#newslist{ width:100%; padding:30px 0px; overflow:hidden;}
#newslist li{ width:720px; padding:30px 30px; background:#FFF; border-bottom:solid 1px #EEE; overflow:hidden;}
#newslist li:hover{ background:#FBFBFB;}
#newslist li:hover a{ color:#FF668A;}
#newslist li em{ display:block; float:left; width:150px; height:120px; overflow:hidden; box-shadow: 5px 5px 8px #EEE;}
#newslist li em img{ width:150px; height:120px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#newslist li>a>div{ display:block; float:right; width:540px;}
#newslist li>a>div span{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; color:#333;}
#newslist .nopic em{ display:none;}
#newslist .nopic div{ width:100%;}
#newslist li div p{ display:block; width:100%; max-height:50px; line-height:25px; overflow:hidden; color:#666; font-size:15px;}
#newslist li div .more{ width:100%; height:20px; float:left; clear:both; margin:8px 0px 8px 0px; line-height:20px;}
#newslist li div .more i{ color:#999;}
#newslist li .icon-fav{ height: 20px; display: inline-block; cursor: pointer; background: url(../images/hot.png) no-repeat 0px center; background-size:20px 20px; text-indent:20px; margin: 0px 2px 0px 8px;}
#details{width:100%; background:#FFF; box-sizing:border-box; padding:0px 15px; float:left; overflow:hidden;}
#details h1{ color:#383838; font-size:28px; font-weight:normal; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details h1:after{content: ''; display: block; width:50px; margin:0 auto; height: 4px; border-radius:2px; margin-top: 12px; background:#FF668A;}
#details .date{ width:100%; float:left; clear:both; margin:0px 0px 20px 0px; line-height:50px; overflow:hidden; text-align:center; color:#666; border-bottom:dotted 1px #EEE;}
#details .date i{ margin:0px 15px;}
#details .date b{ color:#333;}
#details .details{ width:100%; overflow:hidden; line-height:30px; padding:20px 0px 20px 0px; float:left;font-size:15px;}

#activelist2{ float:left; width:740px;}
#activelist2 li{ float:left; width:700px; position:relative; background:#FFF; margin:0px 0px 20px 0px; padding:20px; border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden;}
#activelist2 li:hover{ box-shadow:2px 2px 6px #CCC;}
#activelist2 li span{ position:relative; float:left; display:block; clear:both; width:100%; padding:0 0 45% 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#activelist2 li .time{ position:absolute; left:0px; bottom:0px; width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0px 15px; background:rgba(0,0,0,0.5); color:#FFF; z-index:1000;}
#activelist2 li .time b{ float:left; font-weight:normal;}
#activelist2 li .time strong{ float:right; font-weight:normal;}
#activelist2 li .time i{ margin:0px 5px; padding:2px 5px; border-radius:2px; background:#58cfba;}
#activelist2 li em{ float:left; display:block; clear:both; width:100%; box-sizing:border-box; padding:10px 0px 0px 0px; height:40px; line-height:30px; font-weight:normal; color:#333; font-size:18px; overflow:hidden;}
#activelist2 li p{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 100px 0px 0px; height:30px; line-height:30px; overflow:hidden; color:#666;}
#activelist2 li .p{ color:#58cfba;}
#activelist2 li .see{display:block; position:absolute; right:20px; bottom:30px; width:100px; height:30px; line-height:30px; text-align:center; border-radius:2px; background:#FF668A; color:#FFF;}

#right2{ float:right; width:440px; overflow:hidden;}
#active_right{float:left; clear:both; width:380px; padding:30px 30px; background:#FFF; margin:0px 0px 20px 0px;border-radius:8px; box-shadow: 0px 2px 7px #DDD; overflow:hidden;}
#active_right li{ width:100%; float:left; clear:both; padding:20px 0px; overflow:hidden; border-bottom:solid 1px #EEE;}
#active_right li b{ display:block; width:100%; float:left; clear:both; line-height:30px; font-weight:normal; font-size:20px;}
#active_right li strong{ display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; background:#FF668A; font-weight:normal; font-size:16px; color:#FFF; border-radius:12px; margin:0px 5px 0px 0px;}
#active_right li i{ display:block; width:100%; float:left; clear:both; line-height:30px; font-size:15px; color:#999;}

#userlist_right2{ float:left; clear:both; width:400px; padding:30px 20px; background:#FFF; margin:0px 0px 20px 0px;border-radius:8px; box-shadow: 0px 2px 7px #DDD; overflow:hidden;}
#userlist_right2 ul{ float:left; clear:both; width:420px; padding:20px 0px 0px 0px; overflow:hidden;}
#userlist_right2 li{ float:left; width:120px; margin:0px 20px 20px 0px; overflow:hidden;}
#userlist_right2 li span{ float:left; clear:both; display:block; width:100%; padding:0 0 100% 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#userlist_right2 li em{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 0px 0px 0px; height:30px; line-height:30px; color:#333; font-size:16px; overflow:hidden;}
#userlist_right2 li p{float:left; clear:both; display:block; width:100%; box-sizing:border-box; padding:0px 0px; height:30px; line-height:30px; overflow:hidden;}
#userlist_right2 li p i{ color:#666; margin:0px 5px 0px 0px;}

#activedetails{ float:left; position:relative; width:100%; padding:20px; background:#FFF; margin:0px 0px 20px 0px; box-sizing:border-box; border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden;}
#activedetails .pic{ position:relative; float:left; display:block; width:600px; padding:0 0 300px 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#activedetails .time{ position:absolute; left:0px; bottom:0px; width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0px 15px; background:rgba(0,0,0,0.5); color:#FFF; z-index:1000;}
#activedetails .time b{ float:left; font-weight:normal;}
#activedetails .time strong{ float:right; font-weight:normal;}
#activedetails .time i{ margin:0px 5px; padding:2px 5px; border-radius:2px; background:#58cfba;}
#activedetails .desc{ float:right; width:520px; overflow:hidden;} 
#activedetails h1{ float:left; display:block; clear:both; width:100%; line-height:36px; padding:0px 0px 10px 0px; font-weight:normal; color:#333; font-size:24px; overflow:hidden;}
#activedetails li{float:left; clear:both; display:block; width:100%; height:30px; line-height:30px; overflow:hidden; color:#666;}
#activedetails li span{ color:#666;}
#activedetails li b{ color:#FF668A; font-size:24px; padding:0px 2px;}
#activedetails li em{ color:#666;}
#activedetails .li em{ color:#58cfba;}
#activedetails .desc a{display:block; position:absolute; right:30px; bottom:30px; width:120px; height:36px; line-height:36px; text-align:center; border-radius:2px; background:#FF668A; color:#FFF;}
#activedetails_left{ float:left; width:780px; padding:30px 20px 20px 20px; background:#FFF; margin:0px 0px 20px 0px;  border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden;}
#activedetails_right{ float:right; width:320px; padding:20px; background:#FFF; margin:0px 0px 20px 0px;  border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden;}
#activedetails_right li{ width:100%; float:left; clear:both; padding:20px 0px; overflow:hidden; border-bottom:solid 1px #EEE;}
#activedetails_right li b{ display:block; width:100%; float:left; clear:both; line-height:30px; font-weight:normal; font-size:20px;}
#activedetails_right li strong{ display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; background:#FF668A; font-weight:normal; font-size:16px; color:#FFF; border-radius:12px; margin:0px 5px 0px 0px;}
#activedetails_right li i{ display:block; width:100%; float:left; clear:both; line-height:30px; font-size:15px; color:#999;}

#choose{ float:left; clear:both; width:100%; margin:30px 0px 30px 0px; border-radius:10px; padding:30px 0px 30px 0px; background:#FFF; overflow:hidden;}
#choose ul{ width:1200px; clear:both; margin:auto; overflow:hidden;}
#choose ul li{ float:left; position:relative; width:140px; padding:0px 0px 0px 100px; height:40px; line-height:40px; font-size:18px; color:#FF668A;}
#choose ul li i{ display:block; position:absolute; left:50px; top:0px; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; background:#FF668A; color:#FFF; font-size:22px; font-style:italic;}
#teacherlist2{ width:1200px;  clear:both; margin:auto; padding:0px 0px 60px 0px; overflow:hidden;}
#teacherlist2 ul{ width:1230px;}
#teacherlist2 li{ float:left; width:350px; height:180px; padding:15px; background:#FFF; margin:0px 30px 30px 0px; overflow:hidden;box-shadow: 0px 2px 7px #DDD;}
#teacherlist2 li span{ float:left; display:block; width:150px; padding:0 0 180px 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#teacherlist2 li em{ float:right; display:block; width:185px;}
#teacherlist2 li em h2{ width:100%; font-weight:normal; color:#333; font-size:18px; border-bottom:dashed 1px #eee; height:30px; line-height:30px; padding:0px 0px 5px 0px; overflow:hidden;}
#teacherlist2 li p{float:left; clear:both; display:block; width:100%; padding:5px 0px 0px 0px; height:30px; line-height:30px; overflow:hidden; color:#58cfba;}
#teacherlist2 li p i{ padding-right: 10px;}
#teacherlist2 li div{float:left; clear:both; display:block; width:100%; height:75px; line-height:25px; margin:0px 0px 5px 0px; overflow:hidden; color:#666;}
#teacherlist2 li em>i{ display:block; float:right; width:80px; height:24px; line-height:24px; text-align:center; border-radius:2px; background:#FF668A; color:#FFF;}

#teach_left{ float:left; width:820px; overflow:hidden;}
#teach_top{ position:relative; float:left; clear:both; width:780px; padding:20px 20px 20px 20px; background:#FFF; border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden; margin:0px 0px 20px 0px;}
#teach_top .pic{ position:relative; float:left; display:block; width:200px; padding:0 0 240px 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#teach_top .desc{ float:left; width:360px; padding:0px 0px 0px 30px; overflow:hidden;} 
#teach_top h1{ float:left; display:block; clear:both; width:100%; line-height:36px; padding:10px 0px 20px 0px; font-weight:normal; color:#333; font-size:24px; overflow:hidden;}
#teach_top ul{ float:left; clear:both; width:100%; overflow:hidden; border-top:solid 1px #EEE; padding:10px 0px 0px 0px;}
#teach_top li{float:left; clear:both; display:block; width:100%; height:30px; line-height:30px; overflow:hidden; color:#666;}
#teach_top .li{ height:48px; line-height:48px; background:url(../images/tel.png) 0px center no-repeat; padding:10px 0px 10px 50px;}
#teach_top li span{ color:#666;}
#teach_top li b{ color:#FF668A; font-size:36px; padding:0px 2px;}
#teach_top li em{ color:#666;}
#teach_top .li em{ color:#58cfba;}
#teach_top .sm{ position:absolute; right:20px; top:50px; width:160px; height:240px; overflow:hidden; text-align:center;}
#teach_top .sm img{ width:160px; height:160px;}
#teach_top .sm span{ display:block; width:100%; height:30px; line-height:30px; text-align:center;}

#user_left{ float:left; width:820px; overflow:hidden;}
#user_top{position:relative; float:left; clear:both; width:780px; padding:20px 20px 20px 20px; background:#FFF; border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden; margin:0px 0px 20px 0px;}
#user_top .pic{ position:relative; float:left; display:block; width:200px; padding:0 0 240px 0; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#user_top .desc{ float:left; width:540px; padding:0px 0px 0px 30px; overflow:hidden;} 
#user_top h1{ float:left; display:block; clear:both; width:100%; line-height:36px; padding:10px 0px 10px 0px; font-weight:normal; color:#333; font-size:24px; overflow:hidden; text-indent:20px;}
#user_top h1 i{ font-size:15px; color:#999;}
#user_top ul{ float:left; clear:both; width:100%; overflow:hidden; padding:10px 0px 0px 0px;}
#user_top li{float:left; display:block; width:45%; margin:0 5% 0 0; text-indent:20px; height:50px; line-height:50px; overflow:hidden; color:#999; border-bottom:solid 1px #EEE;}
#user_top li span{ color:#999;}
#user_top li em{ color:#666;}

.user_details{position:relative; float:left; clear:both; width:720px; padding:30px 50px 30px 50px; background:#FFF; border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden; margin:0px 0px 20px 0px;}
.user_details ul{ float:left; clear:both; width:100%; padding:0px 0px 30px 0px; overflow:hidden;}
.user_details li{float:left; display:block; width:45%; margin:0 5% 0 0; text-indent:20px; height:50px; line-height:50px; overflow:hidden; color:#999; border-bottom:solid 1px #EEE;}
.user_details li span{ color:#999;}
.user_details li em{ color:#666;}
.user_details .details{ float:left; clear:both; padding:0px 0px 50px 0px; width:100%; line-height:30px; overflow:hidden;}

#showlist{ width:100%; padding:30px 0px; overflow:hidden;}
#showlist li{ width:720px; padding:30px 30px; background:#FFF; border-bottom:solid 1px #EEE; overflow:hidden;}
#showlist li:hover{ background:#FBFBFB;}
#showlist li:hover a{ color:#FF668A;}
#showlist li em{ display:block; float:left; width:250px; height:200px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; box-shadow: 5px 5px 8px #EEE;}
#showlist li>a>div{ display:block; float:right; width:440px; height:200px; position:relative;}
#showlist li>a>div span{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; color:#333;}
#showlist li div p{ display:block; width:100%; height:90px; line-height:30px; overflow:hidden; color:#666; font-size:15px;}
#showlist li div .more{ width:100%; height:20px; float:left; clear:both; margin:12px 0px 12px 0px; line-height:20px;}
#showlist li div .more i{ color:#999;}
#showlist li .icon-fav{ height: 20px; display: inline-block; cursor: pointer; background: url(../images/hot.png) no-repeat 0px center; background-size:20px 20px; text-indent:20px; margin: 0px 2px 0px 8px;}
#showlist li .see{display:block; position:absolute; right:0px; bottom:0px; width:100px; height:30px; line-height:30px; text-align:center; border-radius:2px; background:#FF668A; color:#FFF;}

#loginkuang{ width:100%; float:left; overflow:hidden;}
#loginkuang .xieyi{width:100%; float:left; padding:0px 0px; line-height:30px; background:url(../images/check.png) 0px 5px no-repeat; background-size:20px 20px; text-indent:30px; color:#666; overflow:hidden; }
#loginkuang .curr{background:url(../images/checked.png) 0px 5px no-repeat; background-size:20px 20px;}
#loginkuang .xieyi a{ color:#09f; margin:0px 2px;}

#kuang{ position:relative; float:left; clear:both; width:1100px; padding:50px 50px 30px 50px; background:#FFF; border-radius:8px; box-shadow:2px 2px 6px #EEE; overflow:hidden; margin:0px 0px 20px 0px;}
#kuang .left{ width:600px;}
#kuang .right{ width:450px; text-align:center;}
#kuang .top{ position:relative; width:100%; height:80px; clear:both; margin:30px auto 0px auto; overflow:hidden;}
#kuang .top i{ display:block; float:left; clear:both; width:100%; height:1px; margin:40px 0px 0px 0px; background:#CCC; overflow:hidden;}
#kuang .top b{ position:absolute; display:block; width:150px; left:150px; top:20px; height:40px; line-height:40px; text-align:center; background:#FFF; font-weight:normal; font-size:16px; color:#333;}
#kuang .right ul{ width:420px; margin:auto; clear:both; overflow:hidden;}
#kuang .right ul li{ float:left; height:40px; padding:10px 10px; width:120px; overflow:hidden;}
#kuang .right ul li em{ display:block; float:left; width:40px; height:40px; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; border-radius:50%;}
#kuang .right ul li span{ display:block; float:left; width:75px; height:40px; line-height:40px; padding:0px 0px 0px 5px; overflow:hidden; text-align:left;}
#kuang .right ul li span i{ margin:0px 2px 0px 0px;}
#kuang .info{ float:left; clear:both; width:100%; box-sizing:border-box; padding:30px 30px 50px 50px; overflow:hidden;}

#center_left{ float:left; width:210px; padding:50px 0px; background:#FFF; overflow:hidden; border-radius:8px; box-shadow: 0px 2px 7px #DDD;}
#center_left h2{ display:block; width:100%; text-align:center; font-size:22px; font-weight:normal; color:#9D9D9D; margin:0px 0px 10px 0px;}
#center_left i{ display:block; width:100%; padding:10px 0px 20px 0px; height:30px; line-height:30px; 
    background:url(../images/xinbj.png) center 0px no-repeat; background-size:90% auto;
    font-size: 16px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color:#CCC;
    opacity: .6;
    overflow:hidden;
    text-align:center;
    letter-spacing:1px;
}
#center_left em a{ display:block; float:left; clear:both; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px;}
#center_left em .curr{ background:#FF668A; color:#FFF;}
#center_right{ float:right; width:780px; padding:60px 90px 80px 90px; background:#FFF; overflow:hidden;border-radius:8px; box-shadow: 0px 2px 7px #DDD;}