508 lines
23 KiB
CSS
508 lines
23 KiB
CSS
body{margin: 0;padding: 0;}
|
|
.w102{width: 102.6%;}
|
|
.w100{width: 100%;}
|
|
.w96{width: 96%;}
|
|
.w90{width: 90%;}
|
|
.w56{width: 56%;}
|
|
.w50{width: 50%;}
|
|
.w48{width: 49%;}
|
|
.w40{width: 40%;}
|
|
.w33{width: 33.33%;}
|
|
.w25{width: 25%;}
|
|
.w20{width: 20%;}
|
|
|
|
.op9{opacity: .9;}
|
|
.op8{opacity: .8;}
|
|
.op7{opacity: .7;}
|
|
.op6{opacity: .6;}
|
|
|
|
.dis{display: flex;}
|
|
.djb{display: flex;justify-content: space-between;}
|
|
.dend{display: flex;justify-content: flex-end;}
|
|
.fn{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;}
|
|
.dfc{display: flex;flex-direction: column;}
|
|
.cq-cp{cursor: pointer;}
|
|
.pr{position: relative;}
|
|
.pa{position: absolute;}
|
|
.dn{display: none;}
|
|
.fs{flex-shrink: 0;}
|
|
.fw{flex-wrap: wrap;}
|
|
.fc{flex-direction: column;}
|
|
.oh{overflow: hidden;}
|
|
.fit{object-fit: cover;}
|
|
|
|
|
|
|
|
|
|
.mg30{margin: 30px;}
|
|
.m-s10{margin-top: 10px;}
|
|
.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-s46{margin-top: 46px;}
|
|
.m-s50{margin-top: 50px;}
|
|
.m-s65{margin-top: 65px;}
|
|
|
|
.m-z10{margin-left: 10px;}
|
|
.m-z15{margin-left: 15px;}
|
|
.m-z20{margin-left: 20px;}
|
|
.m-z30{margin-left: 30px;}
|
|
.m-z37{margin-left: 37px;}
|
|
|
|
.m-y10{margin-right: 10px;}
|
|
.m-y15{margin-right: 15px;}
|
|
.m-y20{margin-right: 20px;}
|
|
.m-y30{margin-right: 30px;}
|
|
.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-sx10{margin-top: 10px;margin-bottom: 10px;}
|
|
|
|
|
|
.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-x10{margin-bottom: 10px;}
|
|
|
|
.m-zy180{margin-left: 180px;margin-right: 180px;}
|
|
.m-zy10{margin-left: 10px;margin-right: 10px;}
|
|
.m-zy15{margin-left: 15px;margin-right: 15px;}
|
|
.m-zy20{margin-left: 20px;margin-right: 20px;}
|
|
.m-zy30{margin-left: 30px;margin-right: 30px;}
|
|
|
|
|
|
|
|
.pd6{padding: 6px;}
|
|
.pd30{padding: 30px;}
|
|
.pd20{padding: 20px;}
|
|
.pd10{padding: 10px;}
|
|
|
|
.p-s65{padding-top: 65px;}
|
|
.p-s30{padding-top:30px;}
|
|
.p-s28{padding-top:28px;}
|
|
.p-s27{padding-top:27px;}
|
|
.p-s20{padding-top:20px;}
|
|
.p-s10{padding-top:10px;}
|
|
|
|
|
|
.p-y20{padding-top:20px;}
|
|
|
|
|
|
.p-x65{padding-bottom: 65px;}
|
|
.p-x30{padding-bottom: 30px;}
|
|
.p-x27{padding-bottom: 27px;}
|
|
.p-x20{padding-bottom: 20px;}
|
|
.p-x10{padding-bottom: 10px;}
|
|
|
|
.p-zy320{padding-left: 320px;padding-right: 320px;}
|
|
.p-zy180{padding-left: 180px;padding-right: 180px;}
|
|
.p-zy40{padding-left: 40px;padding-right: 40px;}
|
|
.p-zy30{padding-left: 30px;padding-right: 30px;}
|
|
.p-zy20{padding-left: 20px;padding-right: 20px;}
|
|
.p-zy15{padding-left: 15px;padding-right: 15px;}
|
|
.p-zy10{padding-left: 10px;padding-right: 10px;}
|
|
|
|
|
|
.p-sx10{padding-top: 10px;padding-bottom: 10px;}
|
|
.p-sx20{padding-top: 20px;padding-bottom: 20px;}
|
|
.p-sx30{padding-top: 30px;padding-bottom: 30px;}
|
|
.p-sx65{padding-top: 65px;padding-bottom: 65px;}
|
|
|
|
|
|
.font-12{font-size: 12px;}
|
|
.font-13{font-size: 13px;}
|
|
.font-14{font-size: 14px;}
|
|
.font-15{font-size: 15px;}
|
|
.font-16{font-size: 16px;}
|
|
.font-18{font-size: 18px;}
|
|
.font-20{font-size: 20px;}
|
|
.font-22{font-size: 22px;}
|
|
.font-24{font-size: 24px;}
|
|
.font-26{font-size: 26px;}
|
|
.font-28{font-size: 28px;}
|
|
.font-32{font-size: 32px;}
|
|
.font-30{font-size: 30px;}
|
|
.font-36{font-size: 36px;}
|
|
.font-40{font-size: 40px;}
|
|
|
|
.fb{font-weight: bold;}
|
|
|
|
|
|
.linh48{line-height: 48px;}
|
|
.linh42{line-height: 42px;}
|
|
.linh32{line-height: 32px;}
|
|
.linh30{line-height: 30px;}
|
|
.linh28{line-height: 28px;}
|
|
.linh26{line-height: 26px;}
|
|
.linh24{line-height: 24px;}
|
|
|
|
|
|
.tc{text-align: center;}
|
|
.tl{text-align: left;}
|
|
.tr{text-align: right;}
|
|
.colf{color: #FFFFFF;}
|
|
.colf5{color: #F5F5F5;}
|
|
.col19{color: #191919;}
|
|
.col7d{color: #7d7d7d;}
|
|
.col9{color: #999999;}
|
|
.colcb{color: #cb1919}
|
|
.col22{color: #222222}
|
|
.col52{color: #525252}
|
|
|
|
.backf{background: #FFFFFF;}
|
|
.backe6{background: #e6e6e6;}
|
|
.backf5{background: #f5f5f5;}
|
|
.backe9{background: #e9e9e9;}
|
|
|
|
|
|
.bord2{border: 2px solid #e5e5e5;}
|
|
.bd{border: 1px solid #e6e6e6;}
|
|
.btt{border-top: 1px solid #ebebeb;}
|
|
.bbt{border-bottom: 1px solid #ebebeb;}
|
|
.bbtAll{border-bottom: 1px solid #ebebeb;}
|
|
.tin2{text-indent: 2em;}
|
|
|
|
.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;}
|
|
.borf{border-radius: 3px;border: 1px solid #7d7d7d;color: #7d7d7d;font-size: 16px;}
|
|
|
|
.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;}
|
|
|
|
ul li {list-style: none;padding: 0px;margin: 0px;}
|
|
.tn{text-decoration: none;}
|
|
|
|
input{outline: none;}
|
|
|
|
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
|
|
.dmedia{display: inline;}
|
|
|
|
/* 轮播图 */
|
|
.swiper-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.swiper-slide {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background: #fff;
|
|
/* Center slide text vertically */
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
.swiper-pagination-bullet{
|
|
width: 13px;height: 13px;border-radius: 100%;
|
|
background: #FFFFFF;
|
|
border: 2px solid #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
|
|
width: 13px;height: 13px;border-radius: 100%;
|
|
border: 2px solid #cd2628;
|
|
background-color: rgba(255,255,255,0);
|
|
}
|
|
.shop-swiper .swiper-pagination-bullet{
|
|
width: 10px;height: 10px;border-radius: 100%;
|
|
background: #595d60;
|
|
border: 2px solid #595d60;
|
|
opacity: 1;
|
|
}
|
|
.shop-swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active{
|
|
width: 10px;height: 10px;border-radius: 100%;
|
|
border: 2px solid #cd2628;
|
|
background-color: #cd2628;
|
|
}
|
|
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
|
|
left: 0px;
|
|
right: auto;
|
|
}
|
|
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
|
|
right: 0px;
|
|
left: auto;
|
|
}
|
|
.swiper-button-next, .swiper-button-prev {
|
|
position: absolute;
|
|
top: 40%;
|
|
background: #ffffff;
|
|
/* width: calc(var(--swiper-navigation-size)/ 44 * 27);
|
|
height: var(--swiper-navigation-size); */
|
|
width: 39px;
|
|
height: 39px;
|
|
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #c6c6c6;
|
|
}
|
|
.swiper-button-next::after, .swiper-button-prev::after {
|
|
font-family: swiper-icons;
|
|
font-size: 18px;
|
|
text-transform: none !important;
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
font-variant: initial;
|
|
line-height: 1;
|
|
font-weight: 700;
|
|
}
|
|
.parent-page{height: 360px;}
|
|
.parent-page img{height: 360px;float: left;}
|
|
/* 首页7个轮播 */
|
|
.swiper-pub{width: 39px;height: 39px;position: absolute;top: 35%;z-index: 1;cursor: pointer;}
|
|
.two-next{right: 0;}
|
|
.two-pre{left: 0;}
|
|
/* 详情页轮播箭头样式 */
|
|
.xq-pub{width: 46px;height: 46px;position: absolute;top: 46%;opacity: 0.2;z-index: 1;cursor: pointer;}
|
|
.xq-next{right: 20px;}
|
|
.xq-pre{left: 20px;}
|
|
|
|
.allitem-title{padding: 45px 0 40px 0;}
|
|
.zx-more{display: none;justify-content: center;align-items: center;}
|
|
/* 弹框 */
|
|
#isTank{display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;}
|
|
#isTank>div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
|
#isTank>div>div{max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;}
|
|
.close-q{width: 19px;height: 19px;}
|
|
.close-q div{background: #828282;border-radius: 10px;width: 2px;height: 22px;}
|
|
.close-q div:first-child{transform: rotate(45deg);}
|
|
.close-q div:last-child{transform: rotate(-45deg);}
|
|
.tk-tougao{padding: 30px 40px;}
|
|
.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;padding-left: 10px;}
|
|
.bord2>div>div{color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;}
|
|
#sumitdh{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
|
|
.chooseImg-box{display: inline-block;}
|
|
.chooseImg-box>div input{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;opacity: 0;z-index: 2;}
|
|
.chooseImg-box>div>div{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;display: flex;justify-content: center;align-items: center;}
|
|
.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;}
|
|
.chooseImg-box>div>div span:first-child{transform: rotate(90deg);}
|
|
.chooseImg-box>div img{width: 109px;height: 109px;object-fit: cover;z-index: 1;border-radius: 3px;}
|
|
.chooseImg-content{margin-top: 76px;margin-left: 120px;font-size: 12px;color: #222222;opacity: .7;}
|
|
.tgsub-btn{width: 906px;}
|
|
.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
|
|
#success_fail{width: 569px;}
|
|
#failk>img,#successk>img{width: 77px;height: 77px;margin-top: 54px;}
|
|
.goZhanl{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;}
|
|
.goShop,#successk div:last-child div{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;}
|
|
#successk div:last-child div:last-child{margin-left: 10px;border: 1px solid #CB1919;color: #CB1919;}
|
|
/* 首页 */
|
|
.logo{width: 487px;}
|
|
.banner-img{width: 100%;height: auto;}
|
|
.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;}
|
|
/* .head-nav-box>div:last-child{margin-top: 20px;} */
|
|
.sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;}
|
|
.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;}
|
|
.dao-boxw{box-shadow: 0px 3px 12px rgba(2,2,2,.16);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;}
|
|
.dao-box>li>div>a{text-decoration: none;color: #181818;}
|
|
.dao-box>li>div>a:hover{color: #cd2628;}
|
|
.dao-box>li>div>a:active{color: #cd2628;font-weight: bold;}
|
|
.cq-dao-active{font-weight: bold;color: #cd2628;}
|
|
.cq-dao-active>a{font-weight: bold;color: #cd2628!important;}
|
|
.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: 38px;border: 0;}
|
|
.input-box img{right: 10px;top: 10px;width: 20px;height: 20px;}
|
|
.cq-item-title-box{padding: 65px 0 30px 0;}
|
|
.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;}
|
|
.exhibition .item-box>img{width: 100%;height: 100%;cursor: pointer;}
|
|
.msg .m-x32:nth-last-child(1){
|
|
margin-bottom: 0;
|
|
}
|
|
.msg .m-x32:nth-last-child(2){
|
|
margin-bottom: 0;
|
|
}
|
|
.exhibition .swiper-slide .item-box{width: 293px;}
|
|
.exhibition .swiper-slide img{object-fit: cover;}
|
|
/* .xx-img{ width:242px; height:151px;} */
|
|
.xx-content{line-height: 28px;}
|
|
.xx-img{ width:100%;}
|
|
.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;}
|
|
.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;width:94%;padding-bottom:10px;}
|
|
.ysj .ya-item-box img{transition: transform .5s;cursor: pointer;}
|
|
.ysj .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
|
|
.ysj .ya-item-box:last-child{margin-right: 0px;}
|
|
.ysj .pr{padding-right: 0px;}
|
|
#homeArtist{width: 101.2%;}
|
|
.wc-box>div>img{width: 96%;transition: transform .5s;}
|
|
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
|
|
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
|
|
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
|
|
.checksyzp{background: #cb1919;color: rgba(255,255,255,.8);padding: 6px 10px;}
|
|
.ysj-itemcheck{border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);}
|
|
.ysj-itemcon{color: rgba(25,25,25,.7);}
|
|
.gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;}
|
|
.xinxy-box{background: #f6f5f3;padding-bottom: 65px;}
|
|
.xinxy-box .dac{width: 101.4%;overflow: hidden;}
|
|
.xinxy-box .msg .w48{width: 49%;}
|
|
.syysj-box{background: #100e0d;padding-bottom: 65px;}
|
|
.syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
|
|
.sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
|
|
.sypx-box img{height: 470px;float: left;}
|
|
.sypx-box .ys-title{height: 70px;line-height: 70px;}
|
|
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
|
|
.hzly-box{padding: 30px;z-index: 1;}
|
|
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9;height: 48px;}
|
|
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 0px 82px;border-radius: 3px;height: 48px;line-height: 48px;border: 1px solid #CB1919;}
|
|
.hz-imgItem img{cursor: pointer;width: 90%;}
|
|
.yssc-img{height: 500px;vertical-align: bottom;}
|
|
.yssc-item{height: 500px;vertical-align: bottom;max-width: 364px;}
|
|
/* 资讯 */
|
|
#zx-list>div div:hover{cursor: pointer;}
|
|
#zx-list>div:hover .zx-title{color: #CB1919;}
|
|
#zx-list>div:hover .zx-dian{color: #CB1919;}
|
|
|
|
.zx-nav,.szx-nav,.px-nav{padding: 0;}
|
|
.zx-nav li span {cursor: pointer;}
|
|
.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
|
|
.zx-nav li a,.szx-nav li a,.px-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
|
|
.zx-nav li div,.szx-nav li div,.px-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
|
.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active,.px-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
|
|
.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title,.px-nav li .zx-nav-title{color: #CB1919;}
|
|
#zx-xg>div:first-child{margin-right: 10px;}
|
|
.zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;}
|
|
.zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;}
|
|
|
|
/* 机构 */
|
|
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img,#ys-list img,#zl-list img {transition: transform .5s;}
|
|
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover,#ys-list img:hover,#zl-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;}
|
|
#zl-list>div div:hover .m-s20{font-weight: bold;}
|
|
#zl-list>div div:hover div{color: #CB1919;}
|
|
.jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;}
|
|
.jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;}
|
|
.jg-twoNav{padding: 0;margin: 0;}
|
|
.jg-tou{padding: 6px;margin-top: -90px;}
|
|
/* 拍卖 */
|
|
#pm-list>div:hover,#pxzb-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
|
|
#pm-list>div:hover div:last-child>div:first-child,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;}
|
|
#pm-list>div:hover div:last-child>div:first-child .quan,#pxzb-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;}
|
|
.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;}
|
|
.pm-detail-box{width: 86%;background: #f4f4f4;padding: 20px;}
|
|
.pm-detail-box .font-24{width:100%;line-height: 36px;margin: 0 10px;}
|
|
/* 培训 */
|
|
.px-item-img{margin-bottom: -4px;}
|
|
.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);}
|
|
#px-list>div:hover div>div:first-child{color: #CB1919;}
|
|
#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;}
|
|
#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;}
|
|
#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;}
|
|
/* 艺术家 */
|
|
#ys-cate{padding: 0;}
|
|
#ys-cate li a{text-decoration: none;color: #181818;font-size: 18px;}
|
|
#ys-cate li {margin-right: 29px;position: relative;padding: 20px 0 15px 0;}
|
|
#ys-cate li div {border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
|
|
#ys-cate li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
|
|
#ys-cate li .zx-nav-title{color: #CB1919;}
|
|
#ys-list div:hover .djbac{color: #CB1919;}
|
|
#ys-list div:hover .djbac>div:last-child{color: #FFFFFF;background-color: #CB1919;cursor: pointer;}
|
|
#ysj-ft>div>div:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);cursor: pointer;color: #CB1919;opacity: 1;}
|
|
#ysj-ft>div>div:hover div{color: #CB1919;}
|
|
#ysj-ft>div>div .dac span{opacity: 0;}
|
|
#ysj-ft>div>div:hover .op6{opacity: 1;}
|
|
#ysj-ft>div>div:hover .dac span{opacity: 1;}
|
|
#ysj-skd-box{width: 26%;}
|
|
#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;}
|
|
/* 展览 */
|
|
#zlzp-list>div:hover div{color: #CB1919;}
|
|
#zlzp-list .pr div{background: rgba(255,255,255,0.6);right: 36px;bottom: 10px;width: 34px;height: 34px;}
|
|
#zlzp-list>div:hover div:last-child>span{color: #FFFFFF;background: #CB1919;}
|
|
#zlzp-list>div:hover .font-16{font-weight: bold;}
|
|
.zltp{width: 179px;height: 47px;border-radius: 5px;border: 1px solid #dbdbdb;line-height: 47px;text-align: center;}
|
|
.toug-btn{color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;}
|
|
.zhanldw{width: 15px;height: 17px;margin-right: 4px;}
|
|
.col007{color: #007de2;}
|
|
.zhanl-select{height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
|
|
.zhanl-select img{width: 12px;height: 8px;}
|
|
.zpsearch-box{width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
|
|
.zpsearch-box input{width: 100%;border: none;height: 34px;margin-right: 20px;}
|
|
.zpsearch-box img{width: 17px;height: 16px;}
|
|
#previewImg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 10;display: none;justify-content: center;align-items: center;flex-direction: column;}
|
|
#previewImg div:first-child{background: #FFFFFF;border-radius: 10px;border: 10px solid #FFFFFF;width: 520px;height: 500px;overflow: hidden;}
|
|
#previewImg div:last-child{background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;border-radius: 100%;width: 50px;height: 50px;margin-top: 20px;cursor: pointer;}
|
|
/* 积分商城 */
|
|
#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
|
|
#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}
|
|
#rem-list .dfc:hover,#jf-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
|
|
#rem-list .dfc:hover>div .linh24,#jf-list .dfc:hover>div .linh24{color: #CB1919;}
|
|
.addNum{background: #f1f1f1;height: 22px;line-height: 22px; width: 20px;border-left: 1px solid #CCCCCC;}
|
|
.delNum{background: #f1f1f1;height: 23px;line-height: 23px;border-left: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
|
|
#sh-list .dis .m-y20:last-child{margin-right: 0;}
|
|
#cq-list .dis .m-y20:last-child{margin-right: 0;}
|
|
#scjf-list .m-y20:last-child{margin-right: 0;}
|
|
#alls-list .dfc > div{margin: 10px;}
|
|
#alls-list .dfc > div img{max-height: 230px;}
|
|
#alls-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
|
|
#alls-list .dfc:hover div{color: #CB1919;}
|
|
/* 详情右侧 */
|
|
.detail-right{width: 86%;padding-right: 10px;padding: 20px;}
|
|
.youhq-box span{background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;}
|
|
.detail-input-box {width: 60px;height: 46px;border: 1px solid #cccccc;}
|
|
#numVal{border: none;width: 32px;text-align: center;height: 44px;}
|
|
.dui-box,.addcart-box{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;}
|
|
.addcart-box:last-child{background: #ed4910;margin-left: 10px;}
|
|
.detail-right .p-s20>.dac{margin-left: 46px;}
|
|
.detail-right .p-s20 img:first-child{width: 14px;height: 13px;margin-right: 4px;}
|
|
.detail-right .p-s20 img:last-child{width: 16px;height: 14px;margin-right: 4px;}
|
|
.goMai{background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;}
|
|
.zzpub{font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;border: 1px solid #CB1919;}
|
|
.goMaiz{background-color: #CB1919;color: #FFFFFF;}
|
|
.yul{color: #CB1919;margin-left: 10px;}
|
|
|
|
/* 征稿 */
|
|
.zhenggaoZhanw{height: 15px;width: 100%;background: rgba(245, 245, 245,1);}
|
|
.ty_zgysconTr th:nth-child(1){width: 340px;}
|
|
.ty_zgysconTr th:nth-child(1) div{margin-right: 120px;}
|
|
.ty_zgysconTr th:nth-child(2){width: 260px;}
|
|
.ty_zgysconTr th:nth-child(3){width: 80px;}
|
|
.ty_zgysconTr th:nth-child(4){width: 170px;}
|
|
.ty_zgysconTr th:nth-child(5){width: 90px;}
|
|
.zg-img-box{width: 103px;height: 103px;overflow: hidden;}
|
|
.zg-btn-box{display: flex;align-items: center;flex-direction: column;}
|
|
/* 推荐作品 */
|
|
.tui-box{margin: 0 auto;table-layout: fixed;padding-top: 20px;}
|
|
.biaoti{color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;}
|
|
.biaoti th:nth-child(1){width: 20px;}
|
|
.biaoti th:nth-child(2){width: 70px;}
|
|
.biaoti th:nth-child(3){width: 180px;}
|
|
.biaoti th:nth-child(4),.biaoti th:nth-child(5){width: 120px;}
|
|
.biaoti th:nth-child(6){width: 240px;text-align: left;}
|
|
.foot-all-box{display: flex;justify-content: center;margin: 30px 0px 50px 0;}
|
|
#pre_next_box{display: flex;justify-content: flex-end;}
|
|
#pre_next_box button{width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;} |