@charset "utf-8";
/* CSS Document */
body{width:100%; background:#ececec;}
body,html,ul,li,input{margin:0;padding:0; font-family:"microsoft yahei";}
ul,li{list-style:none;}
a{border:none; text-decoration:none;color:#FFF;}
a.xz{color:#48ab1f;}
img{border:none;}
.clear{ clear:both;}
*{margin:0;padding:0;}


.classrome,.youxue{width:100%;height:61px; background:#213f82;}
.classrome-top{width:1200px;height:61px;margin:0 auto;}
.classrome-logo{width:210px;height:42px;margin:0;margin-top:10px;float:left;}
.classrome-nav{width:780px;height:30px;margin:0;margin-top:20px;float:left;}
.classrome-nav img{width:26px;height:24px;margin-top:4px;float:right;}
.classrome-nav ul{width:750px;height:20px;margin:0;padding:0;margin-top:10px;float:left;}
.classrome-nav li{float:right;}
.classrome-nav li a{margin-left:56px;color:#FFF;}
.classrome-nav li a:hover{color:#b9f1ff;}

.menutitle a{
    color: #fff;
}


.classrome-banner{width:1200px;height:125px;background:url(../images/classrome-banner.jpg) no-repeat;margin:0 auto;}
.classrome-banner1{width:1200px;height:37px;background:url(../images/classrome-banner1.png) no-repeat; position:relative;top:88px; text-align:right;line-height:37px;}
.classrome-banner1 a{margin-right:20px;margin-left:20px;}

.classrome-con{width:1200px;height:auto;margin:0 auto;margin-bottom:25px;margin-top:30px;}
.classrome-left,.text-left{width:175px;height:auto; float:left; background:#f6f6f6;}
.classrome-left ul{width:172px;height:auto;margin:0 auto;margin-bottom:10px;margin-top:1px; }
.classrome-left li{widht:172px;height:50px;margin-top:1px;line-height:58px; text-align:center;font-size:18px;}
.classrome-left li img{margin-top:10px;}
.classrome-left li a{widht:172px;height:58px; display:block; background:#e8bc63 url(../images/classrome-bt.png) no-repeat;}
.classrome-left li .on{ height:50px;background:#fc88c9;}
.classrome-left li a:hover{background:#f6f6f6 url(../images/classrome-bt.png) no-repeat; font-weight:bold;}

.classrome-right,.text-right{width:800px;height:auto; float:left;margin-left:20px;}
.classrome-right-title{width:800px;height:40px;color:#000;line-height:40px; overflow:hidden;}
.classrome-right-title h2{margin:0; letter-spacing:1px; float:left;}
.classrome-right-title h4{margin:0; letter-spacing:1px;  float:left;line-height:50px;margin-left:15px;color:#333;}
.classrome-right-con{width:796px;height:430px; border:2px solid #000;}
.classrome-right-con img{margin:0;padding:0;}


.classrome-foot{width:100%;height:140px; margin-top:100px;background:#f6f6f6; text-align:center; border-top:1px solid #d4d4d4; line-height:200%}
.classrome-foot p{margin:0; padding:0;margin-top:15px;font-size:13px;color:#5d5d5d;}
.classrome-foot p a{color:#5d5d5d;}


.text-left{ background:none;}
.text-right{ background:#FFF;padding-bottom:15px;}

.text-right-title{width:800px;margin:0;height:80px;}
.text-right-title1{width:230px;height:58px; background:#fab220;color:#fff;font-size:30px;line-height:58px; text-indent:5px; letter-spacing:1px; float:left;}
.text-right-title2{width:158px;height:46px;color:#FFF; float:right; background:url(../images/con1.jpg) no-repeat; text-indent:25px;line-height:24px;}

.classes-title{width:254px;height:83px;margin:0;margin-top:10px; background:url(../images/con2.jpg) no-repeat;color:#FFF;font-size:33px;line-height:65px; text-align:center;}
.classes-con,.classes-con1{width:1200px;height:330px;margin:0; background:url(../images/classesbg.jpg) no-repeat;}
.classes-con-title{width:1200px;height:54px;color:#FFF;line-height:54px;font-size:24px; text-indent:30px;}
.classes-con-title span{margin-left:90px;font-size:20px;}

.classes-teacher{width:400px;height:175px; float:left;margin-left:24px;margin-top:50px;}
.classes-teacher-pic{width:400px;height:75px; border-bottom:1px dashed #ccc;}
.classes-teacher-pic img{width:77px;height:66px; display:block;float:left;}
.classes-teacher-pic h4{width:310px; float:right;margin:0;margin-top:5px;margin-left:10px;color:#ff6801; font-weight:bold;font-size:16px;}
.classes-teacher-pic p{width:310px;margin:0;margin-top:10px;margin-left:10px; float:right;}
.classes-teacher-pic p img{width:104px;height:19px;}
.classes-teacher p{color:#707070;margin:0;margin-top:10px;}


.classes-time,.classes-time1{width:257px;height:175px; float:left;margin-left:50px;margin-top:40px;background:url(../images/time.png) no-repeat top; text-indent:70px;}
.classes-time span{margin:0;font-size:18px;font-weight:bold;color:#000;}
.classes-time p{margin:0;font-size:14px;color:#333;}
.classes-time h1{width:235px; font-family:"宋体";margin:0;margin-top:24px; text-indent:0px;font-weight:bold;text-align:center;font-size:48px;color:#F00;}


.classes-sign{width:166px;height:100px; float:left;margin-left:75px;margin-top:80px;}
.classes-sign-pic{width:166px;height:52px; background:#ff6801;font-size:36px; text-align:center;line-height:52px;}
.classes-sign-pic a:hover{color:#88c3fd;}
.classes-sign P{margin:0;margin-top:10px; text-align:right;color:#3a3939}
.classes-sign P span{color:#ff6801;}

.classes-con1{background:url(../images/classesbg1.jpg) no-repeat;}
.classes-time1{width:287px;height:68px;background:url(../images/time1.png) no-repeat top;margin-top:100px;margin-left:20px;}


.myclass-left{width:200px;height:auto; float:left;}
.myclass-left ul{width:200px;height:auto;margin:0 auto;margin-bottom:10px;margin-top:1px;}
.myclass-left li{width:200px;height:51px;margin-top:1px;background:#fc88c9;}
.myclass-left li a{width:200px;height:51px;display:block;background:#e6bb61;coloir:#FFF;font-szie:18px;line-height:51px; text-align:center;}
.myclass-left li a:hover{background:#fc88c9;color:#FFF;}

.myclass-right{width:975px;height:auto; float:left;margin-left:25px; background:#FFF;}
.myclass-right-con{width:740px;height:auto;margin-left:14px;margin-top:19px; float:left;}
.myclass-right-title{width:602px;height:46px;color:#FFF;font-size:16px;line-height:46px; overflow:hidden; background:url(../images/con3.jpg) no-repeat;margin: 0 auto}
.myclass-right-title span{width:280px;height:46px; display:block; text-align:left; float:left; padding-left:20px}

.kong img{ float:left}
.kong a{color:#ff6801;}
.my-class-xx{width:603px;height:185px;margin:0 auto;margin-top:10px;}
.my-class-xx1{width:603px;height:56px; background:url(../images/my-class1.png) no-repeat;color:#FFF;font-size:18px;line-height:40px; text-indent:25px;}
.my-class-xx2{width:603px;height:129px; background:url(../images/my-class2.png) no-repeat;margin:0;}
.my-class-xx3{width:575px;height:115px;margin:0 auto;padding-top:10px;color:#818180;}
.my-class-xx4{width:575px;height:70px; overflow:hidden;}
.my-class-xx3 span{color:#F90;}
.my-class-xx5{width:88px;height:31px;margin-top:5px;margin-left:480px;}



.myclass-right-right{width:212px;height:auto;margin-left:5px;margin-top:19px; background:url(../images/line.jpg) no-repeat left top; float:left;}
.myclass-right-user{width:118px;height:118px;margin:0 auto;}
.myclass-right-right p{margin:0;line-height: 30px; text-align:center}
.myclass-right-teacher{width:204px;height:200px;margin:0;margin-left:3px;margin-top:10px; }
.myclass-teacher-title{width:204px;height:38px;background:url(../images/teacher.jpg) no-repeat left top;color:#FFF;line-height:36px;text-indent:20px;}
.myclass-teacher-con{width:190px;height:auto; margin:0 auto;margin-top:10px;}
.myclass-teacher-con img{ float:left;}
.myclass-teacher-con span{margin-left:5px;font-size:14px;color:#fe6700;}




.kc-top{width:840px;height:104px;margin:0 auto;}

.kc-top1{width:140px;height:60px; float:left;margin-top:20px;}
.kc-search{width:670px;height:74px; float:left;margin-top:20px;margin-left:25px;}
.kc-ser{width:624px;height:34px;border: 3px solid #2e6708;overflow:hidden;}   
.kc-search1 input{width:518px;height:34px;margin:0;padding:0; float:left; border:none;color:#999; text-indent:5px;}
.kc-search2 input{width:106px;height:34px; float:left;color:#FFF;font-size:18px;background:#2e6708; border:none;}
.kc-search3{width:1020px;height:24px;margin-top:10px;font-size:14px;color:#999;}
.kc-search3 a{color:#666;margin-left:7px;font-size:14px;}

.kc-nav{width:1200px;height:34px; background:#88c3fd;margin:0 auto;} 
.kc-nav ul{width:1200px;height:34px;margin:0;padding:0;line-height:34px;}
.kc-nav ul li{width:120px; text-align:center;float:left;}

.kc-con{width:1198px;height:auto; border:1px solid #ccc;margin:0 auto;margin-top:10px;padding-bottom:10px;}

.kc-con-left{width:955px;height:auto; float:left;}
.kc-con-left a{color:#808080;}

.kc-con-right{width:230px;height:auto; float:left;margin-left:10px;}

.titless{height:50px; text-align:center;background:#fc88c9;border-bottom:1px solid #FFF; }
.titless img{margin-top:10px;}
#Main {  
    width: 175px;  
    margin: 0 auto;
	margin-top:-10px;  
}  
.item {  
    width: 175px;  
    text-align: center;  
    cursor:pointer;  
}  
.item>div {  
    height: 0px;  
    overflow: hidden;  
}  
.itemTitle {  
    width: 175px;  
    line-height:58px;  
	color:#FFF;
	background:#e8bc63 url(../images/classrome-bt.png) no-repeat;
	font-size:18px;
}  
.item .on{background: #fc88c9 url(../images/classrome-bt2.png) no-repeat;color: #FFF;}
.itemTitle:hover{  
    width: 175px;  
    line-height:58px;  
	color:#FFF;
	background:#fc88c9 url(../images/classrome-bt.png) no-repeat;
	font-size:18px;
} 
.item li {  
    list-style: none;  
    line-height: 40px;  
	font-size:14px;
	border-bottom:1px solid #FFF;
}  
.currentItem>div{  
    height: auto;  
}  
.currentItem .itemTitle{background: #fc88c9 url(../images/classrome-bt2.png) no-repeat;color: #FFF;}




#Mains {  
    width: 160px;  
    margin: 0 auto;
	margin-top:-10px;  
}  
.items {  
    width: 160px;  
    text-align: center;  
    cursor:pointer;  
}  
.items>div {  
    height: 0px;  
    overflow: hidden;  
}  
.itemsTitle1 {  
    width: 160px;  
    line-height:50px;  
	color:#FFF;
	background:#e8bc63;
	font-size:18px;
}  
.items .on{background: #fc88c9;color: #FFF;}
.itemsTitle1:hover{  
    width: 160px;  
    line-height:50px;  
	color:#FFF;
	background:#fc88c9;
	font-size:18px;
} 
.items li {  
    list-style: none;  
    line-height: 40px;  
	font-size:14px;
	color:#FFF;
}  
.currentitems>div{  
    height: auto;  
} 
.currentItem1 .itemTitle1{background: #fc88c9 url(../images/classrome-bt2.png) no-repeat;color: #FFF;}
.items li a{color:#666; background:#f6f6f6;}
.items li a.low{height:50px;color:#213f82; background:#f6f6f6; font-weight:bold}

.item li a{color:#666; background:#f6f6f6;}
.item li a.low{height:50px;color:#213f82; background:#f6f6f6; font-weight:bold}


.bor{ border:1px solid #CCC;}
.bor-r{ border-right:1px solid #CCC;}
.mar-t30{ margin-top:20px;}
.bor-b{ border-bottom:1px solid #CCC;}


/*翻页*/
.fy{width:735px; height:60px; line-height:60px; text-align:center;}
.fy a{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#b6b6b6; margin-right:10px; border-radius:3px;}
.fy a.home_xz{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#fab220; margin-right:10px;}
.fy a:hover{ color:#fff;font-size:14px;font-family:"Microsoft YaHei";padding:5px 10px; background:#fab220; margin-right:10px;}


/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
margin-top:20px;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey input[type="phone"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}


/*在线测试*/
.cons{/*width:690px;*/margin:0 auto;border:1px solid #ccb38b; border-top:none; background:#FFF;padding-left:20px;padding-right:20px;position:relative;line-height:35px;font-size:15px;font-family:"microsoft yahei";}
#test_question{font-size:15px;color:#666;}




.kong{padding:20px;color:#666;    min-height: 300px;}
.kuan input{ width:114px;height:34px; border-radius:4px; float:left;margin-right:15px;border:none;background:#88c3fd;color:#FFF; cursor:pointer;margin-top:10px; font-size:20px;outline:medium;margin-top:10px; }
.kuan1 input{ width:114px;height:34px; border-radius:4px; float:left;margin-right:15px;border:none;background:#88c3fd;color:#FFF; cursor:pointer;margin-top:10px; font-size:20px;text-align:center; outline:medium;margin-top:10px;}
.an input{ width:114px;height:34px; border-radius:4px; float:right;border:none;background:url(../images/an.jpg) no-repeat;color:#FFF; cursor:pointer;margin-top:10px; font-size:20px}
.kong .title1{font-size:16px;color:#666; font-weight:bold;padding-bottom:10px;}
.kong p{margin-top:8px;}



.kong .tm{width:100%;color:#666;;}
.kong .jg{width:100%;height:50px;line-height:50px;color:#666;font-size:25px;}
.kong .ans{width:100%;height:50px;}
.kong .ans a{width: 114px;height: 34px;line-height:34px; text-align:center;border-radius: 4px;float: left;margin-right: 15px;border: none;background: #88c3fd;color: #FFF;cursor: pointer;font-size: 20px;outline: medium;margin-top: 10px;}


.menutitle{cursor:pointer;width:200px;height:60px;line-height:60px;text-align:center;color:#FFF;background:#e8bc63;font-size:18px;}
.menutitle:hover{color:#FFF;background:#fc88c9;}
.submenu{width: 200px;margin-top: 1px;background: #FFF;}
.submenu a{width: 200px;height: 50px;line-height:50px; display:block;color:#666; text-align:center;font-size:14px;}
.submenu a:hover{background: #fc88c9;color:#FFF;}


#infoTb{padding:20px 0;color:#444;font-size:14px;}
#infoTb input{color:#999;padding:2px 5px;font-size:12px;}
#infoTb input.submit{width:120px;height:30px;background:#5fa6ec;color:#FFF; border:1px solid #5fa6ec; cursor:pointer; outline:medium;}

div#chizu {margin-left:0px; margin-right:auto;margin-bottom:0}
table#tablechizu {border:none; border-collapse:collapse}
td.tableleft {vertical-align:top; padding-right:10px}
td.tableright {vertical-align:top}
td.tablespeaker {vertical-align:top; padding-right:10px}
p.speaker {margin-left:0px; margin-right:auto; margin-top:0px; margin-bottom:0px; font-size:13px; line-height:28px; height:28px}

div#kenlist {height:313px; width:260px; background-color:rgb(250,250,250); overflow:auto; border-style:solid; border-width:1px}
div#kenlistjpk {height:313px; width:562px; background-color:rgb(250,250,250); overflow:auto; border-style:solid; border-width:1px}

p.kenjpr {margin-left:3px; margin-right:auto; margin-top:5px; margin-bottom:0; font-size:16px; font-weight:normal; color:rgb(46,46,152); line-height:20px}
p.kenjpk {margin-left:3px; margin-right:auto; width:245px; float:left; margin-top:5px; margin-bottom:0; font-size:16px; font-weight:normal; color:rgb(46,46,152); line-height:22px; font-family:'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'MS Gothic', sans-serif}
span.kennumber {font-size:15px; color:rgb(46,46,152); padding-right:7px}



p.kenjpk a{font-size:12px;}