huaxia/css/huaxia.css

153 lines
5.6 KiB
CSS
Raw Normal View History

2021-09-03 10:22:26 +00:00
.w100{width: 100%;}
.w50{width: 50%;}
.w48{width: 49%;}
.w25{width: 25%;}
.w20{width: 19%;}
2021-09-05 12:56:27 +00:00
.dis{display: flex;}
2021-09-03 10:22:26 +00:00
.djb{display: flex;justify-content: space-between;}
.dend{display: flex;justify-content: flex-end;}
.djbac{display: flex;justify-content: space-between;align-items: center;}
.ac{align-items: center;}
.dac{display: flex;align-items: center;}
.djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cq-cp{cursor: pointer;}
.pr{position: relative;}
.pa{position: absolute;}
.dn{display: none;}
.fs{flex-shrink: 0;}
.fw{flex-wrap: wrap;}
.oh{overflow: hidden;}
.fit{object-fit: cover;}
.m-s16{margin-top: 16px;}
.m-s20{margin-top: 20px;}
.m-s27{margin-top: 27px;}
.m-s30{margin-top: 30px;}
.m-s37{margin-top: 37px;}
.m-s65{margin-top: 65px;}
.m-z10{margin-left: 10px;}
.m-z15{margin-left: 15px;}
.m-z37{margin-left: 37px;}
2021-09-05 12:56:27 +00:00
.m-y10{margin-right: 10px;}
2021-09-03 10:22:26 +00:00
.m-y15{margin-right: 15px;}
.m-y37{margin-right: 37px;}
.m-sx65{margin-top: 65px;margin-bottom: 65px;}
.m-sx30{margin-top: 30px;margin-bottom: 30px;}
.m-sx28{margin-top: 28px;margin-bottom: 28px;}
.m-sx20{margin-top: 20px;margin-bottom: 20px;}
.m-sx16{margin-top: 16px;margin-bottom: 16px;}
.m-x65{margin-bottom: 65px;}
.m-x37{margin-bottom: 37px;}
.m-x32{margin-bottom: 32px;}
.m-x30{margin-bottom: 30px;}
.m-x27{margin-bottom: 27px;}
.m-x20{margin-bottom: 20px;}
.m-x16{margin-bottom: 16px;}
.m-zy180{margin-left: 180px;margin-right: 180px;}
.m-zy15{margin-left: 15px;margin-right: 15px;}
.m-zy20{margin-left: 20px;margin-right: 20px;}
.m-zy30{margin-left: 30px;margin-right: 30px;}
.p-sx65{padding-top: 65px;padding-bottom: 65px;}
.p-s65{padding-top: 65px;}
.p-s27{padding-top:27px;}
.p-x65{padding-bottom: 65px;}
.p-x27{padding-bottom: 27px;}
.p-zy180{padding-left: 180px;padding-right: 180px;}
.p-zy20{padding-left: 20px;padding-right: 20px;}
.p-zy15{padding-left: 15px;padding-right: 15px;}
2021-09-05 12:56:27 +00:00
.p-zy10{padding-left: 10px;padding-right: 10px;}
2021-09-03 10:22:26 +00:00
.p-sx10{padding-top: 10px;padding-bottom: 10px;}
.p-sx20{padding-top: 20px;padding-bottom: 20px;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-32{font-size: 32px;}
.tl{text-align: left;}
.col19{color: #191919;}
.col7d{color: #7d7d7d;}
.col9{color: #999999;}
.backf{background: #FFFFFF;}
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
/* 首页 */
2021-09-05 12:56:27 +00:00
.logo{width: 487px;}
2021-09-03 10:22:26 +00:00
.banner-img{width: 100%;height: auto;}
.sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;}
.dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;}
.guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;}
.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
.dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;}
.dao-box>li>div{padding: 6px 0;}
.cq-dao-active{font-weight: bold;color: #cd2628;}
.input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;}
.input-box input{font-size: 14px;height: 40px;border: 0;}
.input-box img{right: 10px;top: 10px;width: 20px;height: 20px;}
2021-09-05 12:56:27 +00:00
.cq-item-title-box{padding: 65px 0 30px 0;}
2021-09-03 10:22:26 +00:00
.cq-item-title-box>div>div{background:-webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 11px; bottom: 0;left: 0;width: 130px; opacity: .8;z-index: 0;}
.cq-gengd{font-size: 18px;color: #191919;}
.exhibition .item-box{width: 100%;overflow: hidden;height: 388px;}
2021-09-05 12:56:27 +00:00
.exhibition .item-box>img{width: 100%;height: 100%;cursor: pointer;}
2021-09-03 10:22:26 +00:00
.msg .m-x32:nth-last-child(1){
margin-bottom: 0;
}
.msg .m-x32:nth-last-child(2){
margin-bottom: 0;
}
2021-09-05 12:56:27 +00:00
.ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;}
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
.ya-item-box .pr{padding-right: 1.25em;}
2021-09-03 10:22:26 +00:00
.ys-price{font-size: 18px;color: #cb1919;background: rgba(0,0,0,.2);border-radius: 3px;left: 14px;bottom: 14px;padding: 6px 10px;}
.ys-title{font-size: 20px;font-weight: bold;padding-right: 20px;}
.ys-cate{font-size: 14px;color: #a6a6a4;padding-right: 20px;}
.ysj-name{line-height: 26px;}
.ysj .ya-item-box{margin-right: 1.36em;}
2021-09-05 12:56:27 +00:00
.ysj .ya-item-box img{transition: transform .5s;cursor: pointer;}
.ysj .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
2021-09-03 10:22:26 +00:00
.ysj .ya-item-box:last-child{margin-right: 0px;}
.ysj .pr{padding-right: 0px;}
2021-09-05 12:56:27 +00:00
.wc-box>div>img{width: 96%;transition: transform .5s;}
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
2021-09-03 10:22:26 +00:00
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
2021-09-05 12:56:27 +00:00
.foot-box-nav>div{margin-right: 40px;cursor: pointer;}
.foot-box-img>img{margin-left: 20px;cursor: pointer;}
2021-09-03 10:22:26 +00:00