2020-08-27

最新推荐文章于 2022-01-14 22:19:01 发布

xiexuzhao

最新推荐文章于 2022-01-14 22:19:01 发布

阅读量621

点赞数

分类专栏：程序

本文链接：https://blog.csdn.net/xiexuzhao/article/details/108258997

版权

程序专栏收录该内容

278 篇文章 1 订阅

订阅专栏

/*课程列表List*/
.ltit{ font-size:22px; line-height:45px; margin:20px 0px 8px 0px;}
.ltit.lsit{ line-height:45px; font-size:13px; color:#999; margin:0px;}
.ltit.lsit a{ color:#999; float:left;}
.ltit.lsit a:hover{ color:#19377F;}
.ltit.lsit i{ float:left; margin:0px 6px; font-size:14px;}
.ltit.lsit h3{ float:left; font-size:13px; color:#999; font-weight:normal;}
.subtype{ line-height:25px; height:25px; padding:8px 0px;}
.subtype a{ margin:0px 10px 0px 0px; padding:4px 12px; border-radius:4px; color:#333; font-size:14px;}
.subtype a.act{ background:#163882 !important; color:#FFF;}
.subtype span.fr a{ margin:0px; border:1px solid #e0e0e0; border-left:0px none;}
.subtype span.fr a:first-child{ border-left:1px solid #e0e0e0; border-radius:4px 0px 0px 4px;}
.subtype span.fr a:last-child{ border-radius:0px 4px 4px 0px;}
.subtype span.fr a.act{ background:#163882; color:#FFF; border-color:#163882;}
.dselect{ margin:0px 0px 10px 0px; /*border:1px solid #eee;*/ border-radius:5px; padding:20px 15px; background:#FFF; -moz-box-shadow:0 0px 8px rgba(128, 128, 128, 0.1); -webkit-box-shadow:0 0px 8px rgba(128, 128, 128, 0.1); box-shadow:0 0px 8px rgba(128, 128, 128, 0.1);}
.dselect .drows{ padding:6px 0px; line-height:25px; font-size:13px;}
.dselect .drows:after{ content:''; display:block; clear:both;}
.dselect .drows span{ float:left;}
.dselect .drows span.sptit{ width:81px; text-align:right; font-size:14px;}
.dselect .drows span.spbody{ width:1035px;}
.dselect .drows span a{ display:inline-block; margin:0px 5px 8px 5px; padding:0px 12px; border-radius:3px; color:#333; font-size:14px;}
.dselect .drows span a:hover,.subtype a:hover{ background:#F2F2F2;}
.dselect .drows span a.act{ background:#163882; color:#FFF;}

/*页码*/
.pages{ text-align:center; padding:0px 0 60px 0px;}
.pages a,.pages span{ background-color:#fff; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 5px; border-radius:4px; padding:10px 18px; color:#585858; font-size:14px; /*background:#F2F2F3;*/}
.pages a:hover{ background:#D0E6FF;}
.pages a i{ }
.pages .cur,.pages .current{ background-color:#163882; color:#fff; cursor:default;}
.pages .cur:hover{ color:#fff; text-decoration:none;}
.pages .next{ }
.pages .prev{ }
.pages .kill{ color:#ddd; border:1px solid #eee;}
.pages .kill:hover{ color:#ddd; text-decoration:none; cursor:default;}
.pages .cur:hover,.pages .current:hover{ color:#fff; text-decoration:none;}

/*未交费*/
.pbox{ background:#F2F2F2;}
.pbox .nobuy{ padding:25px 0px;}
.pbox .nobuy img{ width:360px; height:218px; float:left;}
.pbox .nobuy .protit{ float:left; padding:15px 0px 0px 30px;}
.pbox .nobuy .protit h1{ font-size:24px; margin-bottom:20px;}
.pbox .nobuy .protit em{ font-size:16px; color:#F70000;}
.pbox .nobuy .protit .botbox{ padding:40px 0px 0px 0px; line-height:40px;}
.pbox .nobuy .protit .botbox span{ display:inline-block; line-height:40px; margin-right:20px; font-size:14px;}
.pbox .nobuy .protit .botbox span.sptxt{ width:300px;}
.pbox .nobuy .protit .botbox span.sptxt i{ margin-left:30px;}
.pbox .nobuy .protit .botbox span .abtn{ display:block; background:#163882; color:#FFF; border-radius:3px; padding:0px 40px;}
.pbox .nobuy .protit .botbox span .abtn:hover{ background:#7EB9FF;}
.pbox .nobuy .protit .botbox span .abtn.addcar{ line-height:38px; border:1px solid #163882; color:#163882; background:#e0f5ff; padding:0px 39px;}
.pbox .nobuy .protit .botbox span .acol{ padding:0px 20px;}
.pbox .nobuy .protit .botbox span .acol i{ margin-right:3px; font-size:16px;}
.playbox{ position:relative; height:500px; overflow:hidden;}
.playbox .itest{ position:absolute; top:0px; left:0px; padding:3px 8px; background:rgba(0,0,0,0.5); color:#FFF; z-index:3;}
/*alplayer*/
.prism-player .prism-big-play-btn{ left:50% !important; top:50% !important; margin-left:-32px !important; margin-top:-32px !important;}
.vip-join{ color:#00c1de; }
.vip-join:hover{ color:#F26161; text-decoration:underline;}
.vip_limit_content{ display: flex; width: 100%; height: 100%; flex-wrap: wrap; justify-content: center; align-items: center; }
.vip_limit_content .title{ font-size: 18px; line-height: 36px; color: #fff; text-align: center; width: 100%; }
.vip_limit_button_box { text-align: center; white-space: nowrap; overflow: hidden; width: 100%; }
.vip_limit_btn{ display:inline-block; min-width: 100px; position: relative; background: #f60; padding: 0 35px; margin:0px 5px 20px 5px; border-radius: 38px; font-size: 18px; line-height: 38px; color: #623A0C; text-align: center; background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%); cursor: pointer; }
.vip_limit_close{ text-align: center; }
.vip_limit_close span{ display:inline-block; width:40px; height:40px; line-height:36px; background:rgba(165, 165, 165, 0.54); border-radius: 50%; font-size: 24px; cursor: pointer; }
.playend{ text-align:center;}
.playend .dtitle{color:#FFF; line-height:50px; font-size:30px; padding-bottom:20px;}
.playend .abuy{ display:block; width:120px; margin:0px auto; color:#FFF; line-height:30px; height:31px; font-size:14px; background:rgba(242, 97, 97); border-radius:15px; padding:0px 10px;}
/*详细介绍*/
.mainbody{ width:770px;}
.mainbody h1{ line-height:30px; font-size:24px; padding-top:15px;}
.mainbody .navtab{ padding:20px 0px 0px 0px; border-bottom:1px solid #e0e0e0;}
.mainbody .navtab li{ cursor:pointer; display:inline-block; margin-right:30px; border-bottom:2px solid #FFF; font-size:18px; line-height:45px;}
.mainbody .navtab li.act{ color:#0087FF; border-bottom:2px solid #0087FF;}
.mainbody .navbody{ padding:20px 0px 30px 0px; font-size:14px; line-height:22px;}
.mainbody .navbody img{ max-width:100%; padding:0px; margin:0px;}
.sideinfo{ width:340px; padding-top:30px;}
.sideinfo h3{ display:block; line-height:30px; font-size:15px; }
.sideinfo .txtbox{ padding:5px 0px 12px 0px; line-height:22px; color:#555; border-bottom:1px solid #e0e0e0; margin-bottom:10px;}
.sideinfo .ullike{ padding-bottom:50px;}
.sideinfo .ullike li{ padding:8px 0px; border-bottom:1px solid #e0e0e0;}
.sideinfo .ullike li a{ display:block; overflow:hidden;}
.sideinfo .ullike li a:after{ content:''; display:block; clear:both;}
.sideinfo .ullike li a img{ width:120px; height:70px; float:left; padding:0px; margin:0px;}
.sideinfo .ullike li a .ddesc{ height:70px; float:right; width:205px; color:#333;}
.sideinfo .ullike li a .ddesc font{ display:block; font-size:14px; height:45px; line-height:22px; overflow:hidden; margin-bottom:3px;}
.sideinfo .ullike li a .ddesc em{ color:#F70000;}
.sideinfo .ullike li a .ddesc i{ margin-left:30px;}
.sideinfo .ullike li a .ddesc span.fr{ padding-left:16px; background:url(/images/icon_user.jpg) 0px 0px no-repeat; color:#333;}
.sideinfo .ullike li a:hover font{ color:#163882;}

/*加入我们*/
.cont.maline{ position:relative; padding:30px 0px;}
.cont.maline:before{ content:''; display:block; width:100%; height:1px; background:#e0e0e0; position:absolute; top:170px; left:0px; z-index:1;}
.maline .wxma{ width:200px; height:200px; overflow:hidden; padding:40px; border-radius:50%; border:1px solid #e0e0e0; margin:0px auto; z-index:2; position:relative; background:#FFF;}
.maline .divjoin{ text-align:center; padding:15px 0px 0px;}
.maline .divjoin a{ display:block; width:300px; font-size:14px; line-height:45px; border:1px solid #e0e0e0; background:#FFF; border-radius:15px; text-align:center; margin:0px auto;}
.maline .divjoin a:hover{ color:#163882; border-color:#163882;}

.ltit.midtxt{ position:relative; text-align:center; font-weight:normal; height:45px; padding:40px 0px 20px 0px; margin:0px;}
.ltit.midtxt .amore{ color:#163882; font-size:12px; position:absolute; right:0px; top:40px;}
.ltit.midtxt .amore i{ font-size:11px;}
.rightlist{ width:1230px;}
.rightlist li{ width:550px; float:left; margin:10px 57px 10px 0px; background:#F2F2F2; border-radius:10px; position:relative;}
.rightlist li .ddesc{ min-height:80px; padding:20px 120px 20px 30px; line-height:22px; font-size:14px;}
.rightlist li span{ display:block; width:80px; height:80px; line-height:50px; text-align:center; border-radius:50%; border:1px solid #e0e0e0; position:absolute; top:50%; margin-top:-41px; right:30px;}
.rightlist li span i{ font-size:45px; line-height:80px; padding-left:2px;}
/*.bgcol1{ background:#C9E8FF !;}
.bgcol2{ background:#C9E8FF;}
.bgcol3{ background:#C9E8FF;}
.bgcol4{ background:#C9E8FF;}
.bgcol5{ background:#C9E8FF;}
.bgcol6{ background:#C9E8FF;}*/
.fl.w50,.fr.w50{ width:50%;}
.fl.w50 .imgdesc{ width:550px; height:350px;}
.txtdesc{ padding-left:40px;}
.txtdesc li{ padding:10px 0px;}
.txtdesc li b{ font-size:16px;}
.txtdesc li b i{ font-size:16px; margin-right:8px;}
.txtdesc li p{ display:block; padding-left:24px; line-height:22px; font-size:14px; color:#888; padding-top:5px;}

.footer{ background:#222834; line-height:30px;}
.footer .cont{ padding:40px 0px;}
.footer .cont .flogo img{ width:160px;}
.footer .divtxt{ font-size:14px; color:#74797F; padding-left:180px; padding-top:10px;}
.footer .divtxt span{ color:#DCE1E5; display:block; font-size:15px; height:40px;}
.footer .divwx{ padding-right:150px;}
.footer .divwx img{ display:block; width:120px; height:120px; padding:0px; margin:0px; overflow:hidden;}
.footer .divwx span{ display:block; text-align:center; font-size:14px; color:#74797F;}
.footer .footbot{ text-align:center; background:#292C33; color:#53565D; line-height:40px;}
.footer .footbot a{ color:#53565D; margin-left:10px;}

.pager
{
margin:0px auto;
}
@font-face {
   font-family: 'Linearicons-Free';
   src:url('fonts/Linearicons-Free.eot?w118d');
   src:url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
       url('fonts/Linearicons-Free.woff2?w118d') format('woff2'),
       url('fonts/Linearicons-Free.woff?w118d') format('woff'),
       url('fonts/Linearicons-Free.ttf?w118d') format('truetype'),
       url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
   font-weight: normal;
   font-style: normal;
}

.lnr {
   font-family: 'Linearicons-Free';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
   content: "\e800";
}
.lnr-apartment:before {
   content: "\e801";
}
.lnr-pencil:before {
   content: "\e802";
}
.lnr-magic-wand:before {
   content: "\e803";
}
.lnr-drop:before {
   content: "\e804";
}
.lnr-lighter:before {
   content: "\e805";
}
.lnr-poop:before {
   content: "\e806";
}
.lnr-sun:before {
   content: "\e807";
}
.lnr-moon:before {
   content: "\e808";
}
.lnr-cloud:before {
   content: "\e809";
}
.lnr-cloud-upload:before {
   content: "\e80a";
}
.lnr-cloud-download:before {
   content: "\e80b";
}
.lnr-cloud-sync:before {
   content: "\e80c";
}
.lnr-cloud-check:before {
   content: "\e80d";
}
.lnr-database:before {
   content: "\e80e";
}
.lnr-lock:before {
   content: "\e80f";
}
.lnr-cog:before {
   content: "\e810";
}
.lnr-trash:before {
   content: "\e811";
}
.lnr-dice:before {
   content: "\e812";
}
.lnr-heart:before {
   content: "\e813";
}
.lnr-star:before {
   content: "\e814";
}
.lnr-star-half:before {
   content: "\e815";
}
.lnr-star-empty:before {
   content: "\e816";
}
.lnr-flag:before {
   content: "\e817";
}
.lnr-envelope:before {
   content: "\e818";
}
.lnr-paperclip:before {
   content: "\e819";
}
.lnr-inbox:before {
   content: "\e81a";
}
.lnr-eye:before {
   content: "\e81b";
}
.lnr-printer:before {
   content: "\e81c";
}
.lnr-file-empty:before {
   content: "\e81d";
}
.lnr-file-add:before {
   content: "\e81e";
}
.lnr-enter:before {
   content: "\e81f";
}
.lnr-exit:before {
   content: "\e820";
}
.lnr-graduation-hat:before {
   content: "\e821";
}
.lnr-license:before {
   content: "\e822";
}
.lnr-music-note:before {
   content: "\e823";
}
.lnr-film-play:before {
   content: "\e824";
}
.lnr-camera-video:before {
   content: "\e825";
}
.lnr-camera:before {
   content: "\e826";
}
.lnr-picture:before {
   content: "\e827";
}
.lnr-book:before {
   content: "\e828";
}
.lnr-bookmark:before {
   content: "\e829";
}
.lnr-user:before {
   content: "\e82a";
}
.lnr-users:before {
   content: "\e82b";
}
.lnr-shirt:before {
   content: "\e82c";
}
.lnr-store:before {
   content: "\e82d";
}
.lnr-cart:before {
   content: "\e82e";
}
.lnr-tag:before {
   content: "\e82f";
}
.lnr-phone-handset:before {
   content: "\e830";
}
.lnr-phone:before {
   content: "\e831";
}
.lnr-pushpin:before {
   content: "\e832";
}
.lnr-map-marker:before {
   content: "\e833";
}
.lnr-map:before {
   content: "\e834";
}
.lnr-location:before {
   content: "\e835";
}
.lnr-calendar-full:before {
   content: "\e836";
}
.lnr-keyboard:before {
   content: "\e837";
}
.lnr-spell-check:before {
   content: "\e838";
}
.lnr-screen:before {
   content: "\e839";
}
.lnr-smartphone:before {
   content: "\e83a";
}
.lnr-tablet:before {
   content: "\e83b";
}
.lnr-laptop:before {
   content: "\e83c";
}
.lnr-laptop-phone:before {
   content: "\e83d";
}
.lnr-power-switch:before {
   content: "\e83e";
}
.lnr-bubble:before {
   content: "\e83f";
}
.lnr-heart-pulse:before {
   content: "\e840";
}
.lnr-construction:before {
   content: "\e841";
}
.lnr-pie-chart:before {
   content: "\e842";
}
.lnr-chart-bars:before {
   content: "\e843";
}
.lnr-gift:before {
   content: "\e844";
}
.lnr-diamond:before {
   content: "\e845";
}
.lnr-linearicons:before {
   content: "\e846";
}
.lnr-dinner:before {
   content: "\e847";
}
.lnr-coffee-cup:before {
   content: "\e848";
}
.lnr-leaf:before {
   content: "\e849";
}
.lnr-paw:before {
   content: "\e84a";
}
.lnr-rocket:before {
   content: "\e84b";
}
.lnr-briefcase:before {
   content: "\e84c";
}
.lnr-bus:before {
   content: "\e84d";
}
.lnr-car:before {
   content: "\e84e";
}
.lnr-train:before {
   content: "\e84f";
}
.lnr-bicycle:before {
   content: "\e850";
}
.lnr-wheelchair:before {
   content: "\e851";
}
.lnr-select:before {
   content: "\e852";
}
.lnr-earth:before {
   content: "\e853";
}
.lnr-smile:before {
   content: "\e854";
}
.lnr-sad:before {
   content: "\e855";
}
.lnr-neutral:before {
   content: "\e856";
}
.lnr-mustache:before {
   content: "\e857";
}
.lnr-alarm:before {
   content: "\e858";
}
.lnr-bullhorn:before {
   content: "\e859";
}
.lnr-volume-high:before {
   content: "\e85a";
}
.lnr-volume-medium:before {
   content: "\e85b";
}
.lnr-volume-low:before {
   content: "\e85c";
}
.lnr-volume:before {
   content: "\e85d";
}
.lnr-mic:before {
   content: "\e85e";
}
.lnr-hourglass:before {
   content: "\e85f";
}
.lnr-undo:before {
   content: "\e860";
}
.lnr-redo:before {
   content: "\e861";
}
.lnr-sync:before {
   content: "\e862";
}
.lnr-history:before {
   content: "\e863";
}
.lnr-clock:before {
   content: "\e864";
}
.lnr-download:before {
   content: "\e865";
}
.lnr-upload:before {
   content: "\e866";
}
.lnr-enter-down:before {
   content: "\e867";
}
.lnr-exit-up:before {
   content: "\e868";
}
.lnr-bug:before {
   content: "\e869";
}
.lnr-code:before {
   content: "\e86a";
}
.lnr-link:before {
   content: "\e86b";
}
.lnr-unlink:before {
   content: "\e86c";
}
.lnr-thumbs-up:before {
   content: "\e86d";
}
.lnr-thumbs-down:before {
   content: "\e86e";
}
.lnr-magnifier:before {
   content: "\e86f";
}
.lnr-cross:before {
   content: "\e870";
}
.lnr-menu:before {
   content: "\e871";
}
.lnr-list:before {
   content: "\e872";
}
.lnr-chevron-up:before {
   content: "\e873";
}
.lnr-chevron-down:before {
   content: "\e874";
}
.lnr-chevron-left:before {
   content: "\e875";
}
.lnr-chevron-right:before {
   content: "\e876";
}
.lnr-arrow-up:before {
   content: "\e877";
}
.lnr-arrow-down:before {
   content: "\e878";
}
.lnr-arrow-left:before {
   content: "\e879";
}
.lnr-arrow-right:before {
   content: "\e87a";
}
.lnr-move:before {
   content: "\e87b";
}
.lnr-warning:before {
   content: "\e87c";
}
.lnr-question-circle:before {
   content: "\e87d";
}
.lnr-menu-circle:before {
   content: "\e87e";
}
.lnr-checkmark-circle:before {
   content: "\e87f";
}
.lnr-cross-circle:before {
   content: "\e880";
}
.lnr-plus-circle:before {
   content: "\e881";
}
.lnr-circle-minus:before {
   content: "\e882";
}
.lnr-arrow-up-circle:before {
   content: "\e883";
}
.lnr-arrow-down-circle:before {
   content: "\e884";
}
.lnr-arrow-left-circle:before {
   content: "\e885";
}
.lnr-arrow-right-circle:before {
   content: "\e886";
}
.lnr-chevron-up-circle:before {
   content: "\e887";
}
.lnr-chevron-down-circle:before {
   content: "\e888";
}
.lnr-chevron-left-circle:before {
   content: "\e889";
}
.lnr-chevron-right-circle:before {
   content: "\e88a";
}
.lnr-crop:before {
   content: "\e88b";
}
.lnr-frame-expand:before {
   content: "\e88c";
}
.lnr-frame-contract:before {
   content: "\e88d";
}
.lnr-layers:before {
   content: "\e88e";
}
.lnr-funnel:before {
   content: "\e88f";
}
.lnr-text-format:before {
   content: "\e890";
}
.lnr-text-format-remove:before {
   content: "\e891";
}
.lnr-text-size:before {
   content: "\e892";
}
.lnr-bold:before {
   content: "\e893";
}
.lnr-italic:before {
   content: "\e894";
}
.lnr-underline:before {
   content: "\e895";
}
.lnr-strikethrough:before {
   content: "\e896";
}
.lnr-highlight:before {
   content: "\e897";
}
.lnr-text-align-left:before {
   content: "\e898";
}
.lnr-text-align-center:before {
   content: "\e899";
}
.lnr-text-align-right:before {
   content: "\e89a";
}
.lnr-text-align-justify:before {
   content: "\e89b";
}
.lnr-line-spacing:before {
   content: "\e89c";
}
.lnr-indent-increase:before {
   content: "\e89d";
}
.lnr-indent-decrease:before {
   content: "\e89e";
}
.lnr-pilcrow:before {
   content: "\e89f";
}
.lnr-direction-ltr:before {
   content: "\e8a0";
}
.lnr-direction-rtl:before {
   content: "\e8a1";
}
.lnr-page-break:before {
   content: "\e8a2";
}
.lnr-sort-alpha-asc:before {
   content: "\e8a3";
}
.lnr-sort-amount-asc:before {
   content: "\e8a4";
}
.lnr-hand:before {
   content: "\e8a5";
}
.lnr-pointer-up:before {
   content: "\e8a6";
}
.lnr-pointer-right:before {
   content: "\e8a7";
}
.lnr-pointer-down:before {
   content: "\e8a8";
}
.lnr-pointer-left:before {
   content: "\e8a9";
}
ul.pagination {
display: inline-block;
padding: 0;
margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}

.pagination li:first-child a {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

ul.pagination li a.active {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="container-fluid m0 bod top70">
<div class="felbanner">
<div class="feiseo">
<input placeholder="输入插件关键字.." id="searchtxt" οnkeyup="autoComplete.start(event)">
<button class="btn banbutt" type="button" id="seobut">
<i class="fa fa-search"></i>
</button>
</div>
</div>
<div class="coursebox">
<ul class="cls">
<li><a href="/free/items.aspx" class=""><span class="spimg">
<img src="images/propic.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx" class=""><span class="spimg">
<img src="images/propic02.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx" class=""><span class="spimg">
<img src="images/propic03.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx" class=""><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx"><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx"><span class="spimg">
<img src="images/propic06.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx"><span class="spimg">
<img src="images/propic07.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
<li><a href="/free/items.aspx" class=""><span class="spimg">
<img src="images/propic08.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>免费</span></div>
</a></li>
</ul>
</div>
<div class="coursebox bor">
<ul class="cls">
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic02.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic03.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic06.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic07.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic08.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx"><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx" class=""><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx"><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
<li><a href="/course/items.aspx"><span class="spimg">
<img src="images/propic04.jpg"></span><div class="dtxt">
<h5>
人力资源开发与管理课程</h5>
<span><i>188人购买</i>￥99.00</span></div>
</a></li>
</ul>
</div>
<div class="pager">
<ul class="pagination">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a class="active" href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</div>
</form>
</body>
</html>