@charset "utf-8";
/* 全局样式 */
body { text-align: center; font-family:arial, "微软雅黑"; margin:0; padding:0; background:#fff; font-size:14px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4 {margin: 0; padding: 0; border: 0; }
ul,li{list-style-type:none;}
img{vertical-align:top;}
a{ cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active{ text-decoration:none; background:none;}
p{ text-indent:2em; text-align:left;}

.m_t{ margin-top:10px;}
.m_l{ margin-left:10px;}

/*top*/
.top{ height:90px; margin:0 auto; overflow:hidden;}
.top_border{border-bottom:1px solid #0093dd;}
.top .box{ width:1090px; height:90px; margin:0 auto;}
.top .box .logo{ width:185px; height:90px; float:left;}

.top .box .nav{ height:90px; float:right;}
.top .box .nav li{ width:100px; height:90px; font-size:18px; line-height:90px; float:left;}
.top .box .nav a{ width:100px; height:90px; color:#0093dd; display:block;}
.top .box .nav a:hover{ width:100px; height:90px; background:#0093dd; color:#fff;}
.top .box .home { background:#ccebff; }

.top .box .nav2{ width:400px; height:90px; float:left; margin-left:200px; display:inline;}
.top .box .nav2 li{ width:100px; height:90px; font-size:18px; line-height:90px; float:left;}
.top .box .nav2 a{ width:100px; height:90px; color:#0093dd; display:block;}
.top .box .nav2 a:hover{  width:100px; height:90px; background:#0093dd; color:#fff;}
.top .box .user{ width:180px; height:90px; float:right;}
.top .box .user li{ line-height:90px;}
.top .box .user a{ color:#666; display:block}
.top .box .user .switch{ width:150px; height:30px; float:left;}
.top .box .user .switch select{ width:100px; float:right}
.top .box .user .set{ width:120px; height:50px; float:left;}
.top .box .user .set .icon{ width:30px; height:30px; float:left; margin:10px 10px;}
.top .box .user .set .text{ color:#0093dd; line-height:50px; float:left; }
.top .box .user .set ul{ width:150px; background:#d4f1ff; border:1px solid #a6e1ff; position:absolute; z-index:999; top:90px;}
.top .box .user .set ul li{ width:150px; line-height:30px; border-bottom:1px solid #a6e1ff; text-align:center; float:left}
.top .box .user .set ul li a{ color:#333;}
.top .box .user .set ul li a:hover{ color:#35a3dd}

.top .box .user .set2{ width:100px; height:90px; float:left;}
.top .box .user .set2 .icon{ width:30px; height:30px; float:left; margin:30px 10px;}
.top .box .user .set2 .text{ color:#0093dd; line-height:90px; float:left;}
.top .box .user .set2 ul{ width:120px; background:#d4f1ff; border:1px solid #a6e1ff; position:absolute; z-index:999; top:90px;}
.top .box .user .set2 ul li{ width:120px; line-height:30px; border-bottom:1px solid #a6e1ff; text-align:center; float:left}
.top .box .user .set2 ul li a{ color:#333;}
.top .box .user .set2 ul li a:hover{ color:#35a3dd}

/*路径*/
.path{ width:1090px; height:40px; border-bottom:1px solid #ddd; line-height:40px; color:#666; text-align:left; margin:0 auto;}

/*主体*/
.main{ width:1090px; margin:10px auto 0; padding:1px}
.main_l{float:left;}
.main_r{float:right;}

/* 做题按钮 */
.exercises{ width:390px; height:50px; background:#0FC}
.exercises span{ float:left}

/* 资源专区 */
.data{ width:388px; border:1px solid #ddd; margin:10px auto 0;}
.data h2{ width:388px; height:40px; border-bottom:1px solid #ddd; font-size:14px; color:#0093dd; line-height:40px; text-align:left; margin:0 auto;}
.data .icon{ width:17px; height:16px; background:url(../images/icon.png) 0 -14px no-repeat; float:left; margin:12px 10px;}
.data li{ width:368px; height:40px; border-bottom:1px solid #ddd; color:#333; line-height:40px; text-align:left; margin:0 auto; padding:0 10px;}
.data a{ color:#333;}
.data .box{ width:348px; margin:10px auto;}
.data .box .box1{ width:160px; height:130px; float:left; margin:10px 0 0 10px;}
.data .box .box1 .pic{ width:158px; height:98px; border:1px solid #ddd; margin:0 auto;}
.data .box .box1 p{ width:160px; line-height:30px; color:#333; text-align:center; text-indent:0}

/* 题目详细 */
.title{ width:690px; height:40px; border-bottom:1px solid #cdcdcd; margin:0 auto;}
.title span{ color:#666; line-height:40px; float:left; margin-left:10px; display:inline;}
.information{ width:690px; height:40px; margin:0 auto;}
.information .text_l{ width:450px; color:#333; line-height:40px; font-size:12px; text-align:left; float:left; margin-left:10px; display:inline;}
.information .text_r{ width:220px; color:#333; line-height:40px; font-size:12px; text-align:right; float:left;} 
.title2{ width:690px; height:40px; background:#d4f1ff; border-bottom:1px solid #a8c8d8; margin:0 auto;}
.title2 p{ color:#666; line-height:40px; text-align:left; text-indent:10px; float:left;}
.title2 .open{ width:9px; height:6px; background:url(../images/icon.png) -27px 0 no-repeat; float:right; margin:17px 10px 0 0;}
.title2 .close{ width:9px; height:6px; background:url(../images/icon.png) -27px -7px no-repeat; float:right; margin:17px 10px 0 0;}
.content { width:690px; background:#f0f0f0; margin:0 auto; padding:1px;}
.content p{ line-height:40px; color:#333; padding:0 10px;}
.content .pic{ width:520px; height:400px; border:2px solid #ddd; margin:10px auto;}
.button{ width:690px; height:40px; margin:10px auto;}
.button .left { float:left;}
.button .right { float:right;}
.button li{ width:100px; height:38px; color:#bbb; line-height:38px; border:1px solid #ddd; float:left;}
.button a{ line-height:38px; color:#666;}

/*底部*/
.footer{ width:100%; height:120px; background:#eee; overflow:hidden; margin:30px auto 0;}
.footer .box{ width:1090px; height:70px; margin:30px auto 0;}
.footer .box p{ text-indent:0; line-height:40px; text-align:center; font-size:12px; color:#666;}
.footer .box a{ color:#666;}