body{ min-width: 1100px; } body, ul { padding: 0; margin: 0; font-family: "微软雅黑"; } .text-left{ text-align: left !important; } .text-center{ text-align: center !important; } .text-right{ text-align: right !important; } li { list-style: none; } .container { width: 1100px; margin: 0 auto; } .row-news .banner { height: 330px; width: 495px; background-color: gray; float: left; } .row-news .banner .swiper-container { width: 495px; height: 330px; color: #fff; text-align: center; } .row-news .banner .swiper-slide { position: relative; } .row-news .banner .swiper-slide span { position: relative; bottom: 3px } .row-news .banner .pagination { position: absolute; z-index: 20; right: 10px; bottom: 10px; } .row-news .banner .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .row-news .banner .swiper-active-switch { background: #fff; } .row-news .news { width: 580px; height: 330px; float: right; } .row-news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .row-business a{ margin-right: 30px; } .row-business:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .more { color: #f98b1e !important; } .iconfont.icon-shuangyou { font-size: 14px; } .tab-hd li span { color: #c2c2c2; } .on span { font-size: 22px !important; } .table th { text-align: center; color: #3d98ee; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #3d98ee; } .table td { cursor: pointer; text-align: center; color: #000; padding: 10px 0; font-size: 14px; border-bottom: 1px dashed #e1e1e1; width: 100%; line-height:20px; } .table tbody tr:hover { background: #f5f5f5; } .table .first-col a:hover, .table .first-col a:visited, .table .first-col a:link, .table .first-col a:active { color: #3d98ee; } .row-post .table-style2 td { cursor: auto; border-bottom: none; color: #666; vertical-align: top; line-height: 20px; } .row-post .table-style2 tbody tr:hover { background: #fff; } .row-recommended-title { padding: 0 0 18px 4px; border-bottom: 1px solid #e6e6e6; } .row-recommended-title span { font-size: 22px; font-weight: bold; padding-left: 10px; border-left: 4px solid #00aeef; } .row-recommended-title .more { display: inline; float: right; } .row-recommended { /*height: 328px;*/ /*margin-top: 38px;*/ } .row-recommended .row-pic { margin-bottom: 52px; } .row-recommended .split-line { background-image: -moz-linear-gradient(top, rgba(215, 215, 215, 0) 0%, rgba(222, 222, 222, 0.33) 5%, #E0E0E0 15%, #E5E5E5 50%, #EFEFEF 85%, rgba(242, 242, 242, 0.33) 95%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(top, rgba(215, 215, 215, 0) 0%, rgba(222, 222, 222, 0.33) 5%, #E0E0E0 15%, #E5E5E5 50%, #EFEFEF 85%, rgba(242, 242, 242, 0.33) 95%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(215, 215, 215, 0) 0%, rgba(222, 222, 222, 0.33) 5%, #E0E0E0 15%, #E5E5E5 50%, #EFEFEF 85%, rgba(242, 242, 242, 0.33) 95%, rgba(255, 255, 255, 0) 100%); display: inline-block; width: 1px; height: 320px; vertical-align: middle; } .row-recommended .recommended { width: 685px; float: left; padding-right: 25px; } .row-recommended .mentors { width: 364px; float: right; padding-left: 25px; } .row-recommended .mentors .teacher-info { text-align: center; } .row-recommended .mentors .teacher-info .teacher-avatar { margin: 56px 0 26px 0; } .row-recommended .mentors .teacher-info .teacher-name { font-size: 22px; } .row-recommended .mentors .teacher-info .teacher-title { padding-top: 12px; color: #66666f; } .row-recommended .head1 { width: 20px; } .row-recommended .head2, .row-recommended .head3 { width: 8px; } /*.links .links-top {*/ /*text-align: center;*/ /*}*/ /*.links .links-top span {*/ /*background-color: #469def;*/ /*display: inline-block;*/ /*color: white;*/ /*padding: 14px 0;*/ /*width: 275px;*/ /*}*/ /*.links .links-top :hover {*/ /*background-color: #2382db;*/ /*}*/ /*.links .link-list.show {*/ /*margin-top: -10px;*/ /*}*/ footer { margin-top: 82px; border-top: 2px solid #44a0ed; background-color: #f5f5f5; width: 100%; height: 220px; text-align: center; } footer > div:first-child { margin-top: 38px; } footer img { padding-right: 16px; } footer .record { margin-top: 34px; line-height: 14px; } footer .record p { padding: 6px 0; margin: 0; } /*改版*/ /*tab样式*/ .table .tab-hd li.on span{ color: #333; } .tab-hd li span{ color:#777; } /*列表样式*/ .list>a:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: transparent; top: 5px; border: 1px solid #0eb2f0; left: 2px; } .list>a i { color: #999999; } .tab-bd .list>a{ border-bottom: none; } .list>a span { font-size: 16px; color: #333; padding-left: 5px; } .tab-bd .list>a{ padding:9px 0; } /*滚动浮层*/ .swiper-news-mask{ box-sizing: border-box; width: 100%; height: 56px; line-height:56px; background-color: rgba(51, 51, 51, 0.67); position: absolute; bottom: 0; text-align: left; padding-left:20px; font-size:18px; } .swiper-news-mask .title-box{ width: 80%; display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table .leftStyle{ padding-left:20px; text-align: left; } .header-reset .search-top .reset-top{ top:0\9; padding-top:10px\9; } .bottom-fixed{ position: fixed; bottom: 136px; right: 0px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .bottom-fixed .iconfont{ font-size: 49px; color:#409bec; } .fix-list,.fix-list-top{ width: 76px; box-sizing: border-box; text-align: center; border: 1px solid #439ded; color:#444; padding: 9px 6px; position: relative; font-size: 12px; cursor: pointer; } .fix-list:hover .iconfont{ color:#fff; } .fix-list:hover,.fix-list-top:hover:hover{ color:#fff; background: #409bec; } .fix-list .download-img{ display: inline-block; width:33px; height: 33px; } .border-top-0{ border-top: none; } .fix-list .des-b,.fix-list-top .des-b{ margin:0; } .code-show{ /* display: none; */ position: absolute; left: -218px; top: -46px; width: 273%; padding: 2px; border: 1px solid #015aba; background-color: #fff; } .fix-list:hover:before { content: ''; border: 10px solid transparent; border-left-color: #409bed; position: absolute; bottom: 26px; left: -14%; } .fix-list-top .download-img{ display: inline-block; width:23px; height: 23px; } .link_top{ position: absolute; width:71px; height: 59px; left: 0; top:0; } .fix-list-top .iconfont{ font-size:18px; } .fix-list-top:hover i{ color:#fff; }