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/home b/code/home deleted file mode 100644 index fa04f47..0000000 --- a/code/home +++ /dev/null @@ -1,3 +0,0 @@ -12345 -ylt -wcy \ 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" %> + + + + +网络课堂 + + + + + + + + + + + + +
+
+ +
+
+ + + + +
+
+ + +
+ +
+

公告栏:

+
+ +
+
+ +
+ +
+ +
+ +
+ + +
+
+
+

用户登录

+ ${loginMessage } + +
+ +
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+ + +
+
+ + + + +
+
+ +
+
+
+

人气班级

+ +
+
+ +
+
+
+ +
+
+
+

状元楼

+
    +
+
+
+ +
+
+ +
+ +
+
+ +
+ +
+
+
+

学霸总排行

+

TOP

+ +
    +
+
+
+ +
+
+ +
+
+ +
+
+
+

问题解答

+ +
+ +
+
+ + +
+
+ +
+
+
+

企业培训

+ +
+
+ +
+
+
+ +
+
+
+

高校慕课

+ +
+
+ +
+
+
+ +
+
+
+

课件超市

+
    +
+
+ +
+ +
+
+
+
+
+
+ + +
+ + + +
+
+
+ +
+ +
+
+ + + + +