|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599 |
- ::-webkit-scrollbar{width:0;padding: 0;height: 0}
- .topTab{
- background: #FFF;
- padding: 20px 0;
- line-height: 36px;
- position: fixed;
- width: 100%;
- z-index: 9;
- }
- .topTab p{
- font-size: 24px;
- }
- .topTab ul li{
- float: left;
- padding: 0px 18px;
- font-size: 16px;
- margin-right: 10px;
- }
- .topTab ul li:hover{
- background: #168a44;
- border-radius: 50px;
- }
- .topTab ul li:hover a{
- color: #FFF;
- }
-
- .topTab input{
- margin-left: 52px;
- border: 1px solid #afafaf;
- line-height: 26px;
- margin-top: 4px;
- border-radius: 26px;
- width: 145px;
- background: url("../images/searchIcon.png") no-repeat;
- background-size: 13px 13px;
- background-position: 10px 6px;
- padding-left: 28px;
- font-size: 12px;
- }
- .topTab select{
- background: transparent;
- border: none;
- margin-top: 10px;
- }
- .topTab img{
- margin-top: 3px;
- }
- .topTab .upBtn {
- background: #168a44;
- padding: 0 15px;
- line-height: 20px;
- margin-top: 8px;
- color: #FFF;
- border-radius: 20px;
- }
- .topTab .active{
- background-color:#168a44 ;
- border-radius: 50px;
- }
- .topTab .active a{
- color: #FFF!important;
- }
- .partition{
- height: 76px;
- }
- .newBox{
- /*margin-top: 15px;*/
- }
- .newBox_img{
- width: 292px;
- height: 330px;
- position: relative;
- }
- .newBox_img img{
- border-radius: 12px;
- box-shadow: 4px 4px 4px #ccc;
- }
- .newBox_tit{
- position: absolute;
- bottom: 15px;
- color: #FFF;
- font-size: 24px;
- background: #168a44;
- padding: 5px 26px;
- border-top-left-radius: 30px;
- border-bottom-left-radius: 30px;
- left: 10px;
- width: 100%;
- }
- .newBox_list{
- margin-left: 20px;
- background: #FFF;
- width: 582px;
- height: 330px;
- border-radius: 12px;
- padding: 6px 20px;
- }
- .newBox_list a{
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- word-break: break-all;
- overflow: hidden;
- width: 75%;
- }
- .newBox_list ul li{
- font-size: 16px;
- margin-top: 10px;
- color: #666666;
- }
- .newBox_list ul li:hover a{
- color: #168a44;
- }
- .newBox_list ul li span{
- color: #a4a3a3;
- }
- .newBox_list_titBg{
- font-size: 36px;
- color: #dddddd;
- }
- .newBox_list_tit{
- font-size: 24px;
- position: absolute;
- top: 20px;
- left: 20px;
- white-space: nowrap;
- }
- .titBox{
- position: relative;
- }
- .activityBox{
- width: 894px;
- background: #FFF;
- margin-top: 15px;
- border-radius: 12px;
- padding: 6px 20px;
- }
- .activityBox table{
- margin-top: 10px;
- font-size: 16px;
- }
- .activityBox table tr:hover td{
- color: #168a44;
- cursor: pointer;
- }
- .activityBox table tr td{
- padding: 5px 0;
- text-align: center;
- color: #666666;
- }
- .activityBox table tr td p{
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- word-break: break-all;
- overflow: hidden;
- }
- .activityBox table tr:first-child td{
- color: #168a44!important;
- font-weight: bold!important;
- font-size: 16px!important;
- }
- .activityBox table tr td:first-child{
- text-align: left;
- }
- .activityBox table tr td:last-child{
- color: #a4a3a3;
- font-size: 14px;
- }
- .headBg{
- background: #FFF;
- width: 60px;
- height: 60px;
- border-radius: 100%;
- position: absolute;
- bottom: -30px;
- left: 20px;
- }
- .headBg img{
- width: 50px;
- margin: 5px;
- border-radius: 100%;
- }
- .rightBox_img{
- position: relative;
- }
- .rightBox{
- background: #FFF;
- height: 557px;
- width: 292px;
- border-radius: 12px;
- overflow: hidden;
- }
- .rightBox_table{
- margin-top: 30px;
- padding: 0px 20px;
- font-size: 16px;
- }
- .rightBox_table table tr td {
- padding: 8px 0px;
- color: #666666;
- }
- .rightBox_bottom{
- padding: 0px 15px;
- }
- .rightBox_message{
- background: #b2d8c1;
- padding: 15px;
- border-radius: 10px;
- color: #4c725b;
- }
- .goLogin{
- background-color: #168a44;
- color: #FFF!important;
- padding: 8px 0;
- border-radius: 50px;
- width: 100%;
- display: block;
- text-align: center;
- margin: 80px 0 50px;
- }
- .supplyBox{
- position: relative;
- width: 894px;
- height: 574px;
- background: #FFFFFF;
- padding: 6px 20px 20px;
- border-radius: 12px;
- }
- .supplyBox ul li {
- width: 186px;
- border: 1px solid #d9d9d9;
- margin: 20px 13.5px 0;
- float: left;
- border-radius: 10px;
- overflow: hidden;
- }
- .supplyBox ul li img{
- width: 100%;
- height: 116px;
- }
- .supplyNat{
- padding: 12px 8px;
- }
- .supplyNat_type{
- padding: 2px 4px;
- background: #168a44;
- color: #ffffff;
- border-radius: 5px;
- }
- .supplyNat_box{
- margin-top: 10px;
- }
- .supplyNat_money{
- color: #d21313;
- }
- .supplyNat_money span{
- font-size: 20px;
- }
- .fileBox{
- width: 292px;
- height: 574px;
- background: #FFF;
- border-radius: 12px;
- padding: 14px 0px;
- }
- .fileBox_title{
- background: #168a44;
- font-size: 18px;
- color: #FFF;
- line-height: 38px;
- width: 160px;
- border-top-right-radius: 38px;
- border-bottom-right-radius: 38px;
- padding: 0 22px;
- box-shadow: 0px 5px 8px #ccc;
- }
- .fileBox_title img{
- margin-right: 15px;
- }
- .fileBox_list_tit{
- font-size: 16px;
- color: #666666;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- word-break: break-all;
- overflow: hidden;
- }
- .hotFile{
- text-transform:uppercase;
- background: -webkit-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
- -moz-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
- -ms-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);/* 渐变背景 */
- color:transparent;
- /*设置字体颜色透明*/
- -webkit-background-clip: text;
- /*背景裁剪为文本形式*/
- animation: ran 5s linear infinite;
- /*动态20s展示*/
- }
- .hotFile_icon{
- width: 9px;
- height: 14px;
- overflow: hidden;
- background: url(../images/new.gif) no-repeat;
- display: inline-block;
- }
- @keyframes ran {
- from {
- backgroud-position: 0 0;
- }
- to {
- background-position: 1000px 0;
- }
- }
- .fileBox ul{
- padding: 20px 15px 0px;
- }
- .fileBox ul li{
- margin-top: 12px;
- }
- .fileBox ul li:hover p{
- color: #168a44!important;
- cursor: pointer;
- }
- .supplyBox ul li:hover{
- cursor: pointer;
- box-shadow: 1px 1px 5px #ccc;
- }
- .supplyBox ul li:hover .supplyNat p:first-child{
- color: #168a44!important;
- }
- .supplyBox ul li .supplyNat p:first-child{
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- word-break: break-all;
- overflow: hidden;
- }
- .fileBox_list_time{
- color: #adadad;
- }
- .fileBoxSecond{
- height: 1163px;
- }
-
- .fileBoxSecond table tr td{
- color: #666666;
- }
- .fileBoxSecond_table_title{
- color: #000!important;
- }
- .fileBoxSecond_table{
- padding: 0px 15px;
- }
- .fileBoxSecond table{
- margin: 28px 0;
- }
- .bottomLink {
- background: #e8e8e8;
- margin-top: 40px;
- padding: 30px 0 40px;
- }
-
- .bottomLink-tit {
- font-size: 12px;
- color: #7f7f7f;
- }
-
- .bottomLink-tit img{
- vertical-align: middle;
- margin-right: 2px;
- }
-
- .bottomLink-linkList {
- font-size: 12px;
- color: #7f7f7f;
- width: 1000px;
- }
-
- .bottomLink-linkList a {
- margin-top: 15px;
- margin-right: 15px;
- display: inline-block;
- }
-
- .ba {
- font-size: 12px;
- color: #7f7f7f;
- margin-top: 20px;
- }
-
- .ba span {
- margin-left: 20px;
- }
-
- .ewm {
- padding: 25px 25px 0;
- }
-
- .ewmtit {
- font-size: 12px;
- color: #7f7f7f;
- margin-top: 5px;
- }
- .more{
- position:absolute;
- bottom: 0;
- right: 0;
- color: #666666;
- }
- .more:hover{
- color: #168a44;
- cursor: pointer;
- }
- .more2{
- color: #666666;
- line-height: 38px;
- margin-right: 22px;
- }
- .more2:hover{
- color: #168a44;
- cursor: pointer;
- }
-
- .breath_light {
- /*width: 300px; */ /* 宽度 */
- /*height: 300px; */ /* 高度 */
- /*border:#666 1px solid;*/
- /*border-radius:50%;*/
- opacity: 0.1; /* 不透明度 */
- overflow: hidden; /* 溢出隐藏 */
- /* margin: 25% auto; */ /* 外边距 */
-
- /* IE10、Firefox and Opera,IE9以及更早的版本不支持 */
- animation-name: breath; /* 动画名称 */
- animation-duration: 700ms; /* 动画时长3秒 */
- animation-timing-function: ease-in-out; /* 动画速度曲线:以低速开始和结束 */
- animation-iteration-count: infinite; /* 播放次数:无限 */
-
- /* Safari and Chrome */
- -webkit-animation-name: breath; /* 动画名称 */
- -webkit-animation-duration: 700ms; /* 动画时长3秒 */
- -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线:以低速开始和结束 */
- -webkit-animation-iteration-count: infinite; /* 播放次数:无限 */
- }
-
- @keyframes breath {
- from { opacity: 0.1; } /* 动画开始时的不透明度 */
- 50% { opacity: 1; } /* 动画50% 时的不透明度 */
- to { opacity: 0.1; } /* 动画结束时的不透明度 */
- }
-
- @-webkit-keyframes breath {
- from { opacity: 0.1; } /* 动画开始时的不透明度 */
- 50% { opacity: 1; } /* 动画50% 时的不透明度 */
- to { opacity: 0.1; } /* 动画结束时的不透明度 */
- }
-
- .crumbs{
- font-size: 16px;
- margin: 15px 0px;
- color: #666666;
- width: 1200px;
- }
- .tab{
- background: #FFFFFF;
- padding: 12px 35px;
- border-radius: 12px;
- }
- .tab li{
- float: left;
- padding: 10px 18px;
- background: #e4e4e4;
- color: #333333;
- margin-right: 22px;
- font-size: 16px;
- border-radius: 25px;
- }
- .tab li:hover{
- background: #168a44!important;
- color: #FFFFFF!important;
- cursor: pointer;
- }
- .tab li:hover a{
- color: #FFFFFF!important;
- }
- .tab .active{
- background: #168a44!important;
- color: #FFFFFF!important;
- }
- .tab .active a{
- color: #FFFFFF!important;
- }
- .recommendTit{
- font-size: 18px;
- color: #333333;
- border-bottom: 1px solid #e4e5e4;
- padding: 15px 0px;
- }
- .lvd{
- width: 12px;
- height: 12px;
- display: inline-block;
- background: #168a44;
- border-radius: 100%;
- margin-right: 5px;
- }
-
- .priceBox{
- width: 894px;
- background: #FFF;
- border-radius: 12px;
- padding: 6px 20px 15px;
- }
-
- .priceBox table{
- margin-top: 10px;
- font-size: 14px;
- }
- .priceBox table tr:hover td{
- cursor: pointer;
- }
- .priceBox table tr td{
- padding: 8px 0;
- text-align: center;
- color: #666666;
- border-right: 1px solid #e4e4e4;
- border-bottom: 1px solid #e4e4e4;
- }
- .priceBox table tr td p{
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- word-break: break-all;
- overflow: hidden;
- }
- .priceBox table tr:first-child td{
- background: #f4f4f4;
- border-top: 1px solid #e4e4e4;
- color: #333333;
- }
- .priceBox table tr td:first-child{
- border-left: 1px solid #e4e4e4;
- color: #333333;
- }
-
-
- .resourcesBox{
- width: 292px;
- height: 238px;
- background: #FFF;
- border-radius: 12px;
- padding: 14px 0px;
- }
- .resourcesBox ul{
- padding: 20px 15px 0px;
- }
- .resourcesBox ul li{
- margin-bottom: 5px;
- }
- .resourcesBox ul li:hover p{
- color: #168a43;
- cursor: pointer;
- }
- .resourcesBox ul li p:nth-child(2){
- color: #adadad;
- width: 30%;
- text-align: right;
- }
- .resourcesBox ul li p:nth-child(1){
- width: 65%;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- word-break: break-all;
- overflow: hidden;
- }
- .resourcesTab{
- text-align: center;
- margin-top: 20px;
- }
- .resourcesTab .active{
- background: #168a43;
- color: #ffffff;
- }
- .resourcesTab p{
- display: inline-block;
- padding: 3px 15px;
- background: #e4e4e4;
- border-radius: 15px;
- color: #666666;
- }
- .resourcesTab p:hover{
- background: #168a43;
- color: #ffffff;
- cursor: pointer;
- }
|