diff --git a/.idea/.gitignore b/.idea/.gitignore
deleted file mode 100644
index 7bd66fe..0000000
--- a/.idea/.gitignore
+++ /dev/null
@@ -1,3 +0,0 @@
-# ĬϺԵļ
-/shelf/
-/workspace.xml
diff --git a/.idea/OJ.iml b/.idea/OJ.iml
deleted file mode 100644
index d6ebd48..0000000
--- a/.idea/OJ.iml
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/.idea/dbnavigator.xml b/.idea/dbnavigator.xml
deleted file mode 100644
index 8ffd9d4..0000000
--- a/.idea/dbnavigator.xml
+++ /dev/null
@@ -1,461 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
deleted file mode 100644
index 1763e15..0000000
--- a/.idea/misc.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
-
-
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
deleted file mode 100644
index f1e3cb6..0000000
--- a/.idea/modules.xml
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
deleted file mode 100644
index 8306744..0000000
--- a/.idea/vcs.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/code/css/jquery-webox.css b/code/css/jquery-webox.css
new file mode 100644
index 0000000..1d0761a
--- /dev/null
+++ b/code/css/jquery-webox.css
@@ -0,0 +1,118 @@
+@charset "utf-8";
+
+.mainlist{padding:10px;}
+.mainl{ width:61px; float:left; margin-left:20px; margin-top:10px;}
+.mainr{ width:300px; height:240px; float:left; margin-left:20px;}
+.mainr h2{ font-family:"微软雅黑"; font-size:18px; color:#000000; line-height:35px; margin-top:10px;}
+.mainr h3{ font-size:14px; color:#000; line-height:25px; margin-top:10px;}
+.paybtn a{ display:block; width:105px; height:30px; background:#ffa100; border:1px solid #dc8c03; font-size:13px; text-align:center; color:#ffffff; float:left; margin-left:15px; line-height:30px; margin-top:10px;}
+/* Button base */
+.Button{
+ position:relative;
+ display:inline-block;
+ padding:.45em .825em .45em;
+ text-align:center;
+ line-height:1em;
+ border:1px solid transparent;
+ cursor:pointer;
+
+ border-radius:.3em;
+ -moz-border-radius:.3em;
+ -webkit-border-radius:.3em;
+
+ -moz-transition-property:color, -moz-box-shadow, text-shadow;
+ -moz-transition-duration:.05s;
+ -moz-transition-timing-function:ease-in-out;
+ -webkit-transition-property:color, -webkit-box-shadow, text-shadow;
+ -webkit-transition-duration:.05s;
+ -webkit-transition-timing-function:ease-in-out;
+
+ box-shadow:0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
+ -moz-box-shadow:0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
+ -webkit-box-shadow:0 1px rgba(255,255,255,0.8), inset 0 1px rgba(255,255,255,0.35);
+}
+
+.Button:hover {text-decoration:none;}
+.Button strong {position:relative; z-index:2;}
+
+.Button{
+ display:block;border:1px solid;opacity:1;color:#fff;font-size:22px;width:240px;text-decoration:none;margin:20px auto;
+
+ border-radius:.3em;
+ -moz-border-radius:.3em;
+ -webkit-border-radius:.3em;
+
+ box-shadow:inset 0 1px rgba(255,255,255,0.35);
+ -moz-box-shadow:inset 0 1px rgba(255,255,255,0.35);
+ -webkit-box-shadow:inset 0 1px rgba(255,255,255,0.35);
+
+ -moz-transition-property:opacity;
+ -moz-transition-duration:0.5s;
+ -moz-transition-timing-function:ease-in-out;
+ -webkit-transition-property:opacity;
+ -webkit-transition-duration:0.5s;
+ -webkit-transition-timing-function:ease-in-out;
+}
+
+.Button:hover span{
+ -moz-transition-property:opacity;
+ -moz-transition-duration:0.05s;
+ -moz-transition-timing-function:linear;
+ -webkit-transition-property:opacity;
+ -webkit-transition-duration:0.05s;
+ -webkit-transition-timing-function:linear;
+}
+.Button:active span{
+ -moz-transition:none;
+ -webkit-transition:none;
+}
+
+/* blue Button */
+.blueButton{color:#fcf9f9; text-shadow:0 -1px rgba(34,25,25,0.5);}
+.blueButton:hover {color:#fff; text-shadow:0 -1px rgba(34,25,25,0.3);}
+.blueButton:active {color:#f2f0f0; text-shadow:0 -1px rgba(34,25,25,0.6);}
+
+.blueButton{
+ border-color:#015E91;
+ background-color:#3693D5;
+ background:-moz-linear-gradient(center top , #54B1EB, #47A0E0 50%, #419FE1 50%, #3683D5);
+ background:-o-linear-gradient(top left, #54B1EB, #47A0E0 50%, #419FE1 50%, #3683D5);
+ background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#54B1EB), to(#47A0E0), color-stop(.5,#419FE1),color-stop(.5,#3683D5));
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54B1EB', endColorstr='#3683D5');
+}
+
+.blueButton:hover{
+ border-color:#0366AD;
+ background-color:#3EA1D6;
+ background:-moz-linear-gradient(center top, #5EB4EA, #61A1EE 50%, #59A5EB 50%, #3691E6);
+ background:-o-linear-gradient(top left, #5EB4EA, #61A1EE 50%, #59A5EB 50%, #3691E6);
+ background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5EB4EA), to(#61A1EE), color-stop(.5,#59A5EB),color-stop(.5,#3691E6));
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB4EA', endColorstr='#3691E6');
+}
+
+.blueButton:active{
+ border-color:#013B6A;
+ background-color:#3089C8;
+ background:-moz-linear-gradient(center top, #4B9CDD, #4189D5 50%, #3D8BD3 50%, #3093C8);
+ background:-o-linear-gradient(top left, #4B9CDD, #4189D5 50%, #3D8BD3 50%, #3093C8);
+ background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4B9CDD), to(#4189D5), color-stop(.5,#3D8BD3),color-stop(.5,#3093C8));
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B9CDD', endColorstr='#3093C8');
+}
+
+.blueButton.Button18:hover{
+ box-shadow:0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset, 0 0 10px rgba(82, 162, 235, 0.25);
+ -moz-box-shadow:0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset, 0 0 10px rgba(82, 162, 235, 0.25);
+ -webkit-box-shadow:0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset, 0 0 10px rgba(82, 162, 235, 0.25);
+}
+.blueButton.Button18:active{
+ box-shadow:0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 3px rgba(82, 202, 235, 0.35);
+ -moz-box-shadow:0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 3px rgba(82, 202, 235, 0.35);
+ -webkit-box-shadow:0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 3px rgba(82, 202, 235, 0.35);
+}
+
+.background{position:fixed;_position:absolute;z-index:998;top:0px;left:0px;width:100%;_width:expression(document.documentElement.clientWidth);height:100%;_height:expression(document.documentElement.clientHeight);background:rgb(50,50,50);background:rgba(0,0,0,0.5);}
+.webox{position:fixed;_position:absolute;z-index:999;padding:8px;border:solid 1px #000;_background:#777;background:rgba(10,10,10,0.5);}
+.webox #inside{background-color:#FFFFFF;height:240px;}
+.webox #inside h1{-moz-user-select:none;-webkit-user-select:none;position:relative;display:block;margin:0;padding:0;font-size:13px;line-height:30px;height:30px;padding-left:5px;font-family:Arial;background:#F1F7FC;font-weight:normal;cursor:move;font-weight:800;color:#F1F7FC;}
+.webox #inside h1 a{position:absolute;display:block;right:6px;margin-top:6px;top:0px;font-size:14px;background-image:url(../images/close.fw.png);background-repeat:no-repeat;background-position:center top;width:17px;height:17px;cursor:pointer;display:inline-block;}
+.webox #inside h1 a:hover{background-position:center bottom;}
\ No newline at end of file
diff --git a/code/css/whir_class.css b/code/css/whir_class.css
new file mode 100644
index 0000000..52de112
--- /dev/null
+++ b/code/css/whir_class.css
@@ -0,0 +1,537 @@
+@charset "utf-8";
+.body1{background:#efefef;}
+#container{ width:100%; display:block; overflow:hidden;}
+.banner{ width:1200px; height:260px; margin:15px auto 0px;}
+.grinfo{ width:1200px; height:130px; margin:0 auto; background:#fff; position:relative;}
+.grphoto{ width:172px; height:171px; background:#fff; position:absolute; top:-45px; left:40px;}
+.grphoto img{ width:162px; height:161px; padding:5px;}
+.grxx{ width:390px; height:130px; margin-left:225px;}
+.name{ width:390px; height:25px; padding-top:30px;}
+.name span{ float:left;}
+.grname{ font-family:"微软雅黑"; font-size:24px; color:#3c3c3c; line-height:25px;}
+.dengji{ display:block; font-size:12px; color:#e10083; margin-left:10px; padding-top:10px;}
+.paiming{ display:block; font-size:12px; color:#000; margin-left:10px; padding-top:12px;}
+.grjj{ width:390px; height:35px; padding-top:10px; font-size:12px; line-height:20px; color:#929192; clear:both;}
+.visit{ width:390px; height:25px; line-height:25px;}
+.visit span{ float:left;}
+.jifen{ padding-left:10px; color:#686868;}
+.jrbj{ width:65px; height:23px; background:#3cace4; border:1px solid #39a3d8; text-align:center;}
+.jrbj a{ color:#fff;}
+.jrbj a:hover{ text-decoration:underline;}
+.guanzhu{ width:57px; height:23px; background:#3cace4; border:1px solid #39a3d8; text-align:center; margin-left:10px;}
+.guanzhu a{ color:#fff;}
+.guanzhu a:hover{ text-decoration:underline;}
+.glpt{ width:65px; height:23px; background:#ffa100; border:1px solid #ed9600; text-align:center; margin-left:10px;}
+.glpt a{ color:#fff;}
+.glpt a:hover{ text-decoration:underline;}
+.tuijian{ display:block; color:#929192; margin-left:10px; padding-top:10px;}
+.tuijian a{ color:#929192;}
+.tuijian a:hover{ color:#000;}
+
+/***个人***/
+.mainbox{ width:1160px; display:block; margin:0 auto; background:#fff; padding: 60px 20px 20px; overflow:hidden;}
+.nysearch{ width:295px; height:35px; float:right; margin:0px; padding:0px;}
+.wenti{ position:absolute; left:670px; bottom:0px;}
+.left840{ width:840px; display:block; overflow:hidden; float:left;}
+.kssearch{ width:840px; overflow:hidden;}
+.ksfl{ width:840px; line-height:25px; color:#929192; margin-top:10px;}
+.ksfl a{ color:#686868; padding-left:5px;}
+.ksfl a:hover{color:#ffa100;}
+.ksph{ width:840px; line-height:25px; color:#929192;}
+.ksph a{ color:#686868; padding-left:5px;}
+.ksph a:hover{color:#ffa100;}
+a.ksqb{ font-weight:bold; color:#ffa100;}
+.zxsc{ width:840px; height:330px; overflow:hidden;}
+.myvideo{ width:200px; height:148px; float:left; margin:15px 2px 0px;}
+.myvideoimg{ width:200px; height:118px; position:relative;}
+.myvideoimg img{ width:200px; height:118px;}
+.myvideoimg h3{ width:193px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px;}
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+.time{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:32px;}
+.studyvideo{ width:840px; height:158px; margin-top:15px;}
+.cjclass{ width:840px; height:170px; margin-top:20px;}
+.cjclass li{ width:50px; height:70px; float:left; text-align:center; margin:15px 10px 0px; line-height:20px;}
+.cjclass li a:hover{ color:#e10083;}
+.join{ width:133px; background:url(../images/grzx/join.jpg) left center no-repeat; padding-left:20px;}
+.join a{ color:#929192;}
+.join a:hover{ color:#e10083;}
+.right295{ width:295px; float:right; display:block;}
+.xqlist{ width:285px; height:120px; margin:0px auto;}
+.xqlist li{ width:285px; height:50px; margin-top:15px;}
+.xqtx{ width:50px; height:50px; float:left;}
+.xqnr{ width:222px; height:50px; float:right;}
+.xyzs{ width:222px; line-height:20px;}
+.zjfk{ width:285px; height:115px; margin:15px auto 0px;}
+.zjfk li{ width:50px; height:70px; float:left; text-align:center; margin:15px 10px 0px; line-height:20px;}
+.zjfk li a:hover{ color:#e10083;}
+.biaoqing{ display:block; float:left; margin-top:10px;}
+.biaoqing a{ color:#686868; padding-left:10px;}
+
+
+/***个人中心***/
+.subbox{ width:1100px; display:block; margin:15px auto;}
+.left180{ width:180px; display:block; overflow:hidden; background:#f2f2f2; float:left;}
+.grtx{ width:145px; height:185px; margin:15px auto 0px;}
+.grimg{ width:145px; height:161px; background:#fff;}
+.grimg img { width:137px; height:153px; padding:4px;}
+.grname{ line-height:25px; text-align:center;}
+.grname a{ font-size:14px; color:#3cade9;}
+
+.bot a,.menu1 li a em{background:url(../images/grzx/arrow.png) no-repeat;}
+.menu1{font-family:"微软雅黑";}
+.menu1 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu1 p{line-height:30px;padding:0px; margin:0px;}
+.menu1 li p a,
+.menu1 .on p a,
+.menu1 li p a:hover,
+.menu1 .on p a:hover{color:#3a3a3a;background:none;padding:0;margin:0;font:12px/20px "Microsoft Yahei";}
+.menu1 li p a:hover,
+.menu1 .on p a:hover{color:#e10083;}
+.menu1 li a{ height:35px; line-height:35px; background:url(../images/class/icon.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu1 li a:hover{background:#3cace4 url(../images/class/iconh.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu1 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu1 .on a{ background:url(../images/class/iconh.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu1 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu1 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu1 li a:hover em{background-position:right -138px;}
+.menu1 .on a em,
+.menu1 .on a:hover em{background-position:right -182px;}
+.menu1_sub{padding:5px 0 0 45px;display:none;}
+.menubox{ text-align:center; background:url(../images/grzx/line.jpg) bottom center no-repeat; margin-bottom:10px;}
+.menubox p{ padding:0px; margin:0px; line-height:30px;}
+.menubox p a{ font-size:14px; color:#3c3c3c;}
+.menubox p a:hover{ color:#3cace4;}
+
+.menu2{font-family:"微软雅黑";}
+.menu2 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu2 li a{ height:35px; line-height:35px; background:url(../images/class/icon1.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu2 li a:hover{background:#3cace4 url(../images/class/icon1h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu2 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu2 .on a{ background:url(../images/class/icon1h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu2 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu2 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu2 li a:hover em{background-position:right -138px;}
+.menu2 .on a em,
+.menu2 .on a:hover em{background-position:right -182px;}
+
+.menu3{font-family:"微软雅黑";}
+.menu3 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu3 li a{ height:35px; line-height:35px; background:url(../images/class/icon2.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu3 li a:hover{background:#3cace4 url(../images/class/icon2h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu3 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu3 .on a{ background:url(../images/class/icon2h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu3 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu3 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu3 li a:hover em{background-position:right -138px;}
+.menu3 .on a em,
+.menu3 .on a:hover em{background-position:right -182px;}
+
+.menu4{font-family:"微软雅黑";}
+.menu4 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu4 li a{ height:35px; line-height:35px; background:url(../images/class/icon3.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu4 li a:hover{background:#3cace4 url(../images/class/icon3h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu4 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu4 .on a{ background:url(../images/class/icon3h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu4 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu4 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu4 li a:hover em{background-position:right -138px;}
+.menu4 .on a em,
+.menu4 .on a:hover em{background-position:right -182px;}
+
+.menu5{font-family:"微软雅黑";}
+.menu5 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu5 li a{ height:35px; line-height:35px; background:url(../images/class/icon4.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu5 li a:hover{background:#3cace4 url(../images/class/icon4h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu5 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu5 .on a{ background:url(../images/class/icon4h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu5 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu5 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu5 li a:hover em{background-position:right -138px;}
+.menu5 .on a em,
+.menu5 .on a:hover em{background-position:right -182px;}
+
+.right840{ width:840px; display:block; float:right;}
+.display{ width:840px; display:block; margin-top:15px;}
+.tab{ font-size:12px; color:#686868;}
+.tab a{ color:#e10083;}
+.nysearchbox{ width:230px; height:23px; line-height:23px; float:right; margin-top:10px;}
+.gkvideo{ width:146px; height:130px; float:left; margin:15px 10px 0px;}
+.gkvideoimg{ width:146px; height:87px; position:relative;}
+.gktime{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:5px;}
+.spclose{ display:block; width:28px; height:28px; position:absolute; top:-5px; right:-5px;}
+
+.lylist{ margin-top:15px;}
+.lylist li{ width:840px; height:90px; border-bottom:1px dashed #e0e0e0; margin-bottom:15px;}
+.lyimg{ width:50px; height:50px; float:left;}
+.lyimg img{ width:50px; height:50px;}
+.lyinfo{ width:600px; float:left; margin-left:10px;}
+.lyname{ width:600px; height:16px;}
+.myname{ font-size:16px; float:left;}
+.myname a{ color:#e10083;}
+.lyname .vip{ color:#686868; margin-left:10px;}
+.myinfo{ color:#3c3c3c; margin-left:20px;}
+.gxqm{ width:600px; line-height:20px; color:#686868; clear:both;}
+.reque{ width:600px; line-height:20px; color:#686868; clear:both;}
+.reque a{ color:#1b91cf;}
+.reque a:hover{ text-decoration:underline;}
+.delete{ float:right; margin-right:20px;}
+.delete a{ color:#1b91cf; line-height:50px;}
+.delete a:hover{ text-decoration:underline;}
+
+.twlist{ margin-top:15px;}
+.twlist li{ width:840px; height:140px; border-bottom:1px dashed #e0e0e0; margin-bottom:15px;}
+.twimg{ width:90px; height:110px; float:left; line-height:20px;}
+.twimg img{ width:90px; height:90px;}
+.twinfo{ width:600px; float:left; margin-left:20px;}
+.twtitle{ width:600px; line-height:20px; margin-top:10px;}
+.twtitle a{ color:#1b91cf;}
+.twtitle a:hover{ text-decoration:underline;}
+.twjf{ color:#686868; margin-top:15px;}
+.huida a{ display:block; width:41px; height:21px; border:1px solid #b9b9b9; color:#1b91cf; text-align:center; float:right; margin-right:20px; line-height:21px; margin-top:35px;}
+
+.scvideo{ width:271px; height:50px; margin:100px auto 0px;}
+.xieyi{ text-align:center; line-height:30px; color:#686868; margin-top:60px;}
+.xieyi a{ color:#e10083;}
+.xieyi a:hover{ text-decoration:underline;}
+.wsxx{ width:379px; height:31px; margin:30px auto; text-align:center; font-size:12px; color:#f68520; background:url(../images/grzx/spbg.jpg) no-repeat; line-height:31px;}
+.jingdu{ width:750px; height:26px; background:#f4f4f4; margin:20px auto; padding:10px;}
+.jingdu span.spjd{ float:left;}
+.jingdu span.qxsc{ line-height:26px; float:right; margin-right:5px;}
+.jingdu span.qxsc a{color:#686868;}
+.videoinfo{ width:770px; display:block; border-top:1px dashed #e0e0e0; margin:40px auto;}
+.left502{ width:502px; display:block; float:left;}
+.tab1 td{ height:30px;}
+.tab1 a{ font-weight:bold;}
+.right245{ width:245px; display:block; float:right;}
+.banquan{ width:245px; height:25px; line-height:25px; color:#686868;}
+.banquan a{ display:block; width:35px; height:23px; color:#686868; text-align:center; float:left; margin-left:5px;}
+.banquan a.on{ background:#e0e0e0; border:1px solid #c1c1c1; color:#b7b7b7;}
+.banquan span{ display:block; float:left;}
+.tab2{ margin-top:15px;}
+.tab2 span.bqimg img{ width:201px; height:122px; padding:1px; border:1px solid #c1c1c1; margin-bottom:15px;}
+.tab2 p{ width:140px; float:right; line-height:20px; margin:0px; padding:0px;}
+.win{ width:840px; height:175px; border-top:1px solid #d9d9d9;}
+.sccg{ width:360px; height:55px; margin:80px auto 0px;}
+.cgimg{ float:left;}
+.cginfo{ width:285px; float:right;}
+.cginfo h1{ font-family:"微软雅黑"; font-size:18px; color:#3c3c3c;}
+.cginfo h2{ margin-top:10px;}
+.cginfo h2 span{ color:#686868; line-height:30px;}
+.cginfo h2 span a{ color:#e10083;}
+.cginfo h2 span a:hover{ text-decoration:underline;}
+.spbcxx{ width:770px; height:50px; border-top:1px dashed #e0e0e0; margin:0 auto;}
+.spbcxx span{ display:block; width:750px; height:27px; line-height:27px; color:#f68520; background:#fffbcb; margin-top:15px; padding-left:20px;}
+.cgspxx{ width:840px; display:block; padding:30px 0px; border-bottom:1px solid #e0e0e0}
+.tab3{ width:770px; margin:0 auto; display:block; font-size:14px; color:#8a8a8a; background:url(../images/grzx/cgline.jpg) center center no-repeat;}
+.tab3 td{ width:350px; height:30px; line-height:30px; padding-left:40px;}
+.classnotice{ width:295px; height:210px;}
+.noticetext{ line-height:20px; color:#686868; text-indent:2em; margin-top:10px;}
+.teacher{ width:295px;}
+.teacimg{ width:90px; height:86px; float:left; margin-top:15px;}
+.teacherinfo{ width:190px; float:right;}
+.tcname{ width:295px; height:25px; padding-top:20px;}
+.tcname span{ float:left;}
+.tcgrname{ font-family:"微软雅黑"; font-size:24px; color:#3c3c3c; line-height:25px;}
+.tcdengji{ display:block; font-size:12px; color:#e10083; margin-left:10px; padding-top:10px;}
+.tcgrjj{ display:block; width:295px; height:35px; font-size:12px; line-height:20px; color:#929192;}
+.tcjifen{ display:block; width:285px; height:25px; padding-top:5px; line-height:25px; color:#686868; clear:both;}
+.classpa{ width:295px; height:132px; overflow:hidden;}
+.classpa li{ width:295px; height:34px; margin-top:10px;}
+.xbimg{ width:34px; height:34px; float:left;}
+.xbnr{ width:250px; height:34px; float:right;}
+.tcjj{ width:250px; height:13px;}
+.tcjj1{ width:250px; height:13px;}
+.tcjj span.tcnum{ display:block; width:15px; height:13px; line-height:13px; color:#fff; font-family:"Times New Roman", Times, serif; text-align:center; float:left; background:#ff0095;}
+.tcjj1 span.tcnum{ display:block; width:15px; height:13px; line-height:13px; color:#fff; font-family:"Times New Roman", Times, serif; text-align:center; float:left; background:#ffa100;}
+.tcjj a{ color:#ff0095; line-height:13px; padding-left:10px;}
+.tcjj1 a{ color:#ffa100; line-height:13px; padding-left:10px;}
+.tcinfo{ width:250px; height:15px; line-height:15px; margin-top:5px;}
+
+/***我的公告***/
+.wtnotice{ width:840px; padding:20px 0px; background:#f5f5f5; display:block; font-family:"微软雅黑";}
+.wtnotice h1{ height:30px; line-height:30px; font-size:16px; color:#686868; padding-left:20px;}
+.wtnotice h2{ font-size:12px; color:#686868; padding:0px 30px; line-height:25px; text-indent:2em;}
+
+/***我的笔记***/
+.biji{ width:840px; display:block; margin-top:15px;}
+.bijicz{ width:840px; height:30px;}
+.bjsc{ width:100px; float:left;}
+.bjsc a{ color:#686868; padding-left:6px;}
+.bjsc a:hover{ color:#e10083;}
+.bjpage{ float:right;}
+.bjtitle{ width:840px; height:30px; line-height:30px; background:#f2f2f2; margin:20px auto;}
+.bjxx{ width:488px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.bjpx{ width:195px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.bjcz{ width:110px; height:30px; text-align:center; float:left;}
+.bjlist li{ width:840px; height:52px; line-height:52px; border-bottom:1px dashed #e0e0e0;}
+.bjlist li span.pxcz{ float:left; margin-left:10px;}
+.bjlist li span.bjxg{ display:block; width:275px; float:left;}
+.bjlist li span.bjxg a{ color:#686868;}
+.bjlist li span.bjxg a:hover{ text-decoration:underline;}
+.bjlist li span.bjfl{ display:block; width:160px; float:left;}
+.bjlist li span.bjfl a{ color:#e10083;}
+.bjlist li span.bjfl a:hover{ text-decoration:underline;}
+.bjlist li span.bjdate{ display:block; width:195px; text-align:center; float:left;}
+.bjlist li span.bjdate a{ color:#686868;}
+.bjlist li span.bjdate a:hover{ text-decoration:underline;}
+.bjlist li span.czbj{ margin-left:30px; float:left;}
+.bjlist li span.czbj a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px;}
+.bjlist li span.czbj a:hover{ text-decoration:underline;}
+
+/***我的关注***/
+.gzlist{ width:840px; margin-top:15px;}
+.gzlist li{ width:840px; height:145px; margin-bottom:35px;}
+.gzlist li .gzimg{ width:145px; height:145px; float:left;}
+.gzinfo{ width:670px; height:145px; float:right;}
+.gzname{ display:block; width:670px; height:20px; line-height:20px; margin-top:10px;}
+.gzname a{ font-size:16px; color:#e10083;}
+.gzxb{ display:block; width:670px; height:25px; line-height:25px; color:#3c3c3c;}
+.gzqm{ display:block; width:670px; height:25px; line-height:25px; color:#878787;}
+.gzdj{ display:block; width:670px; height:25px; line-height:25px;}
+.gzdj a{ padding-left:10px; color:#686868;}
+.gzfs{ display:block; width:670px; height:25px; line-height:25px;}
+.gzfs a{ color:#e10083;}
+
+/***资料管理***/
+.hdlist li{ width:840px; height:65px; border-bottom:1px dashed #e0e0e0; margin-bottom:20px;}
+.hdlist li .agree{ width:62px; height:59px; float:left; text-align:center; }
+.hdlist li .hdinfo{ width:500px; float:left; margin-left:20px;}
+.hdtitle{ width:600px; line-height:20px;}
+.hddate{ float:left; line-height:65px;}
+.hdtitle a{ color:#1b91cf;}
+.hdtitle a:hover{ text-decoration:underline;}
+.hdjf{ color:#686868; margin-top:5px;}
+.wdzt{ float:left; margin-left:100px;}
+.wdzt a{ display:block; color:#1b91cf; text-align:center; margin-right:20px; line-height:65px;}
+
+/***我的慕课***/
+.myclass{ width:840px; height:178px;}
+.myclass li{ width:840px; height:178px; border-bottom:1px dashed #e0e0e0;}
+.classtitle{ float:left; width:155px; height:178px; margin-left:20px;}
+.classtitle h1{ font-size:14px; line-height:25px; color:#3cade9; margin-top:20px;}
+.classtitle h1 a{ color:#3cade9;}
+.classtitle h2{ font-size:14px; line-height:25px; color:#686868;}
+.classtitle h3{ font-size:12px; color:#686868; line-height:25px;}
+.wytw{ width:86px; height:32px; line-height:32px; text-align:center; float:right; margin-right:10px; margin-top:80px;}
+.wytw a{ display:block; background:url(../images/grzx/wytw.jpg) no-repeat; color:#fff; font-size:14px;}
+
+/***我的视频***/
+.sptitle{ width:840px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto;}
+.wdspxx{ width:156px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.wdsppx{ width:220px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdspzt{ width:140px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdspcz{ width:160px; height:30px; text-align:center; float:left;}
+.wdsplist li{ width:840px; height:110px; padding-top:25px; border-bottom:1px dashed #e0e0e0;}
+.wdsplist li.libg{ background:#f7f7f7;}
+.wdsplist li .wdsp{ width:146px; height:87px; float:left; position:relative;}
+.gktime{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:5px;}
+.checkbox{ display:block; margin-left:10px;}
+.wddate{ width:168px; float:left; margin-left:10px;}
+.wddate span{ display:block; width:168px; font-size:12px; color:#686868; line-height:20px;}
+.wddate span a{ color:#1b91cf;}
+.spfb{ width:140px; line-height:60px; text-align:center; color:#686868; float:left;}
+.wddp{ width:140px; float:left; padding-top:10px;}
+.wddp span{ display:block; width:140px; margin-bottom:5px; text-align:center;}
+.wddp span a{ color:#686868; padding-left:10px;}
+.wddp span a:hover{ color:#1b91cf;}
+.wdcz{ margin-left:30px; float:left;}
+.wdcz a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px; margin-left:30px;}
+.wdcz a:hover{ text-decoration:underline;}
+
+/***我的提问***/
+.scfj{ width:840px; height:30px; line-height:30px; background:#eeeeee; border-bottom:1px solid #dedede;}
+.scfj a{ color:#7d7d7d; padding-left:15px;}
+.twform{ margin-top:20px;}
+.dxtw{ margin-top:20px; line-height:15px;}
+
+/***我加入的班级***/
+.jrclass{ width:840px; display:block; margin-top:15px;}
+.joinlist li{ width:840px; height:175px; border-bottom:1px dashed #e0e0e0; margin-top:30px;}
+.classimg{ width:145px; height:145px; float:left;}
+.classinfo{ width:340px; float:left; margin-left:20px;}
+.classname{ width:340px; height:25px;}
+.wdxm a{ font-size:16px; color:#e10083; line-height:25px;}
+.wdxm a:hover{ text-decoration:underline;}
+.wdpf{ color:#3c3c3c; padding-left:15px;}
+.tcclass{ width:340px; height:26px; margin:10px 0px;}
+.tcclass a{ display:block; width:79px; height:26px; background:#ffa100; border:1px solid #ee9600; color:#fff; text-align:center; line-height:26px; font-weight:bold;}
+
+.wdqm{ width:340px; line-height:25px; color:#8c8c8c;}
+.classnum{ width:340px; line-height:25px; color:#686868;}
+.classnum a{ color:#e10083;}
+.classnum a:hover{ text-decoration:underline;}
+.wdrz{ width:260px; float:left;}
+.wdrz dd{ width:260px; height:25px; line-height:25px;}
+.wdrz dd a{ display:block; color:#3c3c3c; float:left;}
+.wdrz dd a:hover{ color:#e10083;}
+.wdrz dd span.wdfl a{ display:block; float:left; color:#e10083;}
+.wdrz dd span.wdfl a:hover{ text-decoration:underline;}
+.wdrz dd span.fbsj{ color:#3c3c3c; float:right;}
+
+/***写日志***/
+.rizhi{ width:55px; height:23px; float:left; margin-right:35px;}
+.rizhi a{ display:block; width:55px; height:23px; line-height:23px; color:#fff; background:#fe981c; border:1px solid#f1901a; text-align:center;}
+.rztitle{ width:840px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto;}
+.wdrzxx{ width:395px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.wdrzpx{ width:210px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdrzzt{ width:80px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdrzcz{ width:100px; height:30px; text-align:center; float:left;}
+.rzlist li{ width:840px; height:52px; line-height:52px; border-bottom:1px dashed #e0e0e0;}
+.rzlist li span.pxcz{ float:left; margin-left:10px;}
+.rzlist li span.bjxg{ display:block; width:365px; float:left;}
+.rzlist li span.bjxg a{ color:#686868;}
+.rzlist li span.bjxg a:hover{ text-decoration:underline;}
+.rzlist li span.rzfl{ display:block; width:80px; float:left;}
+.rzlist li span.rzfl a{ color:#e10083;}
+.rzlist li span.rzfl a:hover{ text-decoration:underline;}
+.rzlist li span.bjdate{ display:block; width:180px; text-align:center; float:left;}
+.rzlist li span.bjdate a{ color:#686868;}
+.rzlist li span.bjdate a:hover{ text-decoration:underline;}
+.rzlist li span.czbj{ margin-left:40px; float:left;}
+.rzlist li span.czbj a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px;}
+.rzlist li span.czbj a:hover{ text-decoration:underline;}
+.ksss{ width:840px; height:25px; line-height:25px; margin:10px 0px;}
+.ksss a{ color:#686868; padding-left:10px;}
+.ksss a:hover,.ksss a.on{ color:#ffa100;}
+.guestbook{ width:840px; margin-top:20px;}
+
+/***班级公告***/
+.wdbjxx{ width:330px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.wdbjpx{ width:140px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdbjzt{ width:75px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdbjcz{ width:100px; height:30px; text-align:center; float:left;}
+.bjlist li{ width:840px; height:52px; line-height:52px; border-bottom:1px dashed #e0e0e0;}
+.bjlist li span.pxcz{ float:left; margin-left:10px;}
+.bjlist li span.bjxg{ display:block; width:365px; float:left;}
+.bjlist li span.bjxg a{ color:#686868;}
+.bjlist li span.bjxg a:hover{ text-decoration:underline;}
+.bjlist li span.rzfl{ display:block; width:75px; float:left;}
+.bjlist li span.rzfl a{ color:#e10083;}
+.bjlist li span.rzfl a:hover{ text-decoration:underline;}
+.bjlist li span.bjdate{ display:block; width:110px; text-align:center; float:left;}
+.bjlist li span.bjdate a{ color:#686868;}
+.bjlist li span.bjdate a:hover{ text-decoration:underline;}
+.bjlist li span.czbj{ margin-left:40px; float:left;}
+.bjlist li span.czbj a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px;}
+.bjlist li span.czbj a:hover{ text-decoration:underline;}
+
+/***title***/
+.title{ height:45px; border-bottom:1px solid #dedede; position:relative;}
+.title h1{ width:110px; line-height:45px; font-family:"微软雅黑"; font-size:24px; text-align:center; float:left;}
+.title h1 a{ display:block; color:#3c3c3c;}
+.title h1 a:hover,.title h1 a.on{ color:#3cace4; border-bottom:2px solid #3cace4;}
+
+.title1{ width:200px; height:30px; line-height:30px; background:#fff;}
+.title1 .jiage{ display:block; float:left; padding-right:5px;}
+.title1 .jiage a{ font-size:16px; color:#e10083; font-weight:bold;}
+.title1 .jiage a:hover{ color:#000;}
+.title1 .playtime{ display:block; float:left; color:#999999;}
+.title1 .playtime a{ font-size:12px; color:#999999; padding-left:5px;}
+.title1 .playtime a:hover{ text-decoration:underline; color:#e10083;}
+
+.title2{ height:40px;}
+.title2 h1{ line-height:40px; font-family:"微软雅黑"; font-size:24px; color:#3c3c3c;}
+
+.title3{ height:16px;}
+.title3 h1{ border-left:4px solid #e10083; width:100px; line-height:16px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#3c3c3c;}
+
+.title4{ height:30px; margin-top:10px; border-bottom:1px solid #dedede;}
+.title4 h1{ font-family:"微软雅黑"; font-size:16px; color:#3c3c3c; width:70px; line-height:30px; float:left;}
+.title4 a.more{ display:block; width:40px; height:19px; line-height:19px; background:#ffa100; color:#fff; text-align:center; margin-top:10px; float:right;}
+.title4 a:hover{ text-decoration:underline;}
+
+.title5{ width:222px; height:15px; line-height:15px;}
+.title5 h2{ float:left;}
+.title5 h2 a{ color:#e10083;}
+.title5 span{ float:right; color:#929192;}
+.title5 p{ margin:0px; line-height:15px;}
+
+.title6{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title6 h1{ width:85px; text-align:center; font-family:"微软雅黑"; float:left;}
+.title6 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title6 h1 a:hover,.title6 h1 a.on{ color:#0087ca; border-bottom:2px solid #0087ca;}
+
+.title7{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title7 h1{ width:85px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#0087ca; border-bottom:2px solid #0087ca; float:left;}
+
+.title8{height:43px;}
+.title8 h1{ height:30px; line-height:30px; text-align:center;}
+.title8 h1 a{ color:#686868;}
+.title8 h1 a:hover{ color:#e10083;}
+.title8 h2{ height:13px; line-height:13px; color:#686868;}
+.title8 h2 span.gksj{ float:left;}
+.title8 h2 span.gkjd{ float:right;}
+
+.title9{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title9 h1{ width:100px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#0087ca; border-bottom:2px solid #0087ca; float:left;}
+.title9 .zxly{ float:right; margin-top:15px;}
+
+.title10{ background:#f2f2f2; height:30px; line-height:30px; font-size:12px; color:#686868; font-weight:bold;}
+
+.title11{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title11 h1{ width:85px; text-align:center; font-family:"微软雅黑"; float:left; margin-left:10px;}
+.title11 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title11 h1 a:hover,.title11 h1 a.on{ color:#e10083; border-bottom:2px solid #e10083;}
+
+.title12{ width:840px; height:50px; margin:20px auto;}
+
+.title13{ height:45px; line-height:45px; font-family:"微软雅黑";}
+.title13 h1{ font-size:16px; color:#3c3c3c;}
+
+.title14{ height:30px; line-height:30px;}
+.title14 h1{ float:left; background:url(../images/grzx/wdtw.jpg) left center no-repeat; font-family:"微软雅黑"; padding-left:30px; font-size:16px;}
+.title14 h2{ float:right; color:#686868; margin-right:10px;}
+.title14 h2 a{ color:#3daae2;}
+
+.title15{ height:30px; line-height:30px; margin-top:30px; font-size:14px; color:#9a9999;}
+.title15 h1{ float:left; font-family:"微软雅黑"; font-size:16px;}
+
+.title16{ height:45px; line-height:45px; border-bottom:1px solid #dedede; }
+.title16 h1{ width:105px; text-align:center; font-family:"微软雅黑"; float:left; margin-left:10px;};
+.title16 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title16 h1 a:hover,.title16 h1 a.on{ color:#e10083; border-bottom:2px solid #e10083;}
+
+
+/***form***/
+.input1{ width:235px; height:35px; border:1px solid #dadada; color:#dadada; line-height:35px;}
+.input2{ width:285px; height:70px; border:1px solid #dedede; color:#b3b3b3; margin-top:10px; line-height:20px; padding-left:10px;}
+.input3{ width:240px; height:35px; line-height:35px; border:1px solid #dedede; border-right:0px; float:left; color:#b3b3b3; padding-left:10px;}
+.input4{border:1px solid #dadada; color:#dadada; line-height:25px;}
+.input5{ width:100px; height:20px; border:1px solid #dadada; color:#dadada; line-height:20px;}
+.input6{ width:175px; height:23px; line-height:23px; border:1px solid #dedede; border-right:0px; float:left; color:#b3b3b3; padding-left:10px;}
+.input7{ width:190px; height:20px; border:1px solid #dadada; color:#dadada; line-height:20px;}
+.input8{ width:131px; height:28px; background:#ffa100; color:#fff; line-height:28px; border:1px solid #dc8c03; cursor:pointer;}
+.input9{ width:52px; height:24px; background:#f0f0f0; border:1px solid #c1c1c1; line-height:24px;}
+.input10{ width:96px; height:28px; background:#fe981c; color:#fff; line-height:28px; border:0px; font-size:12px; float:right; cursor:pointer;}
+.input11{ float:left; margin-left:5px; margin-right:40px; margin-top:7px;}
+.input12{ float:left; margin-left:5px; margin-right:40px; margin-top:20px;}
+.input13{ width:93px; height:30px; line-height:30px; color:#fff; border:0px; background:url(../images/grzx/btn1.jpg) no-repeat; cursor:pointer;}
+.input14{ width:838px; height:170px; border:1px solid #dedede; color:#b3b3b3; margin-top:10px; line-height:20px; padding-left:10px;}
+.btn1{ width:85px; height:30px; color:#fff; line-height:30px; border:1px solid #dc8c03; background:#ffa100; cursor:pointer;}
+.btn2{ float:left;}
+.btn3{ width:86px; height:30px; line-height:30px; font-size:13px; text-align:center; border:0px; background:url(../images/grzx/btn.jpg) no-repeat; color:#fff; float:right; margin-top:10px; cursor:pointer;}
+.btn4{ width:85px; height:30px; color:#fff; line-height:30px; border:1px solid #1a1a1a; background:#3c3c3c; cursor:pointer;}
+.btn5{ float:left;}
+
+/* ----- page ----- */
+.page{ text-align:center; clear:both; padding:30px 0px 30px 0px; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page .num a:hover,.page .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
+
+/* ----- page ----- */
+.page1{ text-align:center; clear:both; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page1 .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page1 .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page1 .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page1 .num a:hover,.page1 .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page1 em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page1 .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page1 .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
\ No newline at end of file
diff --git a/code/css/whir_common.css b/code/css/whir_common.css
new file mode 100644
index 0000000..ca50e0f
--- /dev/null
+++ b/code/css/whir_common.css
@@ -0,0 +1,169 @@
+@charset "utf-8";
+body,div,hr,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend{margin:0;padding:0}
+body{font-size:12px;color:#666666; background-color:#fff;font-family:Tahoma,Geneva,sans-serif,'宋体';}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
+.clearfix{*zoom:1}
+.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}
+*+html img{-ms-interpolation-mode:bicubic}
+.clearboth{ clear:both;}
+ul,ol{list-style:none}
+fieldset,img{border:0}
+address,cite,dfn,em,var{font-style:normal}
+strong,.fcu{font-weight:bold}
+table{border-collapse:collapse;border-spacing:0}
+button,.fhand{cursor:pointer}
+button,input,select,textarea{font-size:100%;}
+html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}
+
+
+.clear {padding:0px 0px 0px 0px; margin:0px; clear:both;}
+.clear1 {padding:5px 0px 5px 0px; clear:both; margin:0px;}
+.clear2{ height:145px; clear:both; margin:0px;}
+.fl{ float:left;}
+.fr{ float:right;}
+.ml20{ margin-left:20px;}
+.mb15{ margin-bottom:15px;}
+
+/* ----- Links ----- */
+a {text-decoration:none;color:#666;}
+a:hover {color:#2f9def; text-decoration:none;}
+
+/***header***/
+.head{ width:100%; height:35px; border-bottom:1px solid #dfdfdf;}
+.headm{ width:1190px; height:35px; margin:0 auto;}
+.member{ display:block; float:left;}
+.member .tuxiang{ width:35px; height:35px; float:left;}
+.member .tuxiang img{ display:block; -moz-border-radius:50px; -webkit-border-radius:50px; float:left;}
+.member .hyname{ line-height:35px; display:block; background:url(../images/down.jpg) right center no-repeat; float:left; padding:0px 15px;}
+.member .hyname a{ color:#999999;}
+.member .hyname a:hover{ color:#de1a77;}
+.huiyuan{ width:200px; height:35px; line-height:35px; position:relative}
+.huiyuan li a{ color:#999999;}
+.huiyuan li a:hover{ color:#de1a77;}
+.huiyuan li.hy1{ width:30px; background:url(../images/icon.jpg) left center no-repeat; float:left; padding-left:20px;}
+.huiyuan li.hy2{ width:65px; background:url(../images/icon1.jpg) left center no-repeat; float:left; padding-left:25px;}
+
+#header{ width:100%; height:170px; background:url(../images/tbg.jpg) repeat-x; display:block; min-width:1190px; }
+#header .top{ width:100%; height:170px; background:url(../images/tline.jpg) bottom center no-repeat;}
+#header .topmain{ width:1190px; height:170px; margin:0 auto;}
+#header .topmain .searchbox{ width:1190px; height:90px;}
+.so_so{ width:857px; height:90px; float:left;}
+#header .logo{ width:220px; height:90px; float:left;}
+.mk_so{ width:602px; height:54px; margin-top:27px; margin-left:35px; float:left; overflow:hidden;}
+.topmenu{ width:303px; height:90px; float:right; position:relative;}
+.topmenu .xsyd{ width:303px; height:35px; background:url(../images/xsyd.jpg) right no-repeat; text-align:right; margin-top:10px;}
+.topmenu .xsyd a{ font-family:"微软雅黑"; font-size:14px; color:#383838; font-weight:bold; line-height:35px; padding-right:45px;}
+.topmenu .xsyd a:hover{ color:#3aa9e1;}
+.hylist{ height:28px; margin-top:15px; font-family:"微软雅黑"; font-size:13px;}
+.hylist li{ float:left; display:block; line-height:28px;}
+.hylist li.li1{ width:30px; background:url(../images/icon.jpg) left center no-repeat; float:left; padding-left:20px;}
+.hylist li.li2{ width:65px; background:url(../images/icon1.jpg) left center no-repeat; float:left; padding-left:25px;}
+.hylist li.li2 a{ color:#3aa9e0;}
+.hylist li.li3{ width:60px; background:url(../images/icon2.jpg) left center no-repeat; float:left; padding-left:20px;}
+.hylist li.li4{ width:60px; background:url(../images/icon3.jpg) left center no-repeat; float:left; padding-left:20px;}
+.hylist li.lion{ float:left;}
+.hylist li.lion a.hyimg img{ display:block; -moz-border-radius:50px; -webkit-border-radius:50px; float:left;}
+
+.kjnav{ display:block; float:right; margin-right:40px;}
+.kjnav li{ height:35px; line-height:35px; display:block; float:left; margin-left:10px;}
+.kjnav li a{ font-size:12px; color:#999999;}
+.kjnav li a:hover{ color:#de1a77;}
+.kjnav li.navli1{ background:url(../images/app.jpg) left center no-repeat; padding-left:20px;}
+.kjnav li.navli2{ background:url(../images/sc.jpg) left center no-repeat; padding-left:20px;}
+.kjnav li.navli3{ background:url(../images/xs.jpg) left center no-repeat; padding-left:20px;}
+
+.topnavmenu{ width:1190px; height:60px; margin-top:15px;}
+.nav{ width:855px; height:60px; float:left;}
+.nav li{ width:93px; line-height:60px; float:left; text-align:center; font-family:"微软雅黑"; font-size:16px;}
+.nav li a{ color:#444444;}
+.nav li a:hover,.nav li a.on{ color:#29a3e0;}
+.question{ width:300px; height:60px; float:right;}
+.question li{ width:100px; font-size:20px; height:60px; line-height:60px; float:left;}
+.question li a{color:#444444;}
+.question li.li5 a{ display:block; background:url(../images/zhuce.jpeg) left center no-repeat;background-size:30px; padding-left:40px;}
+.question li.li6 a{ display:block; background:url(../images/icon5.jpg) left center no-repeat; padding-left:40px;}
+.question li.li7 a{ display:block; background:url(../images/icon6.jpg) left center no-repeat; padding-left:40px;}
+
+/**font***/
+.f_red{ color:#ea0023;}
+.f_blue{ color:#3daee7;}
+.f_black{ color:#929192;}
+
+/***ad***/
+.ad{ width:1190px; margin:0 auto;}
+
+/***form***/
+.input{ width:435px; height:50px; border:2px solid #b7b7b7; border-right:0 none; background:url(../images/so.jpg) left center no-repeat; padding-left:33px; line-height:50px; font-family:"微软雅黑"; font-size:14px; color:#555555; float:left;}
+.btn{ width:97px; height:54px; float:left;}
+
+/***footer***/
+#footer{ width:100%; height:337px; background:#e6e6e6; margin-top:20px; padding-top:20px;}
+.links{ width:1190px; height:145px; margin:0 auto; padding-top:15px; background:#fff;}
+.linkpic{ width:1135px; height:49px; line-height:49px; margin:0px auto; overflow:hidden;}
+.linkpic h1{ width:118px; height:49px; background:#0296e3; color:#fff; font-size:18px; font-weight:normal; text-align:center; float:left; font-family:"微软雅黑";}
+.picshow{ width:1017px; height:49px; float:left;}
+.linktext{ width:1135px; height:40px; margin:35px auto 0px;}
+.linktext h1{ width:70px; height:40px; font-size:14px; color:#6c6c6c; float:left; font-family:"微软雅黑";}
+.textlink{ width:1065px; height:40px; float:left;}
+.textlink a{ padding:0px 3px; line-height:20px; font-size:12px;}
+.copyright{ width:1190px; margin:25px auto 0px;}
+.Navigation{ text-align:center; line-height:20px;}
+.Navigation a{ color:#666666; padding:0px 5px;}
+.Navigation a:hover{ text-decoration:underline; color:#3daee7;}
+.copy{ text-align:center; line-height:30px; color:#666666;}
+
+/***浮动导航**/
+.Obtn {MARGIN-TOP: 190px; WIDTH: 32px; BACKGROUND: url(../images/leftnav.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px; z-index:99999;}
+.to_top{ left:0; width:52px;z-index:20;top:35px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.clientHeight+document.documentElement.scrollTop - 586)+"px")/*display:block;position:fixed;*/}
+.tt_hd{overflow:hidden;width:52px;}
+.tt_hd a,.tt_hd img{display:block;cursor:pointer}
+.tt_cont a{display:block;position:relative;cursor:pointer; font-size:0px;}
+.tt_cont a:hover{background-color:#f6fbff;text-decoration:none; font-size:0px;}
+.tt_cont .mt0{margin-top:0}
+
+.tt_cont a.mt0{ width:52px; height:60px; display:block; background:url(../images/nav2.jpg) no-repeat;}
+.tt_cont a.mt0:hover{ display:block; background:url(../images/navh2.jpg) no-repeat;}
+.tt_cont a.mt1{ width:52px; height:60px; display:block; background:url(../images/nav3.jpg) no-repeat;}
+.tt_cont a.mt1:hover{ display:block; background:url(../images/navh3.jpg) no-repeat;}
+.tt_cont a.mt2{ width:52px; height:60px; display:block; background:url(../images/nav4.jpg) no-repeat;}
+.tt_cont a.mt2:hover{ display:block; background:url(../images/navh4.jpg) no-repeat;}
+.tt_cont a.mt3{ width:52px; height:60px; display:block; background:url(../images/nav5.jpg) no-repeat;}
+.tt_cont a.mt3:hover{ display:block; background:url(../images/navh5.jpg) no-repeat;}
+.tt_cont a.mt4{ width:52px; height:60px; display:block; background:url(../images/nav6.jpg) no-repeat;}
+.tt_cont a.mt4:hover{ display:block; background:url(../images/navh6.jpg) no-repeat;}
+.tt_cont a.mt5{ width:52px; height:60px; display:block; background:url(../images/nav7.jpg) no-repeat;}
+.tt_cont a.mt5:hover{ display:block; background:url(../images/navh7.jpg) no-repeat;}
+.tt_cont a.mt6{ width:52px; height:60px; display:block; background:url(../images/nav8.jpg) no-repeat;}
+.tt_cont a.mt6:hover{ display:block; background:url(../images/nav8h.jpg) no-repeat;}
+
+/***注册登录隐藏**/
+/*.pop{position:absolute;right:-220px;top:35px;width:400px;height:340px; background:url(../images/rbg1.png) no-repeat; z-index:999;} */
+.pop{position:absolute;right:-580px;top:90px;width:400px;height:340px; background:url(../images/rbg2.png) no-repeat; z-index:999;}
+.pop_head{position:relative;height:24px; text-indent:-99999px;}
+.pop_head a{ width:24px; height:24px; display:block; position:absolute;right:8px; background:url(../images/close.png) no-repeat;}
+.pop_head a:hover{ width:24px; height:24px; display:block; position:absolute;right:8px; background:url(../images/closeh.png) no-repeat;}
+.pop_body{padding:8px}
+.pop_body h1{ color:#535353; text-align:center; line-height:30px; font-family:"微软雅黑"; font-size:22px;}
+.pop_body .zhuce{ width:334px; height:223px; margin:0 auto;}
+.inputl{ width:284px; height:38px; line-height:38px; background:url(../images/mima.jpg) no-repeat; border:0px; margin-top:15px; padding-left:50px; font-size:14px; color:#b2b2b2;}
+.inputr{ width:284px; height:38px; line-height:38px; background:url(../images/mima1.jpg) no-repeat; border:0px; margin-top:15px; padding-left:50px; font-size:14px; color:#b2b2b2;}
+.inputb{ width:284px; height:38px; line-height:38px; background:url(../images/user.jpg) no-repeat; border:0px; margin-top:15px; padding-left:50px; font-size:14px; color:#b2b2b2;}
+.dlk{ width:334px; height:43px; margin-top:10px;}
+/*.dlk a{ display:block; width:160px; height:43px; margin-top:15px;}
+.dlk a.regist{ display:block; background:#198fe5; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:left;}
+.dlk a:hover.regist{ display:block; background:#0066FF; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:left;}
+.dlk a.login{ display:block; background:#b4b4b4; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:right;}
+.dlk a:hover.login{ display:block; background:#999999; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:right;}*/
+.dlk input.regist{ display:block; background:#198fe5; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:left;}
+.dlk input:hover.regist{ display:block; background:#0066FF; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:left;}
+.dlk input.login{ display:block; background:#b4b4b4; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:right;}
+.dlk input:hover.login{ display:block; background:#999999; width:160px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; float:right;}
+
+
+.pop1{position:absolute;left:-120px;top:90px;width:400px;height:280px; background:url(../images/lbg.png) no-repeat; z-index:999;}
+.pop_head1{position:relative;height:24px; text-indent:-99999px;}
+.pop_head1 a{ width:24px; height:24px; display:block; position:absolute;right:8px; background:url(../images/close.png) no-repeat;}
+.pop_head1 a:hover{ width:24px; height:24px; display:block; position:absolute;right:8px; background:url(../images/closeh.png) no-repeat;}
+.pop_body1{padding:8px}
+.pop_body1 h1{ color:#535353; text-align:center; line-height:30px; font-family:"微软雅黑"; font-size:22px;}
+.pop_body1 .zhuce{ width:334px; height:223px; margin:0 auto;}
\ No newline at end of file
diff --git a/code/css/whir_dx.css b/code/css/whir_dx.css
new file mode 100644
index 0000000..2d3151d
--- /dev/null
+++ b/code/css/whir_dx.css
@@ -0,0 +1,431 @@
+@charset "utf-8";
+body,div,hr,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend{margin:0;padding:0}
+body{font-size:12px;color:#666666; background-color:#f0f0f0;font-family:Tahoma,Geneva,sans-serif,'宋体';}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
+.clearfix{*zoom:1}
+.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}
+*+html img{-ms-interpolation-mode:bicubic}
+.clearboth{ clear:both;}
+ul,ol{list-style:none}
+fieldset,img{border:0}
+address,cite,dfn,em,var{font-style:normal}
+strong,.fcu{font-weight:bold}
+table{border-collapse:collapse;border-spacing:0}
+button,.fhand{cursor:pointer}
+button,input,select,textarea{font-size:100%;}
+html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}
+
+
+.clear {padding:0px 0px 0px 0px; margin:0px; clear:both;}
+.clear1 {padding:5px 0px 5px 0px; clear:both; margin:0px;}
+.clear2{ height:145px; clear:both; margin:0px;}
+.fl{ float:left;}
+.fr{ float:right;}
+.ml20{ margin-left:20px;}
+.mb15{ margin-bottom:15px;}
+
+/* ----- Links ----- */
+a {text-decoration:none;color:#666;}
+a:hover {color:#2f9def; text-decoration:none;}
+
+/***header***/
+#head{ width:100%; height:82px; background:url(../images/home/hbg.jpg) repeat-x; border-bottom:3px solid #0067b6;}
+#head .top{ width:1002px; height:82px; margin:0 auto;}
+#head .top .logo{ float:left;}
+#head .nav{ float:left;}
+#head .nav li{ width:110px; height:85px; line-height:85px; margin-left:20px; float:left;}
+#head .nav li.li1 a{ display:block; width:60px; height:85px; background:url(../images/home/icon3.png) left center no-repeat; background-position:20px; padding-left:50px; font-family:"微软雅黑"; font-size:18px; color:#fff;}
+#head .nav li.li2 a{ display:block; width:60px; height:85px; background:url(../images/home/icon1.png) left center no-repeat; background-position:20px; padding-left:50px; font-family:"微软雅黑"; font-size:18px; color:#fff;}
+#head .nav li.li1 a:hover{ display:block; width:60px; height:85px; background:#0067b6 url(../images/home/icon3.png) left center no-repeat; background-position:20px; padding-left:50px;}
+#head .nav li.li2 a:hover{ display:block; width:60px; height:85px; background:#0067b6 url(../images/home/icon1.png) left center no-repeat; background-position:20px; padding-left:50px;}
+.search{ width:214px; height:30px; float:left; margin-top:30px; margin-left:20px;}
+.hyinfo{ height:63px; float:left; margin-left:10px; margin-top:10px; position:relative;}
+.hyinfo li{ display:block; width:60px; height:63px; line-height:55px; float:left; padding-right:20px;}
+.hyinfo li.hy2 a{ display:block; color:#fff; font-weight:bold; text-align:center;}
+.hyinfo li.hy1 { display:block; width:60px; background:url(../images/home/icon4.jpg) right center no-repeat;}
+.hyinfo li img{ display:block; width:55px; height:55px; -moz-border-radius:50px; -webkit-border-radius:50px; border:4px solid #62ade5; float:left;}
+.hyinfo li.aon {background:url(../images/home/icon2.jpg) right center no-repeat; _background:url(../images/home/icon2.jpg) right center no-repeat;}
+
+
+.subbox{ position:absolute; top:63px; left:0px; width:175px; display:none; margin:0px; padding:0px;}
+.subbox span{ display:block; width:135px; height:7px; background:url(../images/home/icon2.png) left top no-repeat; background-position:20px;}
+.subbox a{ display:block; background:#fff; line-height:35px; text-align:left; color:#000; padding-left:15px;}
+.subbox a:hover{ color:#0067b6;}
+
+/***banner***/
+.banner{ width:100%; height:360px; text-align:center; overflow:hidden;}
+.school{ width:1002px; margin:0 auto; display:block; position:relative;}
+.school span{ height:25px; line-height:25px; position:absolute; bottom:15px; right:10px;}
+.school span a{ color:#fff;}
+.school span a:hover{ color:#e60085;}
+
+/***container***/
+#container{ width:1002px; margin:15px auto; display:block; overflow:hidden;}
+.left749{ width:749px; display:block; overflow:hidden; float:left; border:1px solid #dcdcdc; background:#fff;}
+.classlist{ width:749px; display:block; overflow:hidden;}
+.classlist li{ margin:30px 15px 0px; width:719px; height:152px; border-bottom:1px solid #e9e9e9; position:relative;}
+.classlist li .classimg{ width:225px; height:124px; float:left;}
+.classlist li .classinfo{ width:480px; height:124px; float:right; margin-left:14px;}
+.classlist li .classinfo .classname a{ display:block; font-size:14px; color:#666666; font-weight:bold; line-height:30px;}
+.classlist li .classinfo .schoolname a{ display:block; font-size:12px; color:#3baae1; line-height:35px;}
+.classlist li .classinfo .teacher a{ display:block; font-size:12px; color:#666666; line-height:35px;}
+.classlist li .classinfo .visit a{ display:block; font-size:12px; color:#ff5a00; line-height:35px;}
+.right235{ width:235px; display:block; overflow:hidden; float:right; border:1px solid #dcdcdc; background:#fff;}
+.tjlist li{ width:201px; height:230px; padding:15px 14px 0px; border-bottom:1px solid #e9e9e9;}
+.tjlist li .tjimg{ width:201px; height:113px;}
+.tjlist li h2{ font-size:14px; font-weight:bold; color:#707070; line-height:30px;}
+.tjlist li h3{ line-height:20px;}
+
+.classlist1{ width:709px; display:block; overflow:hidden;}
+.classlist1 li{ margin:30px 15px 0px; width:679px; height:152px; border-bottom:1px solid #e9e9e9; position:relative;}
+.classlist1 li .classimg{ width:225px; height:124px; float:left;}
+.classlist1 li .classinfo{ width:440px; height:124px; float:right; margin-left:14px;}
+.classlist1 li .classinfo .classname a{ display:block; font-size:14px; color:#666666; font-weight:bold; line-height:30px;}
+.classlist1 li .classinfo .schoolname a{ display:block; font-size:12px; color:#3baae1; line-height:35px;}
+.classlist1 li .classinfo .teacher a{ display:block; font-size:12px; color:#666666; line-height:35px;}
+.classlist1 li .classinfo .visit a{ display:block; font-size:12px; color:#ff5a00; line-height:35px;}
+.right235{ width:235px; display:block; overflow:hidden; float:right; border:1px solid #dcdcdc; background:#fff;}
+.tjlist li{ width:201px; height:230px; padding:15px 14px 0px; border-bottom:1px solid #e9e9e9;}
+.tjlist li .tjimg{ width:201px; height:113px;}
+.tjlist li h2{ font-size:14px; font-weight:bold; color:#707070; line-height:30px;}
+.tjlist li h3{ line-height:20px;}
+
+/**font***/
+.f_red{ color:#ea0023;}
+.f_blue{ color:#3daee7;}
+.f_black{ color:#929192;}
+
+/***ad***/
+.ad{ width:1190px; margin:0 auto;}
+
+/***form***/
+.input{ width:180px; height:30px; border-right:0 none; background:url(../images/home/sbg.jpg) no-repeat; border:0px; padding-left:6px; line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#555555; float:left;}
+.input2{ position:absolute; right:0px; bottom:30px;}
+.btn{ width:28px; height:30px; float:left;}
+
+/***footer***/
+#footer{ width:100%; height:337px; background:#e6e6e6; margin-top:20px; padding-top:20px;}
+.links{ width:1190px; height:145px; margin:0 auto; padding-top:15px; background:#fff;}
+.linkpic{ width:1135px; height:49px; line-height:49px; margin:0px auto; overflow:hidden;}
+.linkpic h1{ width:118px; height:49px; background:#0296e3; color:#fff; font-size:18px; font-weight:normal; text-align:center; float:left; font-family:"微软雅黑";}
+.picshow{ width:1017px; height:49px; float:left;}
+.linktext{ width:1135px; height:40px; margin:35px auto 0px;}
+.linktext h1{ width:70px; height:40px; font-size:14px; color:#6c6c6c; float:left; font-family:"微软雅黑";}
+.textlink{ width:1065px; height:40px; float:left;}
+.textlink a{ padding:0px 3px; line-height:20px; font-size:12px;}
+.copyright{ width:1190px; margin:25px auto 0px;}
+.Navigation{ text-align:center; line-height:20px;}
+.Navigation a{ color:#666666; padding:0px 5px;}
+.Navigation a:hover{ text-decoration:underline; color:#3daee7;}
+.copy{ text-align:center; line-height:30px; color:#666666;}
+
+/***title**/
+.title{ height:85px; line-height:85px; float:left;}
+.title h1{ font-family:"微软雅黑"; font-size:34px; color:#ffffff;}
+
+.title1{ height:45px; line-height:45px; font-family:"微软雅黑"; border-bottom:1px solid #dcdcdc;}
+.title1 h1{ width:135px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#707070; float:left; border-right:1px solid #dcdcdc;}
+.title1 h1.hover{ border-top:2px solid #3baae1; color:#3baae1;}
+
+.title2{ height:40px; background:#f3f3f3; border-bottom:1px solid #e9e9e9;}
+.title2 h1{ padding-left:10px; color:#707070; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+.title3 h1{ font-family:"微软雅黑"; font-size:16px; color:#0a90e8; line-height:35px; padding-left:20px;}
+.title4{ height:45px; border-bottom:1px solid #e3e3e3;}
+.title4 h1{ width:116px; height:45px; line-height:45px; background:url(../images/home/kct.jpg) bottom no-repeat; font-family:"微软雅黑"; font-size:16px; color:#fff; margin-left:15px; text-align:center; font-weight:bold;}
+
+.title5{ height:45px; border-bottom:1px solid #e3e3e3; background:#f4f4f4;}
+.title5 h1{ width:116px; height:45px; line-height:45px; font-family:"微软雅黑"; font-size:16px; color:#555555; margin-left:15px; text-align:center; font-weight:bold;}
+
+.title6{ height:45px; line-height:45px; font-family:"微软雅黑"; padding-left:15px;}
+
+.title7{ height:40px; background:#fff; border-bottom:1px solid #e9e9e9;}
+.title7 h1{ padding-left:10px; color:#18a1f5; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+.title8{ height:40px; background:#fff; border-bottom:1px solid #e9e9e9; border-top: 3px solid #3baae1;}
+.title8 h1{ padding-left:10px; color:#18a1f5; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+.title9{ height:40px; background:#f8f8f8; border-bottom:1px solid #e9e9e9; border-top: 3px solid #3baae1;}
+.title9 h1{ padding-left:10px; color:#555; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+.title10{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title10 h1{ width:85px; text-align:center; font-family:"微软雅黑"; float:left;}
+.title10 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title10 h1 a:hover,.title10 h1 a.on{ color:#0087ca; border-bottom:2px solid #0087ca;}
+
+.title11{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title11 h1{ width:85px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#0087c9; border-bottom:2px solid #0087c9; float:left;}
+
+/* ----- page ----- */
+.page{ text-align:center; clear:both; padding:30px 0px 30px 0px; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page .num a:hover,.page .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
+
+/***课程介绍**/
+.kcjs{ width:1000px; display:block; overflow:hidden; border:1px solid #e3e3e3; background:#fff;}
+.left750{ width:750px; float:left; border-right:1px solid #e3e3e3;}
+.dxlogo{ width:295px; height:75px; margin:15px;}
+.dxinfo{ width:700px; padding:25px;}
+.dxinfo h1{ font-size:16px; color:#555555; line-height:30px; font-weight:bold;}
+.dxinfo p{ font-size:14px; color:#666666; line-height:25px;}
+.right250{ width:245px; float:right;}
+.list{ width:205px; margin:20px;}
+.list li{ width:205px; height:74px; margin-bottom:20px;}
+.list .lsimg{ width:80px; height:74px; padding:3px; border:1px solid #e3e3e3; float:left;}
+.list .lsjj{ width:110px; height:74px; float:right;}
+.list .lsname{ width:110px; height:20px; font-size:14px; color:#666666; font-weight:bold;}
+.list .lszc{ width:110px; height:20px; font-size:14px; color:#666666; margin-top:10px;}
+
+.kcms{ width:1002px; display:block; overflow:hidden; margin-top:15px;}
+.left248{ width:248px; display:block; background:#fff; overflow:hidden; float:left;}
+.menu{ width:246px; display:block; border:1px solid #e3e3e3; border-bottom:0px; background:#fff;}
+.menu li{ width:246px; height:53px; line-height:53px; border-bottom:1px solid #e3e3e3; }
+.menu li span{ float:right; color:#666666; padding-right:20px;}
+.menu li span.on{ float:right; color:#fff; padding-right:20px;}
+.menu li a{ display:block; line-height:53px; font-size:14px; color:#666666; padding-left:30px;}
+.menu li a:hover,.menu li a.on{ background:#21a3f3; color:#fff; font-weight:bold;}
+.right735{ width:735px; border:1px solid #e3e3e3; background:#fff; display:block; float:right;}
+.content_news{ font-size:14px; line-height:30px; padding:17px 30px 20px 30px;}
+.content_news p{ text-indent:2em;}
+
+.zxsc{ width:730px; overflow:hidden;}
+.myvideo{ width:200px; height:158px; float:left; margin:15px 20px 15px; border:1px solid #e5e5e5;}
+.myvideo1{ width:200px; height:158px; float:left; margin:15px 15px 0px;}
+.myvideoimg{ width:200px; height:118px; position:relative;}
+.myvideoimg img{ width:200px; height:118px;}
+.myvideoimg h3{ width:193px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px;}
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+.time{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:32px;}
+
+.lsjs{ width:1000px; display:block; overflow:hidden; border:1px solid #e3e3e3; background:#fff;}
+.list1{ width:980px; margin:10px;}
+.list1 li{ width:490px; height:135px; margin-bottom:20px;}
+.list1 .lsimg{ width:145px; height:135px; padding:3px; border:1px solid #e3e3e3; float:left;}
+.list1 .lsjj{ width:315px; height:135px; float:right;}
+.list1 .lsname{ width:315px; height:20px; font-size:14px; color:#666666; font-weight:bold; margin-top:30px;}
+.list1 .lszc{ width:315px; height:20px; font-size:14px; color:#666666; margin-top:10px;}
+.list1 .lsdx{ width:315px; height:20px; font-size:14px; color:#666666; margin-top:10px;}
+
+.left735{ width:735px; border:1px solid #e3e3e3; background:#fff; display:block; float:left;}
+.right248{ width:248px; display:block; background:#fff; overflow:hidden; float:right;}
+.list2 li{ width:248px; height:208px; border-bottom:1px solid #e3e3e3; margin-top:20px;}
+.list2 .kcimg{ width:206px; height:115px; margin:0px 16px;}
+.list2 .kcname{ width:206px; height:25px; line-height:25px; margin:0px 16px;}
+.list2 .kcname a{color:#666666; font-size:14px;}
+.list2 .kccc{ width:206px; height:25px; line-height:25px; margin:0px 16px;}
+.list2 .kccc a{color:#3baae1; font-size:12px;}
+.list2 .author{ width:206px; height:25px; line-height:25px; margin:0px 16px;}
+.list2 .author a{color:#666666; font-size:12px;}
+
+.qbclass{ width:1000px; display:block; overflow:hidden; background:#fff; border:1px solid #e3e3e3; margin-top:15px;}
+.list3 li{ height:198px; border:1px solid #e3e3e3; margin-top:20px; float:left; margin-left:15px;}
+.list3 .kcimg{ width:220px; height:122px; padding:3px;}
+.list3 .kcname{ padding-left:15px; height:25px; line-height:25px;}
+.list3 .kcname a{color:#666666; font-size:14px; font-weight:bold;}
+.list3 .author{ padding-left:15px; height:25px; line-height:25px;}
+.list3 .author a{color:#666666; font-size:12px;}
+
+.qbschool{ width:1000px; display:block; overflow:hidden; background:#ffffff;}
+.list4 li{ width:233px; height:138px; float:left; margin-top:15px; margin-left:15px; background:url(../images/home/simg.jpg) no-repeat;}
+
+
+.list_news{ margin:16px 12px 0px 12px;}
+.con_news{ color:#BFB5AD; line-height:26px; margin:30px 0px 10px 0px; height:130px; border-bottom:1px solid #E5E5E5;}
+.con_news dt{ float:left; width:118px; padding:5px; height:78px;text-align:center; border:1px solid #D1D1D1;}
+.con_news dd{ float:right;width:520px; text-align:left; color:#8B8B8B}
+.f_yellow{ font-size:12px; color:#ff6000; padding-left:10px;}
+.con_news dd p{ margin:0;}
+.con_news dd a{ font-size:12px; font-weight:bold; padding-top:6px;color:#444444;}
+
+
+/***大学介绍***/
+.subbanner{ width:100%; height:305px; display:block; overflow:hidden; text-align:center;}
+.xxjj{ width:1002px; margin:0 auto; display:block; position:relative;}
+.xxlogo{ width:166px; height:166px; background:url(../images/ybg.png) no-repeat; position:absolute; top:-58px; left:0px; float:left;}
+.xxlogo .logo1{ width:141px; height:141px; margin:15px auto 0px;}
+.xxlogo .logo1 img{ width:141px; height:141px; border-radius:50%; overflow:hidden;}
+.xxgk{ width:790px; float:right; padding:10px 10px;}
+.xxgk h1{ font-size:24px; color:#067cd6; font-family:"微软雅黑";}
+.xxgk p{ font-size:14px; color:#555555; line-height:25px;}
+
+.list5{ margin:20px 10px;}
+.list5 li{ width:240px; height:100px; margin-bottom:30px; float:left;}
+.list5 .lsimg{ width:106px; height:100px; padding:3px; border:1px solid #e3e3e3; float:left;}
+.list5 .lsimg img{ width:106px; height:100px;}
+.list5 .lsjj{ width:110px; height:100px; float:left; margin-left:10px;}
+.list5 .lsname{ width:110px; height:20px; font-size:14px; color:#666666; font-weight:bold; margin-top:20px;}
+.list5 .lszc{ width:110px; height:20px; font-size:12px; color:#666666; margin-top:10px;}
+
+.list6 li{ width:235px; height:234px; background:url(../images/xxbg.jpg) no-repeat; margin:20px 7px; float:left;}
+.list6 .kcimg{ width:220px; height:122px; padding:3px;}
+.list6 .kcname{ padding-left:15px; height:25px; line-height:25px; margin-top:5px;}
+.list6 .kcname a{color:#666666; font-size:14px; font-weight:bold;}
+.list6 .author{ padding-left:15px; height:25px; line-height:25px;}
+.list6 .author a{color:#666666; font-size:12px;}
+.list6 .date{ height:19px; line-height:19px; background:url(../images/sjbg.jpg) no-repeat; color:#fff; font-size:12px; margin-top:5px; margin-left:5px; padding-left:5px;}
+
+/***高校慕课管理平台***/
+.left180{ width:180px; display:block; overflow:hidden; background:#f2f2f2; float:left;}
+.grtx{ width:145px; height:205px; margin:15px auto 0px;}
+.grimg{ width:145px; height:143px;}
+.grimg img { width:145px; height:143px; padding:4px;}
+.grname{ line-height:40px; text-align:center;}
+.grname a{ font-size:14px; color:#ffa100; font-weight:bold;}
+
+
+.menu1{font-family:"微软雅黑";}
+.menu1 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu1 p{line-height:30px;padding:0px; margin:0px;}
+.menu1 li p a,
+.menu1 .on p a,
+.menu1 li p a:hover,
+.menu1 .on p a:hover{color:#3a3a3a;background:none;padding:0;margin:0;font:12px/20px "Microsoft Yahei";}
+.menu1 li p a:hover,
+.menu1 .on p a:hover{color:#e10083;}
+.menu1 li a{ height:35px; line-height:35px; background:url(../images/grzx/lma.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu1 li a:hover{background:#3cace4 url(../images/grzx/lmh.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu1 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu1 .on a{ background:url(../images/grzx/lmh.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu1 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu1 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu1 li a:hover em{background-position:right -138px;}
+.menu1 .on a em,
+.menu1 .on a:hover em{background-position:right -182px;}
+
+.menu2{font-family:"微软雅黑";}
+.menu2 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu2 li a{ height:35px; line-height:35px; background:url(../images/grzx/lm2.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu2 li a:hover{background:#3cace4 url(../images/grzx/lm2h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu2 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu2 .on a{ background:url(../images/grzx/lm2h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu2 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu2 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu2 li a:hover em{background-position:right -138px;}
+.menu2 .on a em,
+.menu2 .on a:hover em{background-position:right -182px;}
+
+.menu3{font-family:"微软雅黑";}
+.menu3 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu3 li a{ height:35px; line-height:35px; background:url(../images/grzx/lm3.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu3 li a:hover{background:#3cace4 url(../images/grzx/lm3h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu3 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu3 .on a{ background:url(../images/grzx/lm3h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu3 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu3 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu3 li a:hover em{background-position:right -138px;}
+.menu3 .on a em,
+.menu3 .on a:hover em{background-position:right -182px;}
+
+.menu4{font-family:"微软雅黑";}
+.menu4 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu4 li a{ height:35px; line-height:35px; background:url(../images/grzx/lm4.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu4 li a:hover{background:#3cace4 url(../images/grzx/lm4h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+
+.menu4 .on{ height:35px; background:url(../images/class/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu4 .on a{ background:url(../images/grzx/lm4h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu4 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu4 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu4 li a:hover em{background-position:right -138px;}
+.menu4 .on a em,
+.menu4 .on a:hover em{background-position:right -182px;}
+
+.right740{ width:740px; display:block; float:right; display:block; overflow:hidden;}
+.display{ width:740px; display:block; margin-top:15px;}
+.tab{ font-size:12px; color:#686868;}
+.nysearchbox{ width:230px; height:23px; line-height:23px; float:right; margin-top:10px;}
+.gkvideo{ width:146px; height:130px; float:left; margin:15px 10px 0px;}
+.gkvideoimg{ width:146px; height:87px; position:relative;}
+.gktime{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:5px;}
+.spclose{ display:block; width:28px; height:28px; position:absolute; top:-5px; right:-5px;}
+.input1{ width:235px; height:35px; border:1px solid #dadada; color:#dadada; line-height:35px;}
+.input4{border:1px solid #dadada; color:#dadada; line-height:25px;}
+.btn1{ width:85px; height:30px; color:#fff; line-height:30px; border:1px solid #dc8c03; background:#ffa100; cursor:pointer;}
+.btn4{ width:85px; height:30px; color:#fff; line-height:30px; border:1px solid #1a1a1a; background:#3c3c3c; cursor:pointer;}
+.gxtx img{ display:block; width:132px; height:96px; border:1px solid #eaeaea; margin-top:10px; margin-left:15px;}
+
+.biji{ width:740px; display:block; margin-top:15px;}
+.bijicz{ width:740px; height:30px;}
+.bjsc{ width:100px; float:left;}
+.bjsc a{ color:#686868; padding-left:6px;}
+.bjsc a:hover{ color:#0087c9;}
+.bjpage{ float:right;}
+.bjtitle{ width:740px; height:30px; line-height:30px; background:#f2f2f2; margin:20px auto;}
+.bjxx{ width:488px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.bjpx{ width:195px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+
+.sptitle{ width:740px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto;}
+.wdspxx{ width:205px; height:30px; padding-left:10px; float:left;}
+.wdspzt{ width:270px; height:30px; float:left; text-align:center; color:#686868;}
+.wdspsj{ width:145px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdspcz{ width:90px; height:30px; text-align:center; float:left;}
+.wdsplist li{ width:740px; height:110px; padding-top:25px; border-bottom:1px dashed #e0e0e0;}
+.wdsplist li.libg{ background:#f7f7f7;}
+.wdsplist li .wdsp{ width:146px; height:87px; float:left; position:relative;}
+.gktime{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:5px;}
+.checkbox{ display:block; margin-left:10px; float:left;}
+.wddate{ width:145px; line-height:60px; float:left; text-align:center;}
+.wddate a{ color:#1b91cf;}
+.spfb{ width:270px; line-height:60px; text-align:center; color:#686868; float:left;}
+.wddp{ width:140px; float:left; padding-top:10px;}
+.wddp span{ display:block; width:140px; margin-bottom:5px; text-align:center;}
+.wddp span a{ color:#686868; padding-left:10px;}
+.wddp span a:hover{ color:#1b91cf;}
+.wdcz{ float:left;}
+.wdcz a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:20px; margin-left:30px;}
+.wdcz a:hover{ text-decoration:underline;}
+.nysearchbox{ width:230px; height:23px; line-height:23px; float:right; margin-top:10px;}
+.input6{ width:175px; height:23px; line-height:23px; border:1px solid #dedede; border-right:0px; float:left; color:#b3b3b3; padding-left:10px;}
+.btn5{ float:left;}
+.input11{ float:left; margin-left:5px; margin-right:40px; margin-top:7px;}
+.input12{ float:left; margin-left:5px; margin-right:40px; margin-top:20px;}
+.input13{ float:left; margin-left:5px; margin-right:20px; margin-top:7px;}
+.input14{ float:left; margin-left:5px; margin-right:20px; margin-top:20px;}
+
+.rytitle{ width:740px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto 0px;}
+.ryxm{ width:140px; height:30px; padding-left:10px; float:left;}
+.ryzc{ width:500px; height:30px; float:left; text-align:center; color:#686868; background:url(../images/grzx/bjline.jpg) right center no-repeat;}
+.rycz{ width:75px; height:30px; text-align:center; float:left;}
+
+.rylist li{ width:740px; height:50px; border-bottom:1px dashed #e0e0e0;}
+.rylist li.libg{ background:#f7f7f7;}
+.ryname{ width:80px; height:50px; line-height:50px; float:left;}
+.kcmc{ width:500px; height:50px; line-height:50px; float:left; text-align:center;}
+.rycz1{ width:75px; height:50px; float:left;}
+.rycz1 a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:20px; margin-left:20px;}
+.rycz1 a:hover{ text-decoration:underline;}
+.input5{ margin-left:15px; margin-top:10px;}
+
+.rztitle{ width:740px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto 0px;}
+.rzxm{ width:100px; height:30px; padding-left:10px; float:left;}
+.rzxx{ width:380px; height:30px; float:left; text-align:center; color:#686868;}
+.rzzt{ width:150px; height:30px; line-height:30px; text-align:center; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat;}
+.rzcz{ width:80px; height:30px; line-height:30px; text-align:center; float:left;}
+
+.rzlist li{ width:740px; height:50px; border-bottom:1px dashed #e0e0e0;}
+.rzlist li.libg{ background:#f7f7f7;}
+.rzname{ width:80px; height:50px; line-height:50px; text-align:left; float:left;}
+.rzxxm{ width:360px; height:50px; line-height:50px; text-align:center; float:left;}
+.rzzt1{ width:145px; height:50px; line-height:50px; text-align:center; float:left;}
+.rzcz1{ width:75px; height:50px; float:left;}
+.rzcz1 a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:20px; margin-left:25px;}
+.f_orange{ color:#ffa100;}
+
+
+/* ----- page ----- */
+.page1{ text-align:center; clear:both; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page1 .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page1 .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page1 .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page1 .num a:hover,.page1 .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page1 em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page1 .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page1 .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
+
diff --git a/code/css/whir_grzx.css b/code/css/whir_grzx.css
new file mode 100644
index 0000000..86c73fb
--- /dev/null
+++ b/code/css/whir_grzx.css
@@ -0,0 +1,611 @@
+@charset "utf-8";
+.body1{background:#efefef;}
+#container{ width:100%; display:block; overflow:hidden;}
+.banner{ width:1200px; height:260px; margin:15px auto 0px;}
+.grinfo{ width:1200px; height:130px; margin:0 auto; background:#fff; position:relative;}
+.grphoto{ width:172px; height:171px; background:#fff; position:absolute; top:-45px; left:40px;}
+.grphoto img{ width:162px; height:161px; padding:5px;}
+.grxx{ width:470px; height:130px; margin-left:225px;}
+.name{ width:470px; height:25px; padding-top:30px;}
+.name span{ float:left;}
+.grname{ font-family:"微软雅黑"; font-size:24px; color:#3c3c3c; line-height:25px;}
+.dengji{ display:block; font-size:12px; color:#e10083; margin-left:10px; padding-top:10px;}
+.paiming{ display:block; font-size:12px; color:#000; margin-left:10px; padding-top:12px;}
+.grjj{ width:470px; height:35px; padding-top:10px; font-size:12px; line-height:20px; color:#929192; clear:both;}
+.visit{ width:470px; height:25px; line-height:25px;}
+.visit span{ float:left;}
+.jifen{ color:#686868;}
+.guanzhu{ width:57px; height:23px; background:#dc4297; border:1px solid #b8357d; text-align:center; margin-left:15px;}
+.guanzhu a{ color:#fff;}
+.guanzhu a:hover{ text-decoration:underline;}
+.tuijian{ display:block; color:#929192; margin-left:15px;}
+.tuijian a{ color:#929192;}
+.tuijian a:hover{ color:#000;}
+
+/***个人***/
+.mainbox{ width:1160px; display:block; margin:0 auto; background:#fff; padding: 60px 20px 20px; overflow:hidden;}
+.nysearch{ width:295px; height:35px; float:right; margin:0px; padding:0px;}
+.wenti{ position:absolute; left:670px; bottom:0px;}
+.left840{ width:840px; display:block; overflow:hidden; float:left;}
+.zxsc{ width:840px; height:330px; overflow:hidden;}
+.myvideo{ width:200px; height:148px; float:left; margin:15px 2px 0px;}
+.myvideo1{ width:200px; height:148px; float:left; margin:15px 15px 0px;}
+.myvideoimg{ width:200px; height:118px; position:relative;}
+.myvideoimg img{ width:200px; height:118px;}
+.myvideoimg h3{ width:193px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px;}
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+.time{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:32px;}
+.studyvideo{ width:840px; height:158px; margin-top:15px;}
+.cjclass{ width:840px; height:170px; margin-top:20px;}
+.cjclass li{ width:153px; height:135px; float:left; margin:15px 5px 0px;}
+.cjimg{ width:153px; height:92px;}
+.cjtitle{ height:30px; line-height:30px; color:#686868; font-size:14px;}
+.cjtitle a{ color:#686868;}
+.cjtitle a:hover{ color:#e10083;}
+.join{ width:133px; background:url(../images/grzx/join.jpg) left center no-repeat; padding-left:20px;}
+.join a{ color:#929192;}
+.join a:hover{ color:#e10083;}
+.right295{ width:295px; float:right; display:block;}
+.xqlist{ width:285px; height:120px; margin:0px auto;}
+.xqlist li{ width:285px; height:50px; margin-top:15px;}
+.xqtx{ width:50px; height:50px; float:left;}
+.xqnr{ width:222px; height:50px; float:right;}
+.xyzs{ width:222px; line-height:20px;}
+.myfriend{ width:285px; height:210px; margin:15px auto 0px;}
+.myfriend li{ width:50px; height:70px; float:left; text-align:center; margin:15px 10px 0px; line-height:20px;}
+.myfriend li a:hover{ color:#e10083;}
+.zjfk{ width:285px; height:115px; margin:15px auto 0px;}
+.zjfk li{ width:50px; height:70px; float:left; text-align:center; margin:15px 10px 0px; line-height:20px;}
+.zjfk li a:hover{ color:#e10083;}
+.biaoqing{ display:block; float:left; margin-top:10px;}
+.biaoqing a{ color:#686868; padding-left:10px;}
+
+
+/***个人中心***/
+.subbox{ width:1100px; display:block; margin:15px auto;}
+.left180{ width:180px; display:block; overflow:hidden; background:#f2f2f2; float:left;}
+.grtx{ width:145px; height:185px; margin:15px auto 0px;}
+.grimg{ width:145px; height:161px; background:#fff;}
+.grimg img { width:137px; height:153px; padding:4px;}
+.grname{ line-height:25px; text-align:center;}
+.grname a{ font-size:14px; color:#3cade9;}
+
+.bot a,.menu1 li a em{background:url(../images/grzx/arrow.png) no-repeat;}
+.menu1{font-family:"微软雅黑";}
+.menu1 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu1 p{line-height:30px;padding:0px; margin:0px;}
+.menu1 li p a,
+.menu1 .on p a,
+.menu1 li p a:hover,
+.menu1 .on p a:hover{color:#3a3a3a;background:none;padding:0;margin:0;font:12px/20px "Microsoft Yahei";}
+.menu1 li p a:hover,
+.menu1 .on p a:hover{color:#e10083;}
+.menu1 li a{ height:35px; line-height:35px; background:url(../images/grzx/icon.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu1 li a:hover{background:#e10083 url(../images/grzx/iconh.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu1 .on{ height:35px; background:url(../images/grzx/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu1 .on a{ background:url(../images/grzx/iconh.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu1 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu1 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu1 li a:hover em{background-position:right -138px;}
+.menu1 .on a em,
+.menu1 .on a:hover em{background-position:right -182px;}
+.menu1_sub{padding:5px 0 0 45px;display:none;}
+.menubox{ text-align:center; background:url(../images/grzx/line.jpg) bottom center no-repeat; margin-bottom:10px;}
+.menubox p{ padding:0px; margin:0px; line-height:30px;}
+.menubox p a{ font-size:14px; color:#3c3c3c;}
+.menubox p a:hover{ color:#e10083;}
+
+.menu2{font-family:"微软雅黑";}
+.menu2 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu2 li a{ height:35px; line-height:35px; background:url(../images/grzx/icon1.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu2 li a:hover{background:#e10083 url(../images/grzx/icon1h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu2 .on{ height:35px; background:url(../images/grzx/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu2 .on a{ background:url(../images/grzx/icon1h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu2 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu2 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu2 li a:hover em{background-position:right -138px;}
+.menu2 .on a em,
+.menu2 .on a:hover em{background-position:right -182px;}
+
+.menu3{font-family:"微软雅黑";}
+.menu3 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu3 li a{ height:35px; line-height:35px; background:url(../images/grzx/icon2.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu3 li a:hover{background:#e10083 url(../images/grzx/icon2h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu3 .on{ height:35px; background:url(../images/grzx/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu3 .on a{ background:url(../images/grzx/icon2h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu3 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu3 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu3 li a:hover em{background-position:right -138px;}
+.menu3 .on a em,
+.menu3 .on a:hover em{background-position:right -182px;}
+
+.menu4{font-family:"微软雅黑";}
+.menu4 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu4 li a{ height:35px; line-height:35px; background:url(../images/grzx/icon3.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu4 li a:hover{background:#e10083 url(../images/grzx/icon3h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu4 .on{ height:35px; background:url(../images/grzx/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu4 .on a{ background:url(../images/grzx/icon3h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu4 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu4 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu4 li a:hover em{background-position:right -138px;}
+.menu4 .on a em,
+.menu4 .on a:hover em{background-position:right -182px;}
+
+.menu5{font-family:"微软雅黑";}
+.menu5 li{padding:0px;font:16px "Microsoft Yahei";float:left;width:100%;}
+.menu5 li a{ height:35px; line-height:35px; background:url(../images/grzx/icon4.gif) left center no-repeat;padding-left:45px;display:block;width:135px; background-position:10px;}
+.menu5 li a:hover{background:#e10083 url(../images/grzx/icon4h.gif) left center no-repeat;color:#fff;text-decoration:none;margin:0 -1px;padding:0 1px 0 46px; background-position:10px;}
+.menu5 .on{ height:35px; background:url(../images/grzx/on.jpg) no-repeat; margin:0 -1px 0;padding:0 1px 10px;}
+.menu5 .on a{ background:url(../images/grzx/icon4h.gif) left center no-repeat; color:#fff; background-position:10px;}
+.menu5 .on a:hover{background-color:transparent;margin:0;padding:0 1px 0 45px;}
+.menu5 li a em{background-position:right -221px;padding:0 20px 0 0;}
+.menu5 li a:hover em{background-position:right -138px;}
+.menu5 .on a em,
+.menu5 .on a:hover em{background-position:right -182px;}
+
+.right840{ width:840px; display:block; float:right;}
+.display{ width:840px; display:block; margin-top:15px;}
+.tab{ font-size:12px; color:#686868;}
+.nysearchbox{ width:230px; height:23px; line-height:23px; float:right; margin-top:10px;}
+.gkvideo{ width:146px; height:130px; float:left; margin:15px 10px 0px;}
+.gkvideoimg{ width:146px; height:87px; position:relative;}
+.gktime{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:5px;}
+.spclose{ display:block; width:28px; height:28px; position:absolute; top:-5px; right:-5px;}
+
+.lylist{ margin-top:15px;}
+.lylist li{ width:840px; height:90px; border-bottom:1px dashed #e0e0e0; margin-bottom:15px;}
+.lyimg{ width:50px; height:50px; float:left;}
+.lyimg img{ width:50px; height:50px;}
+.lyinfo{ width:600px; float:left; margin-left:10px;}
+.lyname{ width:600px; height:16px;}
+.myname{ font-size:16px; float:left;}
+.myname a{ color:#e10083;}
+.lyname .vip{ color:#686868; margin-left:10px;}
+.myinfo{ color:#3c3c3c; margin-left:20px;}
+.gxqm{ width:600px; line-height:20px; color:#686868; clear:both;}
+.reque{ width:600px; line-height:20px; color:#686868; clear:both;}
+.reque a{ color:#1b91cf;}
+.reque a:hover{ text-decoration:underline;}
+.delete{ float:right; margin-right:20px;}
+.delete a{ color:#1b91cf; line-height:50px;}
+.delete a:hover{ text-decoration:underline;}
+
+.twlist{ margin-top:15px;}
+.twlist li{ width:840px; height:140px; border-bottom:1px dashed #e0e0e0; margin-bottom:15px;}
+.twimg{ width:90px; height:110px; float:left; line-height:20px;}
+.twimg img{ width:90px; height:90px;}
+.twinfo{ width:600px; float:left; margin-left:20px;}
+.twtitle{ width:600px; line-height:20px; margin-top:10px;}
+.twtitle a{ color:#1b91cf;}
+.twtitle a:hover{ text-decoration:underline;}
+.twjf{ color:#686868; margin-top:15px;}
+.huida a{ display:block; width:41px; height:21px; border:1px solid #b9b9b9; color:#1b91cf; text-align:center; float:right; margin-right:20px; line-height:21px; margin-top:35px;}
+
+.scvideo{ width:271px; height:50px; margin:100px auto 0px;}
+.xieyi{ text-align:center; line-height:30px; color:#686868; margin-top:60px;}
+.xieyi a{ color:#e10083;}
+.xieyi a:hover{ text-decoration:underline;}
+.wsxx{ width:379px; height:31px; margin:30px auto; text-align:center; font-size:12px; color:#f68520; background:url(../images/grzx/spbg.jpg) no-repeat; line-height:31px;}
+.jingdu{ width:750px; height:26px; background:#f4f4f4; margin:20px auto; padding:10px;}
+.jingdu span.spjd{ float:left;}
+.jingdu span.qxsc{ line-height:26px; float:right; margin-right:5px;}
+.jingdu span.qxsc a{color:#686868;}
+.videoinfo{ width:770px; display:block; border-top:1px dashed #e0e0e0; margin:40px auto;}
+.left502{ width:502px; display:block; float:left;}
+.tab1 td{ height:30px;}
+.tab1 a{ font-weight:bold;}
+.right245{ width:245px; display:block; float:right;}
+.banquan{ width:245px; height:25px; line-height:25px; color:#686868;}
+.banquan a{ display:block; width:35px; height:23px; color:#686868; text-align:center; float:left; margin-left:5px;}
+.banquan a.on{ background:#e0e0e0; border:1px solid #c1c1c1; color:#b7b7b7;}
+.banquan span{ display:block; float:left;}
+.tab2{ margin-top:15px;}
+.tab2 span.bqimg img{ width:201px; height:122px; padding:1px; border:1px solid #c1c1c1; margin-bottom:15px;}
+.tab2 p{ width:140px; float:right; line-height:20px; margin:0px; padding:0px;}
+.win{ width:840px; height:175px; border-top:1px solid #d9d9d9;}
+.sccg{ width:360px; height:55px; margin:80px auto 0px;}
+.cgimg{ float:left;}
+.cginfo{ width:285px; float:right;}
+.cginfo h1{ font-family:"微软雅黑"; font-size:18px; color:#3c3c3c;}
+.cginfo h2{ margin-top:10px;}
+.cginfo h2 span{ color:#686868; line-height:30px;}
+.cginfo h2 span a{ color:#e10083;}
+.cginfo h2 span a:hover{ text-decoration:underline;}
+.spbcxx{ width:770px; height:50px; border-top:1px dashed #e0e0e0; margin:0 auto;}
+.spbcxx span{ display:block; width:750px; height:27px; line-height:27px; color:#f68520; background:#fffbcb; margin-top:15px; padding-left:20px;}
+.cgspxx{ width:840px; display:block; padding:30px 0px; border-bottom:1px solid #e0e0e0}
+.tab3{ width:770px; margin:0 auto; display:block; font-size:14px; color:#8a8a8a; background:url(../images/grzx/cgline.jpg) center center no-repeat;}
+.tab3 td{ width:350px; height:30px; line-height:30px; padding-left:40px;}
+
+/***我的笔记***/
+.biji{ width:840px; display:block; margin-top:15px;}
+.bijicz{ width:840px; height:30px;}
+.bjsc{ width:100px; float:left;}
+.bjsc a{ color:#686868; padding-left:6px;}
+.bjsc a:hover{ color:#e10083;}
+.bjpage{ float:right;}
+.bjtitle{ width:840px; height:30px; line-height:30px; background:#f2f2f2; margin:20px auto;}
+.bjxx{ width:488px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.bjpx{ width:195px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.bjcz{ width:110px; height:30px; text-align:center; float:left;}
+.bjlist li{ width:840px; height:52px; line-height:52px; border-bottom:1px dashed #e0e0e0;}
+.bjlist li span.pxcz{ float:left; margin-left:10px;}
+.bjlist li span.bjxg{ display:block; width:275px; float:left;}
+.bjlist li span.bjxg a{ color:#686868;}
+.bjlist li span.bjxg a:hover{ text-decoration:underline;}
+.bjlist li span.bjfl{ display:block; width:160px; float:left;}
+.bjlist li span.bjfl a{ color:#e10083;}
+.bjlist li span.bjfl a:hover{ text-decoration:underline;}
+.bjlist li span.bjdate{ display:block; width:195px; text-align:center; float:left;}
+.bjlist li span.bjdate a{ color:#686868;}
+.bjlist li span.bjdate a:hover{ text-decoration:underline;}
+.bjlist li span.czbj{ margin-left:30px; float:left;}
+.bjlist li span.czbj a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px;}
+.bjlist li span.czbj a:hover{ text-decoration:underline;}
+
+/***我的关注***/
+.gzlist{ width:840px; margin-top:15px;}
+.gzlist li{ width:840px; height:145px; margin-bottom:35px;}
+.gzlist li .gzimg{ width:145px; height:145px; float:left;}
+.gzinfo{ width:670px; height:145px; float:right;}
+.gzname{ display:block; width:670px; height:20px; line-height:20px; margin-top:10px;}
+.gzname a{ font-size:16px; color:#e10083;}
+.gzxb{ display:block; width:670px; height:25px; line-height:25px; color:#3c3c3c;}
+.gzqm{ display:block; width:670px; height:25px; line-height:25px; color:#878787;}
+.gzdj{ display:block; width:670px; height:25px; line-height:25px;}
+.gzdj a{ padding-left:10px; color:#686868;}
+.gzfs{ display:block; width:670px; height:25px; line-height:25px;}
+.gzfs a{ color:#e10083;}
+
+/***我的回答***/
+.hdlist li{ width:840px; height:65px; border-bottom:1px dashed #e0e0e0; margin-bottom:20px;}
+.hdlist li .agree{ width:50px; height:43px; float:left; text-align:center; }
+.hdlist li .agree a{ height:43px; line-height:20px; display:block; background:#dedede; color:#b8b6b6;}
+.hdlist li .agree a:hover{ background:#e10083; color:#fff;}
+.hdlist li .hdinfo{ width:500px; float:left; margin-left:20px;}
+.hdtitle{ width:600px; line-height:20px;}
+.hddate{ float:left; line-height:65px;}
+.hdtitle a{ color:#1b91cf;}
+.hdtitle a:hover{ text-decoration:underline;}
+.hdjf{ color:#686868; margin-top:5px;}
+.wdzt{ float:left; margin-left:100px;}
+.wdzt a{ display:block; color:#1b91cf; text-align:center; margin-right:20px; line-height:65px;}
+
+/***我的慕课***/
+.myclass{ width:840px; height:178px;}
+.myclass li{ width:840px; height:178px; border-bottom:1px dashed #e0e0e0;}
+.classtitle{ float:left; width:155px; height:178px; margin-left:20px;}
+.classtitle h1{ font-size:14px; line-height:25px; color:#3cade9; margin-top:20px;}
+.classtitle h1 a{ color:#3cade9;}
+.classtitle h2{ font-size:14px; line-height:25px; color:#686868;}
+.classtitle h3{ font-size:12px; color:#686868; line-height:25px;}
+.wytw{ width:86px; height:32px; line-height:32px; text-align:center; float:right; margin-right:10px; margin-top:80px;}
+.wytw a{ display:block; background:url(../images/grzx/wytw.jpg) no-repeat; color:#fff; font-size:14px;}
+
+
+/***我的视频***/
+.sptitle{ width:840px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto;}
+.wdspxx{ width:156px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.wdsppx{ width:220px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdspzt{ width:140px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdspcz{ width:160px; height:30px; text-align:center; float:left;}
+.wdsplist li{ width:840px; height:110px; padding-top:25px; border-bottom:1px dashed #e0e0e0;}
+.wdsplist li.libg{ background:#f7f7f7;}
+.wdsplist li .wdsp{ width:146px; height:87px; float:left; position:relative;}
+.gktime{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:5px;}
+.checkbox{ display:block; margin-left:10px;}
+.wddate{ width:168px; float:left; margin-left:10px;}
+.wddate span{ display:block; width:168px; font-size:12px; color:#686868; line-height:20px;}
+.wddate span a{ color:#1b91cf;}
+.spfb{ width:140px; line-height:60px; text-align:center; color:#686868; float:left;}
+.wddp{ width:140px; float:left; padding-top:10px;}
+.wddp span{ display:block; width:140px; margin-bottom:5px; text-align:center;}
+.wddp span a{ color:#686868; padding-left:10px;}
+.wddp span a:hover{ color:#1b91cf;}
+.wdcz{ margin-left:30px; float:left;}
+.wdcz a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px; margin-left:30px;}
+.wdcz a:hover{ text-decoration:underline;}
+
+/***我的提问***/
+.scfj{ width:840px; height:30px; line-height:30px; background:#eeeeee; border-bottom:1px solid #dedede;}
+.scfj a{ color:#7d7d7d; padding-left:15px;}
+.twform{ margin-top:20px;}
+.dxtw{ margin-top:20px; line-height:15px;}
+
+/***我加入的班级***/
+.jrclass{ width:840px; display:block; margin-top:15px;}
+.joinlist li{ width:840px; height:175px; border-bottom:1px dashed #e0e0e0; margin-top:30px;}
+.classimg{ width:145px; height:145px; float:left;}
+.classinfo{ width:340px; float:left; margin-left:20px;}
+.classname{ width:340px; height:25px;}
+.wdxm a{ font-size:16px; color:#e10083; line-height:25px;}
+.wdxm a:hover{ text-decoration:underline;}
+.wdpf{ color:#3c3c3c; padding-left:15px;}
+.tcclass{ width:340px; height:26px; margin:10px 0px;}
+.tcclass a{ display:block; width:79px; height:26px; background:#ffa100; border:1px solid #ee9600; color:#fff; text-align:center; line-height:26px; font-weight:bold;}
+.wdqm{ width:340px; line-height:25px; color:#8c8c8c;}
+.classnum{ width:340px; line-height:25px; color:#686868;}
+.classnum a{ color:#e10083;}
+.classnum a:hover{ text-decoration:underline;}
+.wdrz{ width:260px; float:left;}
+.wdrz dd{ width:260px; height:25px; line-height:25px;}
+.wdrz dd a{ display:block; color:#3c3c3c; float:left;}
+.wdrz dd a:hover{ color:#e10083;}
+.wdrz dd span.wdfl a{ display:block; float:left; color:#e10083;}
+.wdrz dd span.wdfl a:hover{ text-decoration:underline;}
+.wdrz dd span.fbsj{ color:#3c3c3c; float:right;}
+
+/***写日志***/
+.rizhi{ width:55px; height:23px; float:left; margin-right:35px;}
+.rizhi a{ display:block; width:55px; height:23px; line-height:23px; color:#fff; background:#fe981c; border:1px solid#f1901a; text-align:center;}
+.rztitle{ width:840px; height:30px; line-height:30px; background:#f2f2f2; margin:10px auto;}
+.wdrzxx{ width:395px; height:30px; padding-left:10px; background:url(../images/grzx/bjline.jpg) right center no-repeat; float:left;}
+.wdrzpx{ width:150px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdrzzt{ width:80px; height:30px; float:left; background:url(../images/grzx/bjline.jpg) right center no-repeat; text-align:center; color:#686868;}
+.wdrzcz{ width:100px; height:30px; text-align:center; float:left;}
+.rzlist li{ width:840px; height:52px; line-height:52px; border-bottom:1px dashed #e0e0e0;}
+.rzlist li span.pxcz{ float:left; margin-left:10px;}
+.rzlist li span.bjxg{ display:block; width:365px; float:left;}
+.rzlist li span.bjxg a{ color:#686868;}
+.rzlist li span.bjxg a:hover{ text-decoration:underline;}
+.rzlist li span.rzfl{ display:block; width:80px; float:left;}
+.rzlist li span.rzfl a{ color:#e10083;}
+.rzlist li span.rzfl a:hover{ text-decoration:underline;}
+.rzlist li span.bjdate{ display:block; width:100px; text-align:center; float:left;}
+.rzlist li span.bjdate a{ color:#686868;}
+.rzlist li span.bjdate a:hover{ text-decoration:underline;}
+.rzlist li span.czbj{ margin-left:50px; float:left;}
+.rzlist li span.czbj a{ display:block; width:38px; height:18px; line-height:18px; background:#eeeeee; border:1px solid #dedede; text-align:center; color:#1b91cf; margin-top:15px;}
+.rzlist li span.czbj a:hover{ text-decoration:underline;}
+
+/***我的账户***/
+.f_orange{ color:#ff6c00; font-size:16px; font-weight:bold;}
+.tab4{ font-size:12px; color:#686868;}
+.tab5{ font-size:18px; color:#313131; font-family:"微软雅黑";}
+.tab5 img{ border:1px solid #dddddd;}
+.input14{ width:220px; height:25px; padding-left:10px; line-height:25px; border:1px solid #c1c1c1; font-size:12px; color:#bababa;}
+
+/***我的积分***/
+.dqjf{ width:100%; color:#3c3c3c; font-size:12px; line-height:30px;}
+.jflist{ width:100%; font-size:12px; color:#3c3c3c;}
+.titlei{ height:40px; border-bottom:1px solid #dedede;}
+.jfjl{ float:left;}
+.jfjl a{ color:#e10083; line-height:40px; padding:0px 5px;}
+.jfjl a:hover,.jfjl a.hover{ color:#3c3c3c;}
+.jfinfo li{ height:40px; line-height:40px; border-bottom:1px solid #dedede; font-size:12px; color:#3c3c3c;}
+.jfinfo li span{ display:block; float:left;}
+.jfinfo li span.jfdate{ width:82px; padding-left:5px;}
+.jfinfo li span.jfyt{ width:235px; padding-left:5px;}
+.jfinfo li span.jfnum{ width:175px; text-align:center;}
+.f_green{ color:#4f9900; font-weight:bold;}
+.f_orange1{ color:#ff6c00; font-weight:bold;}
+.jfinfo li span.jfjg{ width:170px; text-align:center;}
+.jfinfo li span.jfxx{ width:150px; text-align:center; background:url(../images/grzx/jfbg.jpg) left center no-repeat; background-position:100px;}
+.jfinfo li span.jfxx a{ color:#3cabe3;}
+.jfdelete{ height:40px; line-height:40px; border-bottom:1px solid #dedede;}
+.jfdelete span.shanchu a{ display:block; width:80px; text-align:center; color:#3cabe3; background:url(../images/grzx/debg.jpg) left center no-repeat; background-position:10px; float:left;}
+.jfdelete span.all a{ font-family:"微软雅黑"; width:150px; text-align:center; color:#3cabe3; float:right;}
+
+/***写心情***/
+.div_mid .state{ margin-top:30px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e1e1e1; width:675px; overflow:hidden;}
+#emotions{ width: 395px; font-size:12px; position:absolute; border-radius:3px;
+ -moz-border-radius: 3px; -webkit-border-radius: 3px; display:none; background: none repeat scroll 0 0 #FFFFFF;
+ border: 1px solid #E8E8E8;}
+#emotions a{ padding:2px 7px; text-decoration:none;}
+#emotions img{ border:0;}
+#emotions div{ margin:5px 10px; padding:1px; overflow: hidden;}
+#emotions .container{ padding:1px; overflow: hidden; width:380px;}
+#emotions .container a{ float:left; width:26px; height:22px; text-align:center;
+ padding: 4px 2px; margin: -1px 0 0 -1px; border:1px solid #E8E8E8;}
+#emotions .container a:hover{ z-index:2; position:relative; border:1px solid #0095CD;}
+#editdiv{ padding:2px 0 0 5px;}
+.state_fb{ width:675px;}
+#mood_add{ float:right}
+#face { width:30px; line-height:22px; display:inline-block; margin-left:10px; padding-top:5px;}
+#face i { width:18px; height:18px; background-position:0px -109px; display:inline-block; margin-top:5px; float:left;
+ background:url(../images/bg_tmp.png) no-repeat;}
+#face i{ background-position:0px -109px;}
+.modhf{ width:675px; margin-top:40px;}
+.xqphoto{ width:48px; height:49px; display:block; overflow:hidden; float:left;}
+.shuoshuo{ width:608px; display:block; float:right; position:relative;}
+.shuoshuo span.lefticon{ position:absolute; width:5px; height:12px; left:-4px; top:10px;}
+.xqcon{ width:606px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display:block; overflow:hidden;}
+.fbxx{ width:576px; margin:15px; display:block; overflow:hidden;}
+.xxcon{ width:576px; display:block; overflow:hidden;}
+.xxinfo{ width:576px; height:30px; line-height:30px;}
+.xxinfo span.date{ font-size:12px; color:#929192; float:left;}
+.xxinfo span.xxpls{ font-size:12px; color:#e10083; float:right;}
+.xqcon span{ display:inherit float:left; font-size:14px; color:#454444; line-height:21px;}
+.xqcon span a{ color:#e10083; padding-right:10px;}
+.xqhf{ width:606px; display:block; overflow:hidden; background:url(../images/grzx/xqt.jpg) top no-repeat;}
+.hfcon{ width:606px; display:block; overflow:hidden; margin:15px;}
+.hfphoto{ width:35px; height:35px; float:left;}
+.hfcontent{ width:550px; display:block; overflow:hidden; float:right;}
+.hfcontent span{ display:block; float:left; font-size:14px; color:#454444; line-height:21px;}
+.hfcontent span a{ color:#e10083; padding-right:10px;}
+.nrcz{ width:550px; display:block; overflow:hidden; float:right; margin-top:5px;}
+.nrcz span{ float:left; font-size:12px; color:#929192;}
+.nrcz span a{ font-size:12px; color:#929192; padding-left:10px;}
+.nrcz span.hfxq{ display:block; float:left; margin-left:10px;}
+.fbform{ width:576px; display:block; line-height:30px; border:1px solid #e1e1e1; display:block; overflow:hidden; margin:15px;}
+.fbform a{ display:block; width:45px; background:#f1f1f1; text-align:center; float:right; border-left:1px solid #e1e1e1;}
+.input15{ width:510px; border:0px; padding-left:12px; font-size:12px; color:#929192; height:30px; line-height:30px; float:left; }
+
+/***我的提问***/
+.titleinfo{ line-height:30px; font-size:12px; color:#cac8c8;}
+.titleinfo a{ color:#e10083; padding-left:30px;}
+.detail{ width:631px; display:block; overflow:hidden; margin:15px 0px;}
+.requir{ width:571px; display:block; overflow:hidden; margin:15px 0px 0px; border:1px solid #e2e2e2; padding:10px 29px;}
+.hfhd{ line-height:18px; color:#cccccc; margin:5px 0px;}
+.hfname{ float:left;}
+.hfname a{ color:#999999;}
+.hfname a.on{ color:#2d64b3;}
+.kshd{ width:60px; height:18px; color:#fff; text-align:center; background:#3cabe3; float:left; margin-left:10px;}
+.hfjb{ float:right; color:#999999;}
+.hfjb a{ padding-right:10px; background:url(../images/grzx/jb.jpg) right center no-repeat;}
+.hfnr{ line-height:25px; color:#333333; padding:10px 0px 0px; font-size:14px;}
+.zhuiwen{ line-height:25px;}
+.zhuiwen span{ display:inherit; float:left;}
+.zhuiwen span.zwen{ color:#3cabe3; padding-right:10px;}
+.zhuiwen span.zwnr{ color:#333333; font-size:14px;}
+.pinlun{ height:24px; line-height:24px; margin-top:10px;}
+.plfl{ width:205px; float:right; color:#cccccc;}
+.plfl span{ margin-left:5px;}
+.plfl span.wypl a{ color:#2d64b3; float:left;}
+.plfl span.zan{ display:block; width:74px; height:24px; text-align:center; background:url(../images/grzx/zan.jpg) no-repeat; float:left;}
+.plfl span.zan a{ color:#db4f1f; font-weight:bold;}
+.plfl span.xu{ display:block; width:74px; height:24px; text-align:center; background:url(../images/grzx/xu.jpg) no-repeat; float:left;}
+.plfl span.xu a{ color:#7daad5; font-weight:bold;}
+.xxpl{ width:545px; display:block; overflow:hidden; border:1px solid #e2e2e2; padding:10px; margin:10px auto;}
+.input16{ width:520px; border:0px; padding-left:12px; font-size:12px; color:#929192; height:30px; line-height:30px; float:left; margin-left:5px; border:1px solid #e2e2e2;}
+.input17{ width:59px; height:26px; line-height:26px; text-align:center; color:#999999; border:0px; background:0px; cursor:pointer;}
+.input18{ width:59px; height:26px; line-height:26px; text-align:center; color:#fff; border:0px; background:url(../images/grzx/but1.jpg) no-repeat; cursor:pointer;}
+.button{ width:120px; height:26px; float:right; margin-top:10px;}
+.cainainfo{ padding:15px;}
+.caina{ width:595px; margin-left:30px; margin-top:15px; border:1px solid #e0e0e0; background:#f5f5f5; display:block; overflow:hidden; margin-bottom:15px; padding-bottom:15px;}
+.cainaname{ font-size:12px; color:#cac8c8; line-height:25px;}
+.cainacon{ font-size:14px; color:#3cabe3; line-height:30px;}
+.cnpj{ line-height:25px;}
+.cnpj span{ float:left; padding-right:10px;}
+.cnpj span.twzpj{ font-size:12px; color:#cac8c8;}
+.cnpj span.twzhf{ font-size:14px; color:#3cabe3;}
+.cnzan{height:24px; line-height:24px; float:right;}
+.cnzan span.zan{ display:block; width:74px; height:24px; text-align:center; background:url(../images/grzx/zan.jpg) no-repeat; float:left; margin-right:10px;}
+.cnzan span.zan a{ color:#db4f1f; font-weight:bold;}
+.cnzan span.xu{ display:block; width:74px; height:24px; text-align:center; background:url(../images/grzx/xu.jpg) no-repeat; float:left;}
+.cnzan span.xu a{ color:#7daad5; font-weight:bold;}
+
+/***title***/
+.title{ height:45px; border-bottom:1px solid #dedede; position:relative;}
+.title h1{ width:110px; line-height:45px; font-family:"微软雅黑"; font-size:24px; color:#e10083; border-bottom:2px solid #e10083; text-align:center; float:left;}
+
+.title1{ width:200px; height:30px; line-height:30px; background:#fff;}
+.title1 .jiage{ display:block; float:left; padding-right:5px;}
+.title1 .jiage a{ font-size:16px; color:#e10083; font-weight:bold;}
+.title1 .jiage a:hover{ color:#000;}
+.title1 .playtime{ display:block; float:left; color:#999999;}
+.title1 .playtime a{ font-size:12px; color:#999999; padding-left:5px;}
+.title1 .playtime a:hover{ text-decoration:underline; color:#e10083;}
+
+.title2{ height:40px;}
+.title2 h1{ line-height:40px; font-family:"微软雅黑"; font-size:24px; color:#3c3c3c;}
+
+.title3{ height:16px;}
+.title3 h1{ border-left:4px solid #e10083; width:100px; line-height:16px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#3c3c3c;}
+
+.title4{ height:30px; margin-top:10px; border-bottom:1px solid #dedede;}
+.title4 h1{ font-family:"微软雅黑"; font-size:16px; color:#3c3c3c; width:70px; line-height:30px; float:left;}
+.title4 a.more{ display:block; width:40px; height:19px; line-height:19px; background:#ffa100; color:#fff; text-align:center; margin-top:10px; float:right;}
+.title4 a:hover{ text-decoration:underline;}
+
+.title5{ width:222px; height:15px; line-height:15px;}
+.title5 h2{ float:left;}
+.title5 h2 a{ color:#e10083;}
+.title5 span{ float:right; color:#929192;}
+.title5 p{ margin:0px; line-height:15px;}
+
+.title6{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title6 h1{ width:85px; text-align:center; font-family:"微软雅黑"; float:left;}
+.title6 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title6 h1 a:hover,.title6 h1 a.on{ color:#e10083; border-bottom:2px solid #e10083;}
+
+.title7{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title7 h1{ width:85px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#e10083; border-bottom:2px solid #e10083; float:left;}
+
+.title8{height:43px;}
+.title8 h1{ height:30px; line-height:30px; text-align:center;}
+.title8 h1 a{ color:#686868;}
+.title8 h1 a:hover{ color:#e10083;}
+.title8 h2{ height:13px; line-height:13px; color:#686868;}
+.title8 h2 span.gksj{ float:left;}
+.title8 h2 span.gkjd{ float:right;}
+
+.title9{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title9 h1{ width:100px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#e10083; border-bottom:2px solid #e10083; float:left;}
+.title9 .zxly{ float:right; margin-top:15px;}
+
+.title10{ background:#f2f2f2; height:30px; line-height:30px; font-size:12px; color:#686868; font-weight:bold;}
+
+.title11{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title11 h1{ width:85px; text-align:center; font-family:"微软雅黑"; float:left; margin-left:10px;}
+.title11 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title11 h1 a:hover,.title11 h1 a.on{ color:#e10083; border-bottom:2px solid #e10083;}
+
+.title12{ width:840px; height:50px; margin:20px auto;}
+
+.title13{ height:45px; line-height:45px; font-family:"微软雅黑";}
+.title13 h1{ font-size:16px; color:#3c3c3c;}
+
+.title14{ height:30px; line-height:30px;}
+.title14 h1{ float:left; background:url(../images/grzx/wdtw.jpg) left center no-repeat; font-family:"微软雅黑"; padding-left:30px; font-size:16px;}
+.title14 h2{ float:right; color:#686868; margin-right:10px;}
+.title14 h2 a{ color:#3daae2;}
+
+.title15{ height:30px; line-height:30px; margin-top:30px; font-size:14px; color:#9a9999;}
+.title15 h1{ float:left; font-family:"微软雅黑"; font-size:16px;}
+
+.title16{ height:45px; line-height:45px; border-bottom:1px solid #dedede;}
+.title16 h1{ width:105px; text-align:center; font-family:"微软雅黑"; float:left; margin-left:10px;}
+.title16 h1 a{ display:block; line-height:45px; font-size:16px; color:#3c3c3c;}
+.title16 h1 a:hover,.title16 h1 a.on{ color:#e10083; border-bottom:2px solid #e10083;}
+
+.title17{ height:33px; line-height:33px; font-family:"微软雅黑"; margin:15px 0px;}
+.title17 h1{ width:81px; height:33px; float:left; font-size:14px; margin-left:5px;}
+.title17 h1 a{ display:block; text-align:center; color:#686868}
+.title17 h1 a:hover,.title17 h1 a.on{ display:block; background:#3db0e9; color:#fff;}
+
+.title18{ background:url(../images/grzx/twicon.jpg) left center no-repeat; line-height:30px;}
+.title18 h2{ font-size:16px; color:#686868; padding-left:30px; font-family:"微软雅黑";}
+
+.title19{ height:30px; line-height:30px;}
+.title19 .hfts{ font-family:"微软雅黑"; font-size:14px; color:#000; float:left;}
+.title19 .paixu{ float:right; font-size:12px; color:#cccccc; margin-right:10px;}
+.title19 .paixu a{ color:#333333;}
+.title19 .paixu a.on{ color:#2d64b3;}
+
+.title20{ line-height:35px;}
+.title20 h2{ background:url(../images/grzx/cnimg.jpg) left center no-repeat; font-size:16px; color:#686868; padding-left:60px; font-family:"微软雅黑"; float:left; background-position:10px;}
+.title20 span{ float:right; color:#a8a8a8; font-size:12px; padding-right:10px;}
+
+/***form***/
+.input1{ width:235px; height:35px; border:1px solid #dadada; color:#dadada; line-height:35px;}
+.input2{ width:285px; height:70px; border:1px solid #dedede; color:#b3b3b3; margin-top:10px; line-height:20px; padding-left:10px;}
+.input3{ width:240px; height:35px; line-height:35px; border:1px solid #dedede; border-right:0px; float:left; color:#b3b3b3; padding-left:10px;}
+.input4{border:1px solid #dadada; color:#dadada; line-height:25px;}
+.input5{ width:100px; height:20px; border:1px solid #dadada; color:#dadada; line-height:20px;}
+.input6{ width:175px; height:23px; line-height:23px; border:1px solid #dedede; border-right:0px; float:left; color:#b3b3b3; padding-left:10px;}
+.input7{ width:190px; height:20px; border:1px solid #dadada; color:#dadada; line-height:20px;}
+.input8{ width:131px; height:28px; background:#ffa100; color:#fff; line-height:28px; border:1px solid #dc8c03; cursor:pointer;}
+.input9{ width:52px; height:24px; background:#f0f0f0; border:1px solid #c1c1c1; line-height:24px;}
+.input10{ width:96px; height:28px; background:#fe981c; color:#fff; line-height:28px; border:0px; font-size:12px; float:right; cursor:pointer;}
+.input11{ float:left; margin-left:5px; margin-right:40px; margin-top:7px;}
+.input12{ float:left; margin-left:5px; margin-right:40px; margin-top:20px;}
+.input13{ width:93px; height:30px; line-height:30px; color:#fff; border:0px; background:url(../images/grzx/btn1.jpg) no-repeat; cursor:pointer;}
+.btn1{ width:85px; height:30px; color:#fff; line-height:30px; border:1px solid #dc8c03; background:#ffa100; cursor:pointer;}
+.btn2{ float:left;}
+.btn3{ width:86px; height:30px; line-height:30px; font-size:13px; text-align:center; border:0px; background:url(../images/grzx/btn.jpg) no-repeat; color:#fff; float:right; margin-top:10px; cursor:pointer;}
+.btn4{ width:85px; height:30px; color:#fff; line-height:30px; border:1px solid #1a1a1a; background:#3c3c3c; cursor:pointer;}
+.btn5{ float:left;}
+
+/* ----- page ----- */
+.page{ text-align:center; clear:both; padding:30px 0px 30px 0px; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page .num a:hover,.page .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
+
+/* ----- page ----- */
+.page1{ text-align:center; clear:both; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page1 .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page1 .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page1 .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page1 .num a:hover,.page1 .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page1 em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page1 .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page1 .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
\ No newline at end of file
diff --git a/code/css/whir_home.css b/code/css/whir_home.css
new file mode 100644
index 0000000..0aa0830
--- /dev/null
+++ b/code/css/whir_home.css
@@ -0,0 +1,303 @@
+@charset "utf-8";
+
+/***公告***/
+.notice{ width:1188px; height:30px; background:#f0f0f0; border:1px solid #e1e1e1; margin:15px auto 0px;}
+.notice h1{ width:100px; line-height:30px; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#3baae2; float:left;}
+.txtMarquee-left{ width:525px; height:30px; position:relative; float:left; overflow:hidden;}
+.txtMarquee-left .hd{ overflow:hidden; height:30px; padding:0 10px; float:left; }
+.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block; width:14px; height:13px; float:right; margin-right:5px; margin-top:8px; overflow:hidden; cursor:pointer; background:url("../images/icoLeft.jpg") no-repeat;}
+.txtMarquee-left .hd .next{ background:url("../images/icoRight.jpg") no-repeat; }
+.txtMarquee-left .bd{ line-height:30px; float:left; }
+.txtMarquee-left .bd .tempWrap{ width:425px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度,这样就可以手动控制可视宽度。 */
+.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
+.txtMarquee-left .bd ul li{ margin-right:20px; float:left; height:30px; line-height:30px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度,解决文字不衔接问题 */
+.txtMarquee-left .bd ul li span{ color:#999; }
+
+/***图片切换***/
+.topics{ width:1190px; height:407px; margin:15px auto; overflow:hidden;}
+#banner #ifocus { POSITION: relative; WIDTH: 900px; HEIGHT: 407px; overflow:hidden; float:left;}
+#banner #ifocus_pic { POSITION: relative; WIDTH: 900px; DISPLAY: inline; FLOAT: left; HEIGHT: 407px; OVERFLOW: hidden;}
+#banner #ifocus_piclist { Z-INDEX: 1; POSITION: absolute;}
+#banner #ifocus_piclist LI { WIDTH: 900px; HEIGHT: 407px; OVERFLOW: hidden;}
+#banner #ifocus_piclist IMG { WIDTH: 900px; HEIGHT: 407px;}
+#banner #ifocus_btn { Z-INDEX: 3; POSITION: absolute; PADDING-LEFT: 3px; WIDTH: 900px; BOTTOM: 2px; HEIGHT: auto; LEFT: 0px; _bottom: 2px;}
+UNKNOWN { BOTTOM: 5px}
+#banner #ifocus_btn LI { PADDING-BOTTOM: 10px; MARGIN-TOP: 10px; PADDING-LEFT: 7px; WIDTH: auto; PADDING-RIGHT: 7px; DISPLAY: block; FLOAT: left; HEIGHT: auto; CURSOR: pointer; PADDING-TOP: 0px; }
+#banner #ifocus_btn img { BORDER: #5e4d41 1px solid; WIDTH: 104px; HEIGHT: 59px; }
+#banner #ifocus_btn .current { TEXT-ALIGN: left; FILTER: alpha(opacity=100); MARGIN-TOP: 0px; DISPLAY: block; FLOAT: left; opacity: 1; -moz-opacity: 1}
+#banner #ifocus_btn .current img { BORDER: #3da8de 1px solid; WIDTH:104px; HEIGHT: 59px;}
+#banner #ifocus_tx { Z-INDEX: 3; POSITION: absolute; BOTTOM: 8px; COLOR: #fff; LEFT: 8px}
+#banner #ifocus_tx .normal { DISPLAY: none}
+
+.ztzl{ width:269px; height:407px; float:right;}
+
+/***猜你喜欢***/
+.column{ width:100%; height:293px; background:#f0f0f0;}
+.like{ width:1190px; height:293px; margin:15px auto;}
+.likecolumn{ width:892px; height:263px; float:left;}
+.likelist{ width:892px; height:207px; margin-top:18px;}
+.likevideo{ width:207px; height:188px; float:left; background:url(../images/link_bg.jpg) no-repeat;}
+.likevideo .videoimg{ width:205px; height:115px; margin:1px; position:relative;}
+.likevideo .videoimg span.time{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:3px;}
+.likevideo .videotitle{ line-height:30px;}
+.likevideo .videotitle a{ font-size:12px; color:#666666; font-weight:bold; padding-left:5px;}
+.likevideo .videotitle a:hover{ color:#3daee7;}
+.videoinfo{ line-height:25px; color:#999999; font-size:12px; padding-left:5px;}
+.videoinfo a{ color:#999999; font-size:12px;}
+.videoinfo a:hover{ color:#3daee7;}
+
+/***用户登录***/
+.right269{ width:269px; display:block; overflow:hidden; float:right;}
+.login{}
+.login span{ display:block; width:260px; line-height:25px; margin:0px; padding-left:9px;}
+span.welcome{ font-size:16px; color:#666666; margin-top:15px;}
+span.gksj{ font-size:14px; color:#666666;}
+.win{ width:269px; height:26px; margin:15px 0px;}
+.tiyan{ font-family:"微软雅黑"; width:269px; height:47px; line-height:47px; text-align:center; font-size:18px; font-weight:bold; margin-top:5px;}
+.tiyan input.login{ width:250px; height:25px; background:url(../images/btn2.jpg) no-repeat; color:#fff;}
+.tiyan input:hover.login{ background:url(../images/btnh2.jpg) no-repeat; color:#fff;}
+.user{ width:269px; height:32px; font-size:14px; color:#888888; margin-top:30px;}
+.password{ width:269px; height:32px; font-size:14px; color:#888888; margin-top:20px; margin-bottom:30px;}
+.input1{ width:190px; height:30px; border:1px solid #dbdbdb; background:#fff; font-size:14px; color:#888888; padding-left:10px;}
+
+/***原创精品***/
+.column1{ width:100%; height:430px; background:#fff;}
+.original{ width:1190px; height:430px; margin:15px auto;}
+.oricolumn{ width:892px; height:430px; float:left;}
+.orilist{ width:892px; height:333px; margin-top:20px; float:left;}
+.topvideo{ width:419px; height:333px; float:left; position:relative;}
+.titleinfo{ width:419px; height:83px; background:url(../images/ycbg.png) repeat; position:absolute; bottom:0px; left:0;}
+.titleinfo h1{ width:419px; line-height:25px; font-size:14px; font-weight:bold;}
+.titleinfo h1 a{ color:#fff; padding-left:10px;}
+.titleinfo h1 a:hover{ text-decoration:underline;}
+.titleinfo .spxx{ width:419px; line-height:25px; color:#fff; font-size:12px;}
+.titleinfo .spxx a{ color:#fff; padding-left:10px;}
+.titleinfo .spxx a:hover{ text-decoration:underline;}
+.titleinfo .price{ line-height:25px; font-size:18px; font-weight:bold;}
+.titleinfo .price a{ color:#fff; padding-left:10px;}
+.titleinfo .price a:hover{ text-decoration:underline;}
+.sptime{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:93px;}
+.play{ width:36px; height:27px; position:absolute; left:10px; bottom:98px;}
+.play a{ display:block; width:36px; height:27px; background:url(../images/play.png) no-repeat; text-indent:-9999px;}
+
+.splist{ width:449px; height:332px; float:right;}
+.myvideo{ width:212px; height:158px; border:1px solid #e6e6e6; float:left;}
+.myvideoimg{ width:212px; height:118px; position:relative;}
+.myvideoimg h3{ width:205px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px;}
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+
+/***推荐排行***/
+.paihang{ width:269px; height:267px; background:#f0f0f0; margin-top:20px; margin-bottom:20px;}
+.paihang ul.list{ width:245px; height:224px; margin:0px auto; padding-top:15px;}
+.paihang li{ height:14px; line-height:14px; margin-top:15px;}
+.paihang li a{ color:#666666; float:left; padding-left:10px;}
+.paihang li a:hover{ color:#fe6c00;}
+.paihang span.dig{ display:block; width:18px; height:14px; color:#fff; text-align:center; line-height:14px; background:#de1a77; font-weight:bold; font-family:"Times New Roman", Times, serif; float:left;}
+.paihang span.dig1{ display:block; width:18px; height:14px; color:#fff; text-align:center; line-height:14px; background:#bfbfbf; font-weight:bold; font-family:"Times New Roman", Times, serif; float:left;}
+
+/***人气班级***/
+.classes{ width:1190px; height:330px; margin:0px auto 20px;}
+.picScroll-left{ width:1190px; height:330px; overflow:hidden; position:relative; }
+.picScroll-left .change{ width:67px; height:23px; float:right; margin-right:10px; margin-top:20px; background:url(../images/change.jpg) no-repeat; text-align:center; line-height:23px;}
+.picScroll-left .change a{ color:#3daee7;}
+.picScroll-left .hd{ height:50px; padding-right:10px; border-bottom:1px solid #d2d2d2;}
+.picScroll-left .hd h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/rqbj.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
+.picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.picScroll-left .hd ul li.on{ background-position:0 0; }
+.picScroll-left .bd{ padding:20px 0px 0px;}
+.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
+.picScroll-left .bd ul li{ width:221px; height:257px; background:#f0f0f0; border:1px solid #e5e5e5; margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center; }
+.picScroll-left .bd ul li .pic{ text-align:center; }
+.picScroll-left .bd ul li .pic img{ width:219px; height:192px; display:block; padding:1px;}
+.picScroll-left .bd ul li .titlei span.classtitle{ display:block; width:219px; font-size:14px; line-height:24px; text-align:center;}
+.picScroll-left .bd ul li .titlei span.classinfo{ display:block; width:219px; font-size:12px; color:#898989; line-height:20px; text-align:center;}
+.picScroll-left .bd ul li .titlei span.classinfo a{ color:#3daee7;}
+.picScroll-left .bd ul li .titlei span.classinfo a:hover{ text-decoration:underline;}
+
+/***状元楼***/
+.champion{ width:1190px; height:207px; margin:0px auto 20px;}
+.picScroll-left1{ width:1190px; height:207px; overflow:hidden; position:relative; }
+.picScroll-left1 .hd{ height:50px; padding-right:10px; border-bottom:1px solid #d2d2d2;}
+.picScroll-left1 .hd h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/zyt.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.picScroll-left1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
+.picScroll-left1 .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.picScroll-left1 .hd ul li.on{ background-position:0 0; }
+.picScroll-left1 .bd{ padding:20px 0px 0px;}
+.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
+.picScroll-left1 .bd ul li{ width:267px; height:137px; background:url(../images/zybg.jpg) no-repeat; margin:0 15px; float:left; _display:inline; overflow:hidden;}
+.picScroll-left1 .bd ul li .pic{ float:left; }
+.picScroll-left1 .bd ul li .pic img{ width:130px; height:111px; display:block; padding:8px;}
+.picScroll-left1 .bd ul li .titles{ width:102px; height:210px; float:right; text-align:left; padding:15px 0px 0px 15px;}
+.picScroll-left1 .bd ul li .titles span.zyname a{ line-height:30px; color:#555555; font-weight:bold;}
+.picScroll-left1 .bd ul li .titles span.zyname a:hover{ color:#3daee7;}
+.picScroll-left1 .bd ul li .titles span.zyinfo{ font-size:12px; color:#898989; line-height:25px;}
+.picScroll-left1 .bd ul li .titles span.zyinfo a{ color:#3daee7;}
+.picScroll-left1 .bd ul li .titles span.zyinfo a:hover{ text-decoration:underline;}
+
+/***学霸天地***/
+.schoolpa{ width:1190px; height:370px; margin:0px auto 20px;}
+.schoolcolumn{ width:892px; height:370px; float:left;}
+.world{ width:892px; height:243px;}
+.pashow{ width:892px; height:173px; margin:20px 0px;}
+.pashow li{ width:162px; height:173px; float:left; margin:0px 7px;}
+.pashow li a{ display:block; border:1px solid #fff;}
+.pashow li a:hover{ display:block; border:1px solid #3daee7;}
+.pashow li .papic{ width:156px; height:132px; padding:1px; position:relative;}
+.pashow li .papic img{ border:1px solid #e5e5e5;}
+.patitle{ width:158px; height:24px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0px; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:24px;}
+.patx{ display:block; width:14px; height:16px; background:url(../images/patx.png) no-repeat; position:absolute; left:15px; bottom:4px;}
+.pashow li .pajf{ padding-left:8px; width:150px; height:41px; line-height:30px; color:#898989;}
+
+/***学霸总排行***/
+.picScroll-top{ width:269px; height:370px; overflow:hidden; position:relative; }
+.picScroll-top .hd{ overflow:hidden; height:50px; padding:0 10px; font-family:"微软雅黑"; border-bottom:1px solid #d2d2d2;}
+.picScroll-top .hd h1{ font-size:20px; color:#000000; line-height:50px; float:left;}
+.picScroll-top .hd h2{ font-size:12px; font-weight:bold; line-height:50px; color:#e9590b; float:left; padding-left:5px;}
+.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block; width:15px; height:15px; float:right; margin-right:5px; margin-top:20px; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 -98px no-repeat;}
+.picScroll-top .hd .next{ background-position:0 -133px; }
+.picScroll-top .hd .prevStop{ background-position:-42px -99px; }
+.picScroll-top .hd .nextStop{ background-position:-42px -133px; }
+.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
+.picScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.picScroll-top .hd ul li.on{ background-position:0 0; }
+.picScroll-top .bd{}
+.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
+.picScroll-top .bd ul li{ width:246px; height:42px; zoom:1; margin-top:20px; }
+.picScroll-top .bd ul li .xbpm{ width:17px; height:30px; color:#fff; background:url(../images/top1.jpg) no-repeat; float:left; font-size:12px; font-weight:bold; text-align:center;}
+.picScroll-top .bd ul li .xbpm1{ width:17px; height:30px; color:#fff; background:url(../images/top2.jpg) no-repeat; float:left; font-size:12px; font-weight:bold; text-align:center;}
+.picScroll-top .bd ul li .pic{ width:50px; height:42px; text-align:center; float:left; margin-left:11px; position:relative;}
+.picScroll-top .bd ul li .pic span{ position:absolute; top:-5px; right:0px;}
+.picScroll-top .bd ul li .titlei1{ width:155px; height:42px; float:left; margin-left:11px; position:relative;}
+.picScroll-top .bd ul li .titlei1 .phname{ color:#888888; font-weight:bold; line-height:20px; padding:15px;}
+.picScroll-top .bd ul li .titlei1 .phjf{ color:#888888; font-weight:normal;}
+.picScroll-top .bd ul li .titlei1 .phtx{ position:absolute; left:0px; top:0px;}
+
+/***问题解答and难题悬赏***/
+.wenti{ width:1190px; height:255px; margin:0px auto 20px;}
+.wenticolumn{ width:565px; height:255px; float:left;}
+.wtjdlist{ width:565px; height:195px; margin-top:20px;}
+.toppic{ width:254px; height:188px; float:left; border:1px solid #e5e5e5;}
+.wtjdlist ul{ width:300px; height:188px; float:right;}
+.wtjdlist li{ height:30px; line-height:29px; font-size:12px; color:#666666;}
+.wtjdlist li a{ color:#555555; padding-left:5px;}
+.wtjdlist li span{ float:right; color:#666666;}
+.wtjdlist li span a{ color:#666666;}
+.wtjdlist li a:hover{ color:#3daee7;}
+.txtScroll-top .hd{ height:50px; font-family:"微软雅黑"; border-bottom:1px solid #d2d2d2;}
+.txtScroll-top .hd h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/zyt.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:20px; overflow:hidden; cursor:pointer; background:url("../images/icoUp.gif") no-repeat;}
+.txtScroll-top .hd .next{ background:url("../images/icoDown.gif") no-repeat; }
+.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; }
+.txtScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.txtScroll-top .hd ul li.on{ background-position:0 0; }
+.txtScroll-top .bd{ padding:15px; }
+.txtScroll-top .infoList li{ height:30px; line-height:30px; color:#666666;}
+.txtScroll-top .infoList li a{ color:#555555; float:left;}
+.txtScroll-top .infoList li a:hover{ color:#3daee7;}
+.txtScroll-top .infoList li .jb{ margin-left:5px; width:50px; background:url(../images/jb.jpg) left center no-repeat; padding-left:20px; color:#88889a;}
+.txtScroll-top .infoList li .icon{ margin-right:5px; float:left;}
+.txtScroll-top .infoList li .icon img{ display:block; padding-top:5px;}
+
+/***企业培训***/
+.qypx{ width:1190px; height:193px; margin:0px auto 20px;}
+.picScroll-left2{ width:1190px; height:193px; overflow:hidden; position:relative; }
+.picScroll-left2 .change{ width:67px; height:23px; float:right; margin-right:10px; margin-top:20px; background:url(../images/change.jpg) no-repeat; text-align:center; line-height:23px;}
+.picScroll-left2 .change a{ color:#3daee7;}
+.picScroll-left2 .hd{ height:50px; padding-right:10px; border-bottom:1px solid #d2d2d2;}
+.picScroll-left2 .hd h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/qypx.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
+.picScroll-left2 .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.picScroll-left2 .hd ul li.on{ background-position:0 0; }
+.picScroll-left2 .bd{ padding:20px 0px 0px;}
+.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
+.picScroll-left2 .bd ul li{ width:218px; height:121px; border:1px solid #e5e5e5; margin:0 9px; float:left; _display:inline; overflow:hidden;}
+.picScroll-left2 .bd ul li .pic{ width:218px; height:121px; float:left; position:relative;}
+.picScroll-left2 .bd ul li .pic img{ width:218px; height:121px; display:block;}
+.picScroll-left2 .bd ul li .pic span{ display:block; width:218px; height:30px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0px; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:30px;}
+.picScroll-left2 .bd ul li .pic span a{ color:#fff;}
+
+/***高校慕课***/
+.gxmk{ width:1190px; height:193px; margin:0px auto 20px;}
+.picScroll-left3{ width:1190px; height:193px; position:relative; }
+.picScroll-left3 .change{ width:67px; height:23px; float:right; margin-right:10px; margin-top:20px; background:url(../images/change.jpg) no-repeat; text-align:center; line-height:23px;}
+.picScroll-left3 .change a{ color:#3daee7;}
+.picScroll-left3 .hd{ height:50px; padding-right:10px; border-bottom:1px solid #d2d2d2;}
+.picScroll-left3 .hd h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/gxmk.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.picScroll-left3 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
+.picScroll-left3 .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.picScroll-left3 .hd ul li.on{ background-position:0 0; }
+.picScroll-left3 .bd{ padding:20px 0px 0px;}
+.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
+.picScroll-left3 .bd ul li{ width:218px; height:121px; border:1px solid #e5e5e5; margin:0 9px; float:left; _display:inline; }
+.picScroll-left3 .bd ul li .pic{ width:218px; height:121px; float:left; position:relative;}
+.picScroll-left3 .bd ul li .pic span.titleis{ display:block; width:218px; height:30px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0px; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:30px;}
+.picScroll-left3 .bd ul li .pic span.titleis a{ color:#fff;}
+.picScroll-left3 .bd ul li .pic span.hot{ position:absolute; left:-2px; top:-2px;}
+
+/***课件超市***/
+.kjcs{ width:1190px; height:235px; margin:0px auto 20px;}
+.picScroll-left4{ width:1190px; height:235px; position:relative; }
+.picScroll-left4 .hd{ height:50px; padding-right:10px; border-bottom:1px solid #d2d2d2;}
+.picScroll-left4 .hd h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/kjcs.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.picScroll-left4 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
+.picScroll-left4 .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.picScroll-left4 .hd ul li.on{ background-position:0 0; }
+.picScroll-left4 .bd{ padding:20px 0px 0px;}
+.picScroll-left4 .bd ul{ overflow:hidden; zoom:1; }
+.picScroll-left4 .bd ul li{ width:218px; height:165px; background:#f0f0f0; border:1px solid #e5e5e5; margin:0 9px; float:left; _display:inline; }
+.picScroll-left4 .bd ul li .pic{ width:218px; height:121px; float:left; position:relative;}
+.picScroll-left4 .bd ul li .pic span.titleis{ display:block; width:218px; height:30px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0px; color:#fff; font-size:12px; font-weight:bold; line-height:30px;}
+.picScroll-left4 .bd ul li .pic span.titleis a{ color:#fff; padding-left:10px;}
+.picScroll-left4 .bd ul li .pic span.hot{ position:absolute; left:-2px; top:-2px;}
+.picScroll-left4 .bd ul li .pic span.down{ position:absolute; right:6px; bottom:3px;}
+.picScroll-left4 .bd ul li .titleis{ width:218px; height:40px; line-height:40px; background:#f0f0f0;}
+.picScroll-left4 .bd ul li .titleis .jiage{ float:left; padding-right:5px;}
+.picScroll-left4 .bd ul li .titleis .jiage a{ font-size:16px; color:#dc1f00; font-weight:bold;}
+.picScroll-left4 .bd ul li .titleis .jiage a:hover{ color:#000;}
+.picScroll-left4 .bd ul li .titleis .playtime{ float:left; color:#999999;}
+.picScroll-left4 .bd ul li .titleis .playtime a{ font-size:12px; color:#999999; padding-left:5px;}
+.picScroll-left4 .bd ul li .titleis .playtime a:hover{ text-decoration:underline; color:#dc1f00;}
+
+/***title***/
+.title{ height:60px; font-family:"微软雅黑"; border-bottom:1px solid #d2d2d2;}
+.title h1{ width:118px; height:60px; line-height:60px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.title h2{ line-height:60px; font-size:16px; text-align:center; float:left;}
+.title h2 a{ display:block; background:url(../images/line.jpg) right center no-repeat; padding:0px 15px 0px 15px; color:#666666; text-align:center;}
+.title h2.hover{ background:url(../images/icon7.jpg) bottom center no-repeat; border-bottom:2px solid #3daee7;}
+.title .change{ width:67px; height:23px; float:right; margin-right:10px; margin-top:20px; background:url(../images/change.jpg) no-repeat; text-align:center; line-height:23px;}
+.title .change a{ color:#3daee7;}
+
+.title1{ font-family:"微软雅黑"; height:38px; line-height:38px; background:#e0e0e0; margin-top:25px;}
+.title1 h1{ font-size:16px; color:#000000; padding-left:35px;}
+
+.title2{ height:50px; font-family:"微软雅黑"; border-bottom:1px solid #d2d2d2;}
+.title2 h1{ width:100px; height:50px; padding-left:40px; background:url(../images/ycjp.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.title2 h2{ line-height:50px; font-size:16px; text-align:center; float:left; margin-left:20px;}
+.title h2 a{ display:block; padding:0px 15px 0px 15px; color:#666666; text-align:center;}
+
+.title3{ width:212px; height:40px; line-height:40px; background:#f0f0f0;}
+.title3 .jiage{ float:left; padding-right:5px;}
+.title3 .jiage a{ font-size:16px; color:#dc1f00; font-weight:bold;}
+.title3 .jiage a:hover{ color:#000;}
+.title3 .playtime{ float:left; color:#999999;}
+.title3 .playtime a{ font-size:12px; color:#999999; padding-left:5px;}
+.title3 .playtime a:hover{ text-decoration:underline; color:#dc1f00;}
+
+.title4{ height:38px; line-height:38px; margin-top:12px; font-family:"微软雅黑"; border-bottom:1px solid #d2d2d2;}
+.title4 h1{ font-size:20px; padding-left:10px; color:#000000; float:left;}
+.title4 h2{ font-size:12px; font-weight:bold; color:#e9590b; float:left; padding-left:5px;}
+
+.title5{ height:50px; font-family:"微软雅黑"; border-bottom:1px solid #d2d2d2;}
+.title5 h1{ width:118px; height:50px; line-height:50px; background:url(../images/xbt.jpg) left center no-repeat; padding-left:40px; font-size:22px; color:#3daee7; border-bottom:2px solid #3daee7; float:left;}
+.title5 h2{ line-height:50px; font-size:16px; text-align:center; float:left;}
+.title5 h2 a{ display:block; background:url(../images/line.jpg) right center no-repeat; padding:0px 15px 0px 15px; color:#666666; text-align:center;}
+.title5 h2.hover{ background:url(../images/icon7.jpg) bottom center no-repeat; border-bottom:2px solid #3daee7;}
+
+.title6{ height:50px; border-bottom:1px solid #d2d2d2;}
+.title6 h1{ font-family:"微软雅黑"; width:100px; height:50px; padding-left:40px; background:url(../images/wtjd.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#3daee7; text-align:center; border-bottom:2px solid #3daee7; float:left;}
+.title6 .change{ width:67px; height:23px; float:right; margin-right:10px; margin-top:20px; background:url(../images/change.jpg) no-repeat; text-align:center; line-height:23px;}
+.title6 .change a{ color:#3daee7;}
\ No newline at end of file
diff --git a/code/css/whir_style.css b/code/css/whir_style.css
new file mode 100644
index 0000000..529b4d7
--- /dev/null
+++ b/code/css/whir_style.css
@@ -0,0 +1,460 @@
+@charset "utf-8";
+
+#container{width:1190px; height:auto; margin:0 auto; overflow:hidden;}
+.kssearch{ width:1188px; display:block; border:1px solid #e6e6e6; border-bottom:0px; margin-top:15px; overflow:hidden; padding:0px 0px;}
+.kssearch .address{ width:1190px; display:block; border-bottom:1px solid #e6e6e6; line-height:25px; overflow:hidden; padding:10px 0px;}
+.kssearch .address h1{ width:65px; line-height:25px; font-family:"微软雅黑"; font-size:14px; color:#888888; text-align:center; float:left;}
+.kssearch .address h2 { width:1125px; float:left;}
+.kssearch .address h2 span{ display:block; width:55px; height:25px; text-align:center; color:#fff; font-weight:bold; background:#de1a77; float:left;}
+.kssearch .address h2 a{ display:block; padding:0px 10px; color:#888888; float:left;}
+.kssearch .address h2 a:hover{ color:#3db1ea;}
+
+.kssearchbox{ width:1188px; height:48px; margin:10px auto; border:1px solid #e6e6e6;}
+.sspx{ display:block; line-height:48px; color:#666666; float:left; padding:0px 20px;}
+.SelectBox{ background:url(../images/text_6.gif) no-repeat left top; margin-top:10px; width:107px; height:28px; padding:0 10px; position:relative; float:left; }
+.SelectBox .SelectText{ display:block; background:url(../images/jt_1.gif) no-repeat right center; padding-right:18px; height:28px; line-height:28px; cursor:pointer; color:#3db1ea;}
+.SelectBox .SelectList{ position:absolute; left:0px; top:28px; width:127px; border:1px solid #D3D3D3; border-top:0px; background:#fff; display:none; z-index:999;}
+.SelectBox .SelectList dt{ display:block; cursor:pointer;}
+.SelectBox .SelectList dt a{ padding:0 10px; display:block; height:23px; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
+.SelectBox .SelectList dt a:hover{ background:#8E8E8E; color:#fff;}
+.wdss{ width:160px; height:23px; float:left; margin-top:12px; margin-left:20px;}
+.ssjg{ width:580px; height:48px; line-height:48px; color:#999999; border-right:1px solid #e6e6e6; float:left; text-align:right; padding-right:5px;}
+.quanbu{ width:40px; height:23px; text-align:center; line-height:23px; background:#e6e6e6; float:left; margin-left:10px; margin-top:12px;}
+.quanbu a{ color:#666666;}
+.gxs a{ display:block; width:60px; text-align:center; line-height:48px; color:#3caee6; float:left;}
+.shua{ width:49px; height:20px; float:left; margin-top:14px; margin-right:10px;}
+
+/***form***/
+.input1{ width:124px; height:23px; border:1px solid #e6e6e6; float:left; line-height:23px; color:#666666;}
+.btn1{ float:left;}
+
+/* ----- page ----- */
+.page{ text-align:center; clear:both; padding:30px 0px 30px 0px; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page .num a:hover,.page .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
+
+/***班级栏目页***/
+.picList li{ width:221px; height:257px; background:#f0f0f0; border:1px solid #e5e5e5; margin:0 6px; float:left; _display:inline; margin-top:50px;}
+.picList li .pic{ position:relative;}
+.picList li .pic img{ width:219px; height:192px; display:block; padding:1px;}
+.picList li span.bjpx{ display:block; width:27px; height:30px; background:url(../images/bjpx.png) no-repeat; position:absolute; left:0px; top:-4px; color:#fff; font-family:"Times New Roman", Times, serif; padding-top:12px; text-align:center;}
+.picList li .titlei span.classtitle{ display:block; width:219px; font-size:14px; line-height:24px; text-align:center;}
+.picList li .titlei span.classinfo{ display:block; width:219px; font-size:12px; color:#898989; line-height:20px; text-align:center;}
+.picList li .titlei span.classinfo a{ color:#3daee7;}
+.picList li .titlei span.classinfo a:hover{ text-decoration:underline;}
+
+/***原创列表页***/
+.splist{ margin-top:20px; }
+.myvideo{ width:218px; height:180px; background:url(../images/list_bg.jpg) no-repeat; float:left; margin:10px 10px; z-index:-9999;}
+.myvideoimg{ width:217px; height:132px; position:relative; z-index:0;}
+.myvideoimg img{ width:217px; height:132px;}
+.myvideoimg h3{ width:210px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px; }
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+.myvideoimg span.time{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:35px;}
+
+/***学霸栏目页***/
+.pashow{ width:1190px; margin-top:20px;}
+.pashow li{ width:162px; height:173px; float:left; margin:20px 17px 0px;}
+.pashow li a{ display:block; border:1px solid #e5e5e5;}
+.pashow li a:hover{ display:block; border:1px solid #3daee7;}
+.pashow li .papic{ width:156px; height:132px; padding:1px; position:relative;}
+.pashow li .papic img{ border:1px solid #e5e5e5;}
+.patitle{ width:158px; height:24px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0px; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:24px;}
+.patx{ display:block; width:14px; height:16px; background:url(../images/patx.png) no-repeat; position:absolute; left:15px; bottom:4px;}
+.pashow li .pajf{ padding-left:8px; width:150px; height:41px; line-height:30px; color:#898989;}
+
+/***课件超市***/
+.left958{ width:958px; display:block; float:left;}
+.right213{ width:213px; display:block; float:right; border:1px solid #d8d8d8; margin-top:15px; }
+
+.kssearch1{ width:956px; display:block; border:1px solid #e6e6e6; border-bottom:0px; margin-top:15px; overflow:hidden;}
+.kssearch1 .address{ width:958px; display:block; border-bottom:1px solid #e6e6e6; line-height:25px; overflow:hidden; padding:10px 0px;}
+.kssearch1 .address h1{ width:65px; line-height:25px; font-family:"微软雅黑"; font-size:14px; color:#888888; text-align:center; float:left;}
+.kssearch1 .address h2 { width:893px; float:left;}
+.kssearch1 .address h2 span{ display:block; width:55px; height:25px; text-align:center; color:#fff; font-weight:bold; background:#3db1ea; float:left;}
+.kssearch1 .address h2 a{ display:block; padding:0px 10px; color:#888888; float:left;}
+.kssearch1 .address h2 a:hover{ color:#3db1ea;}
+
+.kssearchbox1{ width:956px; height:48px; margin:10px auto; border:1px solid #e6e6e6; }
+.sspx1{ display:block; line-height:48px; color:#666666; float:left; padding:0px 20px;}
+.SelectBox{ background:url(../images/text_6.gif) no-repeat left top; margin-top:10px; width:107px; height:28px; padding:0 10px; position:relative; float:left; z-index:9999; }
+.SelectBox .SelectText{ display:block; background:url(../images/jt_1.gif) no-repeat right center; padding-right:18px; height:28px; line-height:28px; cursor:pointer; color:#3db1ea;}
+.SelectBox .SelectList{ position:absolute; left:0px; top:28px; width:127px; border:1px solid #D3D3D3; border-top:0px; background:#fff; display:none; z-index:9999;}
+.SelectBox .SelectList dt{ display:block; cursor:pointer; z-index:9999;}
+.SelectBox .SelectList dt a{ padding:0 10px; display:block; height:23px; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
+.SelectBox .SelectList dt a:hover{ background:#8E8E8E; color:#fff;}
+
+.SelectBox1{ background:url(../images/text_6.gif) no-repeat left top; margin-top:10px; width:107px; height:28px; padding:0 10px; position:relative; float:left; margin-left:15px; }
+.SelectBox1 .SelectText1{ display:block; background:url(../images/jt_1.gif) no-repeat right center; padding-right:18px; height:28px; line-height:28px; cursor:pointer; color:#3db1ea;}
+.SelectBox1 .SelectList1{ position:absolute; left:0px; top:28px; width:127px; border:1px solid #D3D3D3; border-top:0px; background:#fff; display:none;z-index:999;}
+.SelectBox1 .SelectList1 dt{ display:block; cursor:pointer;}
+.SelectBox1 .SelectList1 dt a{ padding:0 10px; display:block; height:23px; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
+.SelectBox1 .SelectList1 dt a:hover{ background:#8E8E8E; color:#fff;}
+.wdss{ width:160px; height:23px; float:left; margin-top:12px; margin-left:20px;}
+.ssjg{ width:180px; height:48px; line-height:48px; color:#999999; border-right:1px solid #e6e6e6; float:left; text-align:right; padding-right:5px;}
+
+.likelist{ width:213px; height:207px; margin-top:18px;}
+.likevideo{ width:185px; height:170px; float:left; border:1px solid #e5e5e5; margin-left:13px; margin-bottom:20px;}
+.likevideo .videoimg{ width:185px; height:110px; margin:1px; position:relative;}
+.likevideo .videoimg img{ width:185px; height:110px;}
+.likevideo .videoimg span.time{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:3px;}
+.likevideo .videotitle{ line-height:30px;}
+.likevideo .videotitle a{ font-size:12px; color:#666666; font-weight:bold; padding-left:5px;}
+.likevideo .videotitle a:hover{ color:#3daee7;}
+.videoinfo{ line-height:25px; color:#999999; font-size:12px; padding-left:5px;}
+.videoinfo a.zxgm{ font-size:16px; color:#dc1f00; font-weight:bold;}
+.videoinfo a.zxbf{ padding-left:10px; color:#999999; font-size:12px;}
+.videoinfo a:hover{ color:#3daee7;}
+
+
+/***视频播放页面***/
+.player_container{ width:1190px; display:block; margin:15px auto;}
+.mod_crumbs_titles{width:650px;height:60px;padding-top:10px;overflow:hidden}
+.mod_crumbs{float:left;_display:inline;margin-right:15px;padding-top:6px; padding-bottom:10px;}
+.mod_player_title{clear:both;display:block;width:auto;height:24px;line-height:24px;font-weight:normal;font-family:hiragino sans gb,microsoft yahei;font-size:24px;color:#444444;overflow:hidden;padding-top:8px;white-space:nowrap;text-overflow:ellipsis; margin-bottom:15px;}
+
+.mod_player_section{position:relative;*zoom:1;z-index:4;width:1190px;height:519px;margin:0 auto;background-color:#383838;box-shadow:0 4px 10px 2px rgba(174,174,174,.6)}
+.mod_player{float:left;width:856px;height:519px;background-color:#000}
+.album_title{ height:44px; border-bottom:2px solid #303030; margin-bottom:10px;}
+.album_title h1{ width:82px; text-align:center; line-height:44px; font-family:"微软雅黑"; font-size:16px; color:#40befc; border-bottom:2px solid #40e0fc;}
+
+.mod_video_list_section{position:relative;*zoom:1;height:519px; overflow-y:auto;
+scrollbar-arrow-color: #f4ae21; /*图6,三角箭头的颜色*/
+scrollbar-face-color: #333; /*图5,立体滚动条的颜色*/
+scrollbar-3dlight-color: #666; /*图1,立体滚动条亮边的颜色*/
+scrollbar-highlight-color: #666; /*图2,滚动条空白部分的颜色*/
+scrollbar-shadow-color: #999; /*图3,立体滚动条阴影的颜色*/
+scrollbar-darkshadow-color: #666; /*图4,立体滚动条强阴影的颜色*/
+scrollbar-track-color: #666; /*图7,立体滚动条背景颜色*/
+scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/}
+.mod_video_list_title{position:relative;*zoom:1;height:22px;margin:0;padding:6px 0 5px 23px;font-size:14px;color:#B2B2B2}
+.mod_video_list_content{width:100%}
+.mod_video_list_content .item{*position:relative;*zoom:1;height:65px;padding:8px 0 8px 23px;overflow:hidden}
+.mod_video_list_content .item:hover{background-color:#313131}
+.mod_video_list_content .item_link{position:relative;z-index:2;display:block;*zoom:1;height:60px;cursor:pointer;padding-left:117px;background-image:url(about:blank)}
+.mod_video_list_content .current,.mod_video_list_content .current:hover{background-color:#1C1C1C}
+.mod_video_list_content .album_pic{position:absolute;height:65px;width:117px;left:0;}
+.mod_video_list_content .album_pic img{width:117px;height:65px; border:1px solid #5e5e5e;}
+.mod_video_list_content .album_pic .fix_cover{*position:absolute;*left:0;*top:0;*width:100%;*height:100%;*background-image:url(about:blank)}
+.mod_video_list_content .video_title{display:block; width:160px;height:65px;white-space:normal;overflow:hidden;margin-bottom:5px; margin-left:10px; line-height:20px;}
+.mod_video_list_content .video_time{margin-right:15px}
+.mod_video_album_section .ui_scrollbar{height:325px;overflow:hidden;border:8px solid #383838;border-top:0 none;border-bottom:11px solid #383838;z-index:10}
+.figure_mask{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; left:60px; bottom:0;}
+
+.agree{ width:1190px; height:98px; border-bottom:1px solid #e5e5e5;}
+.dzsc{ display:block; width:125px; height:62px; background:url(../images/dzline.jpg) right center no-repeat; padding:18px 0px; float:left;}
+.dzsc a.dianz{ display:block; width:26px; height:28px; background:url(../images/agree.jpg) top center no-repeat; text-align:center; padding-top:40px; margin-left:20px; float:left;}
+.dzsc a.kdsc{ font-family:"微软雅黑"; font-size:14px; padding-top:35px; float:left; margin-left:20px;}
+.fenx{ display:block; width:225px; height:52px; background:url(../images/dzline.jpg) right center no-repeat; padding:28px 0px 0px 30px; float:left;}
+.cishu{ display:block; width:550px; float:left; padding-top:30px; padding-left:40px; font-family:"微软雅黑"; font-size:14px;}
+.playerjj{ width:1190px; margin:30px 0px;}
+.playerjj li{ width:1190px; display:block; padding-bottom:20px; overflow:hidden;}
+.upname{ width:172px; float:left;}
+.upname .upnameimg{ width:61px; height:60px; float:left;}
+.upnamet{ float:left; color:#888888; font-weight:bold; margin-left:10px; line-height:25px;}
+.upnamet a{ color:#1997d6}
+.upinfo{ width:930px; display:block; float:right; border-left:1px solid #dddddd; padding:0px 30px;}
+.upinfo h1{ font-size:14px; font-weight:bold; color:#666666;}
+.upinfo p{ line-height:25px; text-indent:2em;}
+.upinfo span{ font-size:12px; color:#999999;}
+
+.lybox{ width:100%; display:block; background:#f0f0f0; overflow:hidden;}
+.guestbook{ width:1190px; margin:15px auto;}
+.left868{ width:868px; float:left;}
+.right306{ width:306px; display:block; overflow:hidden; border:1px solid #e6e6e6; float:right; background:#fff;}
+.fbpl{ width:868px; height:265px; border:1px solid #e6e6e6; border-top:3px solid #3baae1; background:#fff;}
+.plr{ width:868px; height:61px; line-height:61px; margin-top:10px;}
+.pltx{ float:left; margin-left:15px;}
+.pltx img{ display:block; width:55px; height:55px; -moz-border-radius:50px; -webkit-border-radius:50px;}
+.plname a{ font-size:14px; color:#1997d6; float:left; padding-left:10px;}
+.plnum{ float:right; padding-right:15px; font-family:"微软雅黑"; font-size:16px; color:#666666;}
+.zishu{ font-family:"Myriad Pro"; font-size:18px; color:#999999; float:right; line-height:30px; padding-right:30px;}
+
+.lylist{ width:868px; display:block; overflow:hidden; border:1px solid #e6e6e6; margin:15px 0px; background:#fff;}
+
+.pllist{ margin-top:15px;}
+.pllist li{ width:838px; display:block; overflow:hidden; border-bottom:1px solid #e0e0e0; margin:30px;}
+.lyimg{ width:50px; height:50px; float:left;}
+.lyimg img{ width:50px; height:50px;}
+.lyinfo{ width:758px; float:right; margin-right:10px;}
+.lyname{ width:758px; height:16px;}
+.myname{ font-size:16px; float:left;}
+.myname a{ color:#3baae1; }
+.lyname .vip{ color:#686868; margin-left:10px;}
+.myinfo{ color:#3c3c3c; margin-left:20px;}
+.gxqm{ width:758px; line-height:25px; color:#686868; clear:both;}
+.reque{ width:758px; line-height:20px; color:#999999; clear:both;}
+.reque a{ color:#1b91cf;}
+.reque a:hover{ text-decoration:underline;}
+.delete{ float:right; margin-right:20px;}
+.zhuanfa{ display:block; float:right;}
+.zhuanfa a{ color:#1b91cf; line-height:50px; padding-right:15px;}
+.zhuanfa a:hover{ text-decoration:underline;}
+
+.tjlist{ width:280px; margin:0px 10px; padding-bottom:20px;}
+.tjlist li{ width:280px; height:88px; margin-top:20px;}
+.tjlist li .tjimg{ width:142px; height:88px; background:url(../images/tjbg.jpg) no-repeat; float:left; position:relative;}
+.tjlist li .tjimg img{ margin:1px;}
+.tjinfo{ width:134px; height:88px; float:right;}
+.tjinfo h2 a{ line-height:20px; font-size:12px; color:#888888; font-weight:bold;}
+.tjinfo h2 a:hover{ color:#3baae1;}
+.tjinfo span{ color:#a7a7a7; line-height:20px;}
+.bftime{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:5px;}
+
+/***中学时代***/
+.submenu{ width:100%; height:40px; background:#f0f0f0; display:block; overflow:hidden;}
+.menulist{ width:1190px; height:40px; margin:0 auto; font-family:"微软雅黑"; font-size:13px;}
+.menulist li{ padding-left:20px; line-height:40px;}
+.menulist li a{ display:block; float:left; padding:0px 15px; color:#555555;}
+.menulist li a:hover,.menulist li a.on{ color:#3baae2;}
+
+.Aflash{width:1190px;margin:0 auto;background:url(../images/titbg.gif) repeat-x left top;position:relative; overflow:hidden;}
+.Aflash h2,h3,h1{font-size:14px;}
+.Aflash a{color:#fff;text-decoration:none}
+.Aflash a:hover{color:#fff;text-decoration:underline}
+.smallbox b,.pre a,.next a{ background:url(../images/doc.png) no-repeat -1000px -1000px;}
+.picUL{}
+.picLI{position:relative;width:1190px; overflow:hidden;}
+.picbox{width:10000px;}
+.picbox small{display:block;background:url(http://i0.letvimg.com/img/201112/06/home/tv.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i0.letvimg.com/img/201112/06/home/tv.png');position:absolute;left:-8px;top:-7px;width:110px;height:110px;}
+.picbox .tv{ display:none;}
+.picbox img{height:480px;}
+.picLI .bg{ background:#000000;opacity:0.5; filter:Alpha(opacity=50);position:absolute;left:0;top:385px;height:95px;width:1190px;}
+.picLI .info{ position:absolute;left:0;top:385px;height:88px;overflow:hidden;width:500px;padding-left:20px;margin-top:7px;}
+.picLI h2{font-size:16px;font-family:"微软雅黑";height:35px;line-height:35px; overflow:hidden;}
+.picLI p{ margin:0px; padding:0px;line-height:20px;}
+.picLI a:hover{text-decoration:none;}
+.Aflash .pre,.Aflash .next{float:left;margin-top:28px; position:relative; width:30px; z-index:11;}
+.pre i,.next i{background:url(../images/tipN.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tipN.png');display:block;width:25px;height:24px; position:absolute;left:20px;top:2px; display:none;}
+.next i{background:url(../images/tipP.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tipP.png');left:-20px;}
+.smalpic{float:left; width:350px; display:block; zoom:1; overflow:hidden;padding:10px 5px 0 5px;}
+.Aflash .pre a{width:27px;height:26px;display:block; background-position:-84px -10px;}
+.Aflash .next a{width:27px;height:26px;display:block; background-position:-123px -10px;}
+.pre i{display:block;}
+.infobtn{ position:absolute;right:10px;top:400px;width:420px;}
+.smallbox{ width:10000px;}
+.smallbox img{width:55px;height:55px;border:3px solid #999999;}
+.smallbox a{display:block;float:left;width:70px;text-align:center; outline:none; position:relative; z-index:10;}
+.smallbox a b{ display:none;}
+.smallbox a.on img{border:3px solid #c21f22;}
+.smallbox a.on b{ display:block;}
+.smallbox b{ background-position:-60px -10px; display:block; zoom:1; overflow:hidden; width:10px; height:8px; position:absolute; left:30px; top:-7px;}
+
+
+#j-focusPic{position:relative;overflow:hidden;width:1190px;height:480px;}
+#j-focusPic .j-slider{position:absolute;width:1000000px;}
+#j-focusPic .j-item{display:block;float:left;width:1190px;height:480px;overflow:hidden;}
+#j-focusPic .j-info{height:85px;}
+#j-focusPic .j-infocontainer{display:none;}
+#j-focusBtns .j-container{position:relative;height:70px;width:350px;padding:0px;padding-top:10px;}
+#j-focusBtns .j-slider{position:absolute;}
+#j-focusBtns .pre a,#j-focusBtns .next a{ cursor:pointer;}
+#j-focusBtns .on-1 a{ background-position:-84px -46px; cursor:default; }
+#j-focusBtns .on-2 a{ background-position:-123px -46px; cursor:default; }
+#j-hitshow .j-container{position:relative;width:1188px;height:180px;overflow:hidden;}
+#j-hitshow .j-slider{position:absolute;width:10000px;}
+#j-hitshow .a1.disable{background-position:-10px -10px; cursor:default;}
+#j-hitshow .a1.disable:hover{background-position:-10px -10px;}
+#j-hitshow .a2.disable{background-position:-23px -10px;cursor:default;}
+#j-hitshow .a2.disable:hover{background-position:-23px -10px;}
+
+/*播放按钮css控制*/
+.picLI .info{ width:405px; padding:0; left:110px;}
+.picLI p{ height:40px; overflow:hidden;}
+.path a.i-menu{background:url(../images/menu.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="(../images/menu.png");}
+.path a.i-menu:hover{background:url(../images/menu1.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/menu1.png")}
+
+/***快速筛选***/
+.kssx{ width:1190px; display:block; background:#f0f0f0; overflow:hidden; padding:20px; margin-top:15px;}
+.kssx .diqu{ width:350px; float:left; background:url(../images/ksline.jpg) right center no-repeat;}
+.diqu h2{ font-size:12px; font-family:"微软雅黑"; color:#888888; padding-bottom:5px;}
+.kssx .diqu a{ display:block; padding:5px 12px; float:left; line-height:20px;}
+.leixing h2{ font-size:12px; font-family:"微软雅黑"; color:#888888; padding-bottom:5px;}
+.kssx .leixing{ width:300px; float:left; background:url(../images/ksline.jpg) right center no-repeat; padding-left:20px;}
+.kssx .leixing a{ display:block; padding:5px 12px; float:left; line-height:20px;}
+.kssx .hotword{ display:block; width:490px; float:left; padding-left:30px;}
+.kssx .hotword a{ display:block; padding:5px 12px; float:left; line-height:20px;}
+.hotword h2{ font-size:12px; font-family:"微软雅黑"; color:#888888; padding-bottom:5px;}
+
+/***热门视频***/
+.hotvideo{ width:1190px; height:415px;}
+.orilist1{ width:1190px; height:333px; margin-top:20px; float:left;}
+.topvideo1{ width:419px; height:333px; float:left; position:relative;}
+.titleinfo1{ width:419px; height:83px; background:url(../images/ycbg.png) repeat; position:absolute; bottom:0px; left:0;}
+.titleinfo1 h1{ width:419px; line-height:25px; font-size:14px; font-weight:bold;}
+.titleinfo1 h1 a{ color:#fff; padding-left:10px;}
+.titleinfo1 h1 a:hover{ text-decoration:underline;}
+.titleinfo1 .spxx{ width:419px; line-height:25px; color:#fff; font-size:12px;}
+.titleinfo1 .spxx a{ color:#fff; padding-left:10px;}
+.titleinfo1 .spxx a:hover{ text-decoration:underline;}
+.titleinfo1 .price{ line-height:25px; font-size:18px; font-weight:bold;}
+.titleinfo1 .price a{ color:#fff; padding-left:10px;}
+.titleinfo1 .price a:hover{ text-decoration:underline;}
+.sptime{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:93px;}
+.play{ width:36px; height:27px; position:absolute; left:10px; bottom:98px;}
+.play a{ display:block; width:36px; height:27px; background:url(../images/play.png) no-repeat; text-indent:-9999px;}
+
+.splist1{ width:770px; height:332px; float:right;}
+.myvideo1{ width:212px; height:158px; border:1px solid #e6e6e6; float:left; margin:0px 0px 15px 30px;}
+.myvideoimg1{ width:212px; height:118px; position:relative;}
+.myvideoimg1 h3{ width:205px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg1 h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg1 h3 a:hover{ text-decoration:underline;}
+.play2{ width:27px; height:19px; position:absolute; right:8px; bottom:5px;}
+.play2 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+
+/***人气班级***/
+.hotclass{ width:1190px; height:375px; margin-top:15px;}
+.picList1 li{ width:221px; height:257px; background:#f0f0f0; border:1px solid #e5e5e5; margin:0 6px; float:left; _display:inline; margin-top:20px;}
+.picList1 li .pic{ position:relative;}
+.picList1 li .pic img{ width:219px; height:192px; display:block; padding:1px;}
+.picList1 li span.bjpx{ display:block; width:27px; height:30px; background:url(../images/bjpx.png) no-repeat; position:absolute; left:0px; top:-4px; color:#fff; font-family:"Times New Roman", Times, serif; padding-top:12px; text-align:center;}
+.picList1 li .titlei span.classtitle{ display:block; width:219px; font-size:14px; line-height:24px; text-align:center;}
+.picList1 li .titlei span.classinfo{ display:block; width:219px; font-size:12px; color:#898989; line-height:20px; text-align:center;}
+.picList1 li .titlei span.classinfo a{ color:#3daee7;}
+.picList1 li .titlei span.classinfo a:hover{ text-decoration:underline;}
+
+/***问题解答and难题悬赏***/
+.wenti{ width:1190px; height:285px; margin:0px auto 20px;}
+.wenticolumn{ width:565px; height:255px; float:left;}
+.wtjdlist{ width:565px; height:195px; margin-top:20px;}
+.toppic{ width:254px; height:188px; float:left; border:1px solid #e5e5e5; position:relative;}
+.toppic a{ width:234px; display:block; height:30px; line-height:30px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat; position:absolute; right:0px; bottom:0px; font-size:14px; font-weight:bold;}
+.toppic a:hover{ text-decoration:underline;}
+.wtjdlist ul{ width:300px; height:188px; float:right;}
+.wtjdlist li{ height:30px; line-height:29px; font-size:12px; color:#666666;}
+.wtjdlist li a{ color:#555555; padding-left:5px;}
+.wtjdlist li span{ float:right; color:#666666;}
+.wtjdlist li span a{ color:#666666;}
+.wtjdlist li a:hover{ color:#3daee7;}
+
+.txtScroll-top .hd{ height:65px; font-family:"微软雅黑"; background:url(../images/tbg1.jpg) bottom center no-repeat;}
+.txtScroll-top .hd h1{ font-family:"微软雅黑"; width:100px; height:65px; padding-left:40px; background:url(../images/ntxs1.jpg) left center no-repeat; line-height:50px; font-size:22px; color:#898989; text-align:center; float:left;}
+.txtScroll-top .hd a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
+.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:20px; overflow:hidden; cursor:pointer; background:url("../images/icoUp.gif") no-repeat;}
+.txtScroll-top .hd .next{ background:url("../images/icoDown.gif") no-repeat; }
+.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; }
+.txtScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
+.txtScroll-top .hd ul li.on{ background-position:0 0; }
+.txtScroll-top .bd{ padding:15px; }
+.txtScroll-top .infoList li{ height:30px; line-height:30px; color:#666666;}
+.txtScroll-top .infoList li a{ color:#555555; float:left;}
+.txtScroll-top .infoList li a:hover{ color:#3daee7;}
+.txtScroll-top .infoList li .jb{ margin-left:5px; width:50px; background:url(../images/jb.jpg) left center no-repeat; padding-left:20px; color:#88889a;}
+.txtScroll-top .infoList li .icon{ margin-right:5px; float:left;}
+.txtScroll-top .infoList li .icon img{ display:block; padding-top:5px;}
+
+/***翻转课堂***/
+.list4 li{ width:233px; height:138px; float:left; margin-top:15px; margin-left:5px; background:url(../images/home/simg.jpg) no-repeat;}
+.picList2 li{ width:218px; height:237px; background:#f0f0f0; border:1px solid #e5e5e5; margin:0 8px; float:left; _display:inline; margin-top:20px; text-align:center;}
+.picList2 li .pic img{ width:218px; height:193px; display:block;}
+.picList2 li .titleis a{ font-size:14px; font-weight:bold; text-align:center; line-height:40px; color:#555555; text-align:center;}
+.bjlist{ margin-top:20px; }
+.bjvideo{ width:218px; height:176px; border:1px solid #e6e6e6; float:left; margin:10px 8px; z-index:-9999;}
+.bjvideoimg{ width:218px; height:132px; position:relative; z-index:0;}
+.bjvideoimg img{ width:218px; height:132px;}
+.bjvideoimg h3{ width:210px; height:27px; line-height:27px; padding-left:8px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.bjvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.bjvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px; }
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+.bjvideoimg span.time{ display:block; height:16px; line-height:16px; padding:0px 10px; text-align:center; color:#fff; background:url(../images/timebg.png) repeat-x; position:absolute; right:3px; bottom:35px;}
+.bjtitle{ width:210px; height:42px; line-height:42px; background:#f7f7f7; padding-left:8px;}
+
+.banner{ width:100%; height:305px; display:block; overflow:hidden; text-align:center;}
+.xxjj{ width:1190px; margin:0 auto; display:block; position:relative;}
+.xxlogo{ width:166px; height:166px; background:url(../images/ybg.png) no-repeat; position:absolute; top:-58px; left:0px; float:left;}
+.xxlogo .logo1{ width:100px; height:100px; margin:30px auto 0px;}
+.xxlogo .logo1 img{ width:100px; height:100px; border-radius:50%; overflow:hidden;}
+.xxgk{ width:990px; float:right; padding:10px 10px;}
+.xxgk h1{ font-size:24px; color:#067cd6; font-family:"微软雅黑";}
+.xxgk p{ font-size:14px; color:#555555; line-height:25px;}
+
+/***难题悬赏***/
+.tab2{ width:1190px; margin:0 auto;}
+.tab2 td{ height:40px; line-height:40px; font-family:"宋体"; font-size:12px; color:#666666; border-bottom:1px dashed #cccccc;}
+.tab2 td a{ font-size:14px; color:#2d64b3;}
+.tab2 td a:hover{ color:#f124a7;}
+
+/***状元楼***/
+.zhuanyuan li{ width:267px; height:137px; background:url(../images/zybg.jpg) no-repeat; margin:15px; float:left; _display:inline; overflow:hidden;}
+.zhuanyuan li .pic{ float:left; }
+.zhuanyuan li .pic img{ width:130px; height:111px; display:block; padding:8px;}
+.zhuanyuan li .titles{ width:102px; height:210px; float:right; text-align:left; padding:15px 0px 0px 15px;}
+.zhuanyuan li .titles span.zyname a{ line-height:30px; color:#555555; font-weight:bold;}
+.zhuanyuan li .titles span.zyname a:hover{ color:#3daee7;}
+.zhuanyuan li .titles span.zyinfo{ font-size:12px; color:#898989; line-height:25px;}
+.zhuanyuan li .titles span.zyinfo a{ color:#3daee7;}
+.zhuanyuan li .titles span.zyinfo a:hover{ text-decoration:underline;}
+
+
+/* ----- page ----- */
+.page1{ text-align:center; margin-top:14px; color:#2b2b2b; height:22px; line-height:20px; color:#989898; float:right;}
+.page1 .num{ padding-right:20px;}
+.page1 .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page1 .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+
+
+
+/***form***/
+.input4{border:1px solid #dadada; color:#dadada; line-height:25px; width:810px; height:90px; margin:10px 25px; color:#666666;}
+
+/***title***/
+.title{ height:35px; line-height:35px; background:#f7f7f7; border-bottom:1px solid #d8d8d8;}
+.title h1{ font-family:"微软雅黑"; font-size:16px; color:#3aabe3; padding-left:15px;}
+
+.title1{ height:50px; background:#fff;}
+.title1 h1{ width:140px; height:47px; line-height:47px; border-right:1px solid #e6e6e6; border-top:3px solid #3baae1; font-size:14px; color:#555555; text-align:center; float:left;}
+.title1 .plpage{ width:726px; height:49px; border-bottom:1px solid #e6e6e6; float:left;}
+
+.title2{ height:35px; line-height:35px; border-bottom:1px solid #e6e6e6;}
+.title2 h1{ font-size:14px; color:#555555; font-weight:bold; padding-left:15px;}
+
+.title3{ width:217px; height:42px; line-height:42px; background:#f0f0f0;}
+.title3 .jiage{ float:left; padding-right:5px;}
+.title3 .jiage a{ font-size:16px; color:#dc1f00; font-weight:bold;}
+.title3 .jiage a:hover{ color:#000;}
+.title3 .playtime{ float:left; color:#999999;}
+.title3 .playtime a{ font-size:12px; color:#999999; padding-left:5px;}
+.title3 .playtime a:hover{ text-decoration:underline; color:#dc1f00;}
+
+.title4{ height:65px; background:url(../images/ttbg.jpg) bottom center no-repeat;}
+.title4 h1{ display:block; background:url(../images/rmsp.jpg) left top no-repeat; background-position:10px; font-family:"微软雅黑"; font-size:24px; color:#898989; padding-left:60px; line-height:65px; float:left;}
+.title4 a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
+
+.title7{ height:65px; background:url(../images/ttbg.jpg) bottom center no-repeat;}
+.title7 h1{ display:block; background:url(../images/rqclass.jpg) left top no-repeat; background-position:10px; font-family:"微软雅黑"; font-size:24px; color:#898989; padding-left:60px; line-height:65px; float:left;}
+.title7 a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
+
+.title8{ height:65px; background:url(../images/tbg1.jpg) bottom center no-repeat;}
+.title8 h1{ display:block; background:url(../images/rqclass.jpg) left top no-repeat; background-position:10px; font-family:"微软雅黑"; font-size:24px; color:#898989; padding-left:60px; line-height:65px; float:left;}
+.title8 a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
+
+
+.title6{ height:65px; background:url(../images/ttbg.jpg) bottom center no-repeat;}
+.title6 h1{ display:block; background:url(../images/fzkt.jpg) left top no-repeat; background-position:10px; font-family:"微软雅黑"; font-size:24px; color:#898989; padding-left:60px; line-height:65px; float:left;}
+.title6 a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
+
+.title5{ width:212px; height:40px; line-height:40px; background:#f0f0f0;}
+.title5 .jiage{ float:left; padding-right:5px;}
+.title5 .jiage a{ font-size:16px; color:#dc1f00; font-weight:bold;}
+.title5 .jiage a:hover{ color:#000;}
+.title5 .playtime{ float:left; color:#999999;}
+.title5 .playtime a{ font-size:12px; color:#999999; padding-left:5px;}
+.title5 .playtime a:hover{ text-decoration:underline; color:#dc1f00;}
+
+.title9{ height:65px; background:url(../images/ttbg.jpg) bottom center no-repeat;}
+.title9 h1{ display:block; background:url(../images/rqkt.jpg) left top no-repeat; background-position:10px; font-family:"微软雅黑"; font-size:24px; color:#898989; padding-left:60px; line-height:65px; float:left;}
+.title9 a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
+
+.title10{ height:65px; background:url(../images/ttbg.jpg) bottom center no-repeat;}
+.title10 h1{ display:block; background:url(../images/rzxx.jpg) left top no-repeat; background-position:10px; font-family:"微软雅黑"; font-size:24px; color:#898989; padding-left:60px; line-height:65px; float:left;}
+.title10 a.more{ display:block; width:56px; height:20px; text-align:center; color:#9e9e9e; line-height:20px; float:right; margin-right:15px; background:url(../images/more.jpg) no-repeat; margin-top:30px;}
\ No newline at end of file
diff --git a/code/css/whir_zy.css b/code/css/whir_zy.css
new file mode 100644
index 0000000..3454beb
--- /dev/null
+++ b/code/css/whir_zy.css
@@ -0,0 +1,235 @@
+@charset "utf-8";
+body,div,hr,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend{margin:0;padding:0}
+body{font-size:12px;color:#666666; background-color:#f0f0f0;font-family:Tahoma,Geneva,sans-serif,'宋体';}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
+.clearfix{*zoom:1}
+.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}
+*+html img{-ms-interpolation-mode:bicubic}
+.clearboth{ clear:both;}
+ul,ol{list-style:none}
+fieldset,img{border:0}
+address,cite,dfn,em,var{font-style:normal}
+strong,.fcu{font-weight:bold}
+table{border-collapse:collapse;border-spacing:0}
+button,.fhand{cursor:pointer}
+button,input,select,textarea{font-size:100%;}
+html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true)}(this))}
+
+
+.clear {padding:0px 0px 0px 0px; margin:0px; clear:both;}
+.clear1 {padding:5px 0px 5px 0px; clear:both; margin:0px;}
+.clear2{ height:145px; clear:both; margin:0px;}
+.fl{ float:left;}
+.fr{ float:right;}
+.ml20{ margin-left:20px;}
+.mb15{ margin-bottom:15px;}
+
+/* ----- Links ----- */
+a {text-decoration:none;color:#666;}
+a:hover {color:#2f9def; text-decoration:none;}
+
+/***header***/
+#header{ width:100%; height:85px; background:url(../images/home/zytbg.jpg) repeat-x;}
+#header .top{ width:1002px; height:85px; margin:0 auto;}
+#header .top .logo{ float:left;}
+#header .nav{ float:left;}
+#header .nav li{ width:110px; height:85px; line-height:85px; margin-left:20px; float:left;}
+#header .nav li.li1 a{ display:block; width:60px; height:85px; background:url(../images/home/icon.png) left center no-repeat; background-position:20px; padding-left:50px; font-family:"微软雅黑"; font-size:18px; color:#fff;}
+#header .nav li.li2 a{ display:block; width:60px; height:85px; background:url(../images/home/icon1.png) left center no-repeat; background-position:20px; padding-left:50px; font-family:"微软雅黑"; font-size:18px; color:#fff;}
+#header .nav li.li1 a:hover{ display:block; width:60px; height:85px; background:#e10082 url(../images/home/icon.png) left center no-repeat; background-position:20px; padding-left:50px;}
+#header .nav li.li2 a:hover{ display:block; width:60px; height:85px; background:#e10082 url(../images/home/icon1.png) left center no-repeat; background-position:20px; padding-left:50px;}
+#header .search{ width:214px; height:30px; float:left; margin-top:30px; margin-left:20px;}
+#header .hyinfo{ height:63px; float:left; margin-left:10px; margin-top:10px; position:relative;}
+#header .hyinfo li{ display:block; width:60px; height:63px; line-height:55px; float:left; padding-right:20px;}
+#header .hyinfo li.hy2 a{ display:block; color:#fff; font-weight:bold; text-align:center;}
+#header .hyinfo li.hy1 { display:block; width:60px; background:url(../images/home/icon2.jpg) right center no-repeat;}
+#header .hyinfo li img{ display:block; width:55px; height:55px; -moz-border-radius:50px; -webkit-border-radius:50px; border:4px solid #7e8188; float:left;}
+#header .hyinfo li.aon {background:url(../images/home/icon2.jpg) right center no-repeat; _background:url(../images/home/icon2.jpg) right center no-repeat;}
+
+.subbox{ position:absolute; top:63px; left:0px; width:175px; display:none; margin:0px; padding:0px;}
+.subbox span{ display:block; width:135px; height:7px; background:url(../images/home/icon2.png) left top no-repeat; background-position:20px;}
+.subbox a{ display:block; background:#fff; line-height:35px; text-align:left; color:#000; padding-left:15px;}
+.subbox a:hover{ color:#e60085;}
+
+/***banner***/
+.banner{ width:100%; height:360px; text-align:center; overflow:hidden;}
+.school{ width:1002px; margin:0 auto; display:block; position:relative;}
+.school span{ height:25px; line-height:25px; position:absolute; bottom:15px; right:10px;}
+.school span a{ color:#fff;}
+.school span a:hover{ color:#e60085;}
+
+/***container***/
+#container{ width:1002px; margin:15px auto; display:block; overflow:hidden;}
+.left749{ width:749px; display:block; overflow:hidden; float:left; border:1px solid #dcdcdc; background:#fff;}
+.classlist{ width:749px; display:block; overflow:hidden;}
+.classlist li{ margin:30px 15px 0px; width:719px; height:152px; border-bottom:1px solid #e9e9e9; position:relative;}
+.classlist li .classimg{ width:225px; height:124px; float:left;}
+.classlist li .classinfo{ width:480px; height:124px; float:right; margin-left:14px;}
+.classlist li .classinfo .classname a{ display:block; font-size:14px; color:#666666; font-weight:bold; line-height:30px;}
+.classlist li .classinfo .schoolname a{ display:block; font-size:12px; color:#e10082; line-height:35px;}
+.classlist li .classinfo .teacher a{ display:block; font-size:12px; color:#666666; line-height:35px;}
+.classlist li .classinfo .visit a{ display:block; font-size:12px; color:#ff5a00; line-height:35px;}
+.right235{ width:235px; display:block; overflow:hidden; float:right; border:1px solid #dcdcdc; background:#fff;}
+.tjlist li{ width:201px; height:230px; padding:15px 14px 0px; border-bottom:1px solid #e9e9e9;}
+.tjlist li .tjimg{ width:201px; height:113px;}
+.tjlist li h2{ font-size:14px; font-weight:bold; color:#707070; line-height:30px;}
+.tjlist li h3{ line-height:20px;}
+
+.classlist1{ width:709px; display:block; overflow:hidden;}
+.classlist1 li{ margin:30px 15px 0px; width:679px; height:152px; border-bottom:1px solid #e9e9e9; position:relative;}
+.classlist1 li .classimg{ width:225px; height:124px; float:left;}
+.classlist1 li .classinfo{ width:440px; height:124px; float:right; margin-left:14px;}
+.classlist1 li .classinfo .classname a{ display:block; font-size:14px; color:#666666; font-weight:bold; line-height:30px;}
+.classlist1 li .classinfo .schoolname a{ display:block; font-size:12px; color:#3baae1; line-height:35px;}
+.classlist1 li .classinfo .teacher a{ display:block; font-size:12px; color:#666666; line-height:35px;}
+.classlist1 li .classinfo .visit a{ display:block; font-size:12px; color:#ff5a00; line-height:35px;}
+.right235{ width:235px; display:block; overflow:hidden; float:right; border:1px solid #dcdcdc; background:#fff;}
+.tjlist li{ width:201px; height:230px; padding:15px 14px 0px; border-bottom:1px solid #e9e9e9;}
+.tjlist li .tjimg{ width:201px; height:113px;}
+.tjlist li h2{ font-size:14px; font-weight:bold; color:#707070; line-height:30px;}
+.tjlist li h3{ line-height:20px;}
+
+
+/**font***/
+.f_red{ color:#ea0023;}
+.f_blue{ color:#3daee7;}
+.f_black{ color:#929192;}
+
+/***ad***/
+.ad{ width:1190px; margin:0 auto;}
+
+/***form***/
+.input{ width:180px; height:30px; border-right:0 none; background:url(../images/home/sbg.jpg) no-repeat; border:0px; padding-left:6px; line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#555555; float:left;}
+.input2{ position:absolute; right:0px; bottom:30px;}
+.btn{ width:28px; height:30px; float:left;}
+
+/***footer***/
+#footer{ width:100%; height:337px; background:#e6e6e6; margin-top:20px; padding-top:20px;}
+.links{ width:1190px; height:145px; margin:0 auto; padding-top:15px; background:#fff;}
+.linkpic{ width:1135px; height:49px; line-height:49px; margin:0px auto; overflow:hidden;}
+.linkpic h1{ width:118px; height:49px; background:#0296e3; color:#fff; font-size:18px; font-weight:normal; text-align:center; float:left; font-family:"微软雅黑";}
+.picshow{ width:1017px; height:49px; float:left;}
+.linktext{ width:1135px; height:40px; margin:35px auto 0px;}
+.linktext h1{ width:70px; height:40px; font-size:14px; color:#6c6c6c; float:left; font-family:"微软雅黑";}
+.textlink{ width:1065px; height:40px; float:left;}
+.textlink a{ padding:0px 3px; line-height:20px; font-size:12px;}
+.copyright{ width:1190px; margin:25px auto 0px;}
+.Navigation{ text-align:center; line-height:20px;}
+.Navigation a{ color:#666666; padding:0px 5px;}
+.Navigation a:hover{ text-decoration:underline; color:#3daee7;}
+.copy{ text-align:center; line-height:30px; color:#666666;}
+
+/***title**/
+.title{ height:85px; line-height:85px; float:left;}
+.title h1{ font-family:"微软雅黑"; font-size:34px; color:#ffffff;}
+
+.title1{ height:45px; line-height:45px; font-family:"微软雅黑"; border-bottom:1px solid #e9e9e9;}
+.title1 h1{ width:135px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#707070; float:left; border-right:1px solid #dcdcdc;}
+.title1 h1.hover{ border-top:2px solid #e10082; color:#e10082;}
+
+.title2{ height:40px; background:#f3f3f3; border-bottom:1px solid #e9e9e9;}
+.title2 h1{ padding-left:10px; color:#707070; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+.title3 h1{ font-family:"微软雅黑"; font-size:16px; color:#0a90e8; line-height:35px; padding-left:20px;}
+.title4{ height:45px; border-bottom:1px solid #e3e3e3;}
+.title4 h1{ width:116px; height:45px; line-height:45px; background:url(../images/home/kct.jpg) bottom no-repeat; font-family:"微软雅黑"; font-size:16px; color:#fff; margin-left:15px; text-align:center; font-weight:bold;}
+
+.title5{ height:45px; border-bottom:1px solid #e3e3e3; background:#f4f4f4;}
+.title5 h1{ width:116px; height:45px; line-height:45px; font-family:"微软雅黑"; font-size:16px; color:#555555; margin-left:15px; text-align:center; font-weight:bold;}
+
+.title6{ height:45px; line-height:45px; font-family:"微软雅黑"; padding-left:15px;}
+
+.title7{ height:40px; background:#fff; border-bottom:1px solid #e9e9e9;}
+.title7 h1{ padding-left:10px; color:#18a1f5; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+.title8{ height:40px; background:#fff; border-bottom:1px solid #e9e9e9; border-top: 3px solid #3baae1;}
+.title8 h1{ padding-left:10px; color:#18a1f5; font-family:"微软雅黑"; font-size:16px; line-height:40px;}
+
+/* ----- page ----- */
+.page{ text-align:center; clear:both; padding:30px 0px 30px 0px; color:#2b2b2b; height:22px; line-height:20px; color:#989898;}
+.page .prev{ display:inline-block; text-align:left; vertical-align:middle; background:url(../images/bg_page.gif) 0px top no-repeat; padding-left:22px; width:48px; height:22px; color:#bdbdbd;}
+.page .next{ text-align:left; display:inline-block; vertical-align:middle; margin:0px 6px; background:url(../images/bg_page.gif) 0px center no-repeat; padding-left:12px; width:58px; height:22px; color:#bdbdbd;}
+.page .num a{ display:inline-block; vertical-align:middle; color:#656565; background:url(../images/bg_page.gif) 0px bottom no-repeat; text-align:center; margin-left:4px; width:28px; height:22px;}
+.page .num a:hover,.page .num a.on{ background:url(../images/bg_page.gif) -28px bottom no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
+.page em{ color:#000000; font-family:Arial, Helvetica, sans-serif; margin-right:16px;}
+.page .inputpage{ width:24px; height:17px; line-height:17px; border:1px solid #a9aaac;}
+.page .btngo{ width:25px; height:20px; color:#686868; background-image:url(../images/btn_go.gif); border:0px; cursor:pointer;}
+
+/***课程介绍**/
+.kcjs{ width:1000px; display:block; overflow:hidden; border:1px solid #e3e3e3; background:#fff;}
+.left750{ width:750px; float:left; border-right:1px solid #e3e3e3;}
+.dxlogo{ width:295px; height:75px; margin:15px;}
+.dxinfo{ width:700px; padding:25px;}
+.dxinfo h1{ font-size:16px; color:#555555; line-height:30px; font-weight:bold;}
+.dxinfo p{ font-size:14px; color:#666666; line-height:25px;}
+.right250{ width:245px; float:right;}
+.list{ width:205px; margin:20px;}
+.list li{ width:205px; height:74px; margin-bottom:20px;}
+.list .lsimg{ width:80px; height:74px; padding:3px; border:1px solid #e3e3e3; float:left;}
+.list .lsjj{ width:110px; height:74px; float:right;}
+.list .lsname{ width:110px; height:20px; font-size:14px; color:#666666; font-weight:bold;}
+.list .lszc{ width:110px; height:20px; font-size:14px; color:#666666; margin-top:10px;}
+
+.kcms{ width:1002px; display:block; overflow:hidden; margin-top:15px;}
+.left248{ width:248px; display:block; background:#fff; overflow:hidden; float:left;}
+.menu{ width:246px; display:block; border:1px solid #e3e3e3; border-bottom:0px; background:#fff;}
+.menu li{ width:246px; height:53px; line-height:53px; border-bottom:1px solid #e3e3e3; }
+.menu li span{ float:right; color:#666666; padding-right:20px;}
+.menu li span.on{ float:right; color:#fff; padding-right:20px;}
+.menu li a{ display:block; line-height:53px; font-size:14px; color:#666666; padding-left:30px;}
+.menu li a:hover,.menu li a.on{ background:#21a3f3; color:#fff; font-weight:bold;}
+.right735{ width:735px; border:1px solid #e3e3e3; background:#fff; display:block; float:right;}
+.content_news{ font-size:14px; line-height:30px; padding:17px 30px 20px 30px;}
+.content_news p{ text-indent:2em;}
+
+.zxsc{ width:730px; overflow:hidden;}
+.myvideo{ width:200px; height:158px; float:left; margin:15px 20px 15px; border:1px solid #e5e5e5;}
+.myvideo1{ width:200px; height:158px; float:left; margin:15px 15px 0px;}
+.myvideoimg{ width:200px; height:118px; position:relative;}
+.myvideoimg img{ width:200px; height:118px;}
+.myvideoimg h3{ width:193px; height:27px; line-height:27px; padding-left:7px; background:url(../images/timebg.png) repeat; position:absolute; bottom:0px; left:0;}
+.myvideoimg h3 a{ font-size:12px; color:#fff; font-weight:bold;}
+.myvideoimg h3 a:hover{ text-decoration:underline;}
+.play1{ width:27px; height:19px; position:absolute; right:8px; bottom:5px;}
+.play1 a{ display:block; width:27px; height:19px; background:url(../images/play1.png) no-repeat; text-indent:-9999px;}
+.time{ display:block; position:absolute; background:url(../images/timebg.png) repeat-x; width:45px; height:20px; text-align:center; color:#fff; right:0px; bottom:32px;}
+
+.lsjs{ width:1000px; display:block; overflow:hidden; border:1px solid #e3e3e3; background:#fff;}
+.list1{ width:980px; margin:10px;}
+.list1 li{ width:490px; height:135px; margin-bottom:20px;}
+.list1 .lsimg{ width:145px; height:135px; padding:3px; border:1px solid #e3e3e3; float:left;}
+.list1 .lsjj{ width:315px; height:135px; float:right;}
+.list1 .lsname{ width:315px; height:20px; font-size:14px; color:#666666; font-weight:bold; margin-top:30px;}
+.list1 .lszc{ width:315px; height:20px; font-size:14px; color:#666666; margin-top:10px;}
+.list1 .lsdx{ width:315px; height:20px; font-size:14px; color:#666666; margin-top:10px;}
+
+.left735{ width:735px; border:1px solid #e3e3e3; background:#fff; display:block; float:left;}
+.right248{ width:248px; display:block; background:#fff; overflow:hidden; float:right;}
+.list2 li{ width:248px; height:208px; border-bottom:1px solid #e3e3e3; margin-top:20px;}
+.list2 .kcimg{ width:206px; height:115px; margin:0px 16px;}
+.list2 .kcname{ width:206px; height:25px; line-height:25px; margin:0px 16px;}
+.list2 .kcname a{color:#666666; font-size:14px;}
+.list2 .kccc{ width:206px; height:25px; line-height:25px; margin:0px 16px;}
+.list2 .kccc a{color:#3baae1; font-size:12px;}
+.list2 .author{ width:206px; height:25px; line-height:25px; margin:0px 16px;}
+.list2 .author a{color:#666666; font-size:12px;}
+
+.qbclass{ width:1000px; display:block; overflow:hidden; background:#fff; border:1px solid #e3e3e3; margin-top:15px;}
+.list3 li{ height:198px; border:1px solid #e3e3e3; margin-top:20px; float:left; margin-left:15px;}
+.list3 .kcimg{ width:220px; height:122px; padding:3px;}
+.list3 .kcname{ padding-left:15px; height:25px; line-height:25px;}
+.list3 .kcname a{color:#666666; font-size:14px; font-weight:bold;}
+.list3 .author{ padding-left:15px; height:25px; line-height:25px;}
+.list3 .author a{color:#666666; font-size:12px;}
+
+.qbschool{ width:1000px; display:block; overflow:hidden; background:#ffffff;}
+.list4 li{ width:233px; height:138px; float:left; margin-top:15px; margin-left:15px; background:url(../images/home/simg.jpg) no-repeat;}
+
+
+.list_news{ margin:16px 12px 0px 12px;}
+.con_news{ color:#BFB5AD; line-height:26px; margin:30px 0px 10px 0px; height:130px; border-bottom:1px solid #E5E5E5;}
+.con_news dt{ float:left; width:118px; padding:5px; height:78px;text-align:center; border:1px solid #D1D1D1;}
+.con_news dd{ float:right;width:520px; text-align:left; color:#8B8B8B}
+.f_yellow{ font-size:12px; color:#ff6000; padding-left:10px;}
+.con_news dd p{ margin:0;}
+.con_news dd a{ font-size:12px; font-weight:bold; padding-top:6px;color:#444444;}
\ No newline at end of file
diff --git a/code/index.html b/code/index.html
new file mode 100644
index 0000000..761f543
--- /dev/null
+++ b/code/index.html
@@ -0,0 +1,858 @@
+<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="s" uri="/struts-tags" %>
+
+
+
+
+网络课堂
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
07:20
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![](images/pic3.jpg)
+
+
1:07:20 播放
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/doc/pic.md b/doc/pic.md
new file mode 100644
index 0000000..1771fa1
--- /dev/null
+++ b/doc/pic.md
@@ -0,0 +1 @@
+https://app.mockplus.cn/s/FdSzdWJ76szC
\ No newline at end of file
diff --git a/doc/作业3.docx b/doc/作业3.docx
deleted file mode 100644
index 4068bd6..0000000
Binary files a/doc/作业3.docx and /dev/null differ