* { margin: 0; padding: 0; } ul, ol li { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; color: #333; } img { border: none; display: block; } .ulz{ background-color:#aaaaaa; margin-top: .56rem; margin-bottom: .1rem; } .ulz a{ font-size: .3rem; font-weight: bold; color: #FFFFFF; } .conCol{ overflow: hidden; } #text{ background: #dfdfdf; display: inline-block; text-align: center; border-radius: .07rem; margin-top: .14rem; } #text a{ text-align: center; line-height:.54rem; font-size: .19rem; text-decoration:none } .conCol .col-lg-offset-1 { margin-left: 10.3%; } #text1{ background: #dfdfdf; display: inline-block; text-align: center; border-radius: .07rem; margin-top: .14rem; } #text1 a{ text-align: center; line-height:.54rem; font-size: .19rem; text-decoration: none; } .conCol .col-sm-offset-1{ margin-left: 29.4%; } .demo{ text-align: center; margin-top: .45rem; margin-bottom: .45rem; /*position: relative; overflow: hidden;*/ margin-right: 0px; } .demo span{ font-size: .33rem; } .demo b{ font-size: .33rem; font-weight: normal; } /*=============遮罩层================*/ .dingt ul li{ position: relative; } .zhe{ width: 100%; height: .2rem; background:black; position:absolute; opacity: 0.7; bottom:0px; left:0px; display:none; text-align:center; } .dingt li:nth-child(1):hover .zhe{ width: 100%; height: .2rem; background:black; position:absolute; bottom:0px; left:0px; display:block; text-align:center; } .zhe2{ width: 100%; height: .2rem; background:black; position:absolute; opacity: 0.7; bottom:0px; left:0px; display:none; text-align:center; } .dingt li:nth-child(2):hover .zhe2{ width: 100%; height: .2rem; background:black; position:absolute; bottom:0px; left:0px; display:block; text-align:center; } /*html { font-size: 62.5%; } body { font-size: 1.4rem; margin-top:50px; }*/ p { margin: 0 0 0px; } a { color: #8c8c8c; list-style: none; text-decoration: none; } i{ font-style: normal; } .ulz li a { font-weight: normal; color: #8c8c8c; } .pianoSerTabBg { background-color: #525252 !important; /*box-shadow: 0px 0px 10px #777777;*/ } .pianoTabTop { margin-top: .53rem; /*height:auto; background-color: #aaaaaa;*/ } div { transition: height; transition-duration: 0.5s; -webkit-transition: height; -webkit-transition-duration: 0.2s; } /*钢琴中心钢琴系列切换*/ .pianoTabTop { height: auto; background-color: #aaaaaa; } .pianoSerTab { padding: 0; } .pianoSerTab li { line-height: 52px; display: inline-block; cursor: pointer; color: #ffffff; font-size: 18px; transition: background-color; transition-duration: 0.2s; -webkit-transition: background-color; -webkit-transition-duration: 0.2s; -moz-transition: background-color; -moz-transition-duration: 0.2s; -ms-transition: background-color; -ms-transition-duration: 0.2s; } /*//钢琴中心钢琴系列切换*/ .pianoSerTabSerName { margin-top: .25rem; } .pianoSerTabSerNameContent { height: 55px; background-color: #dfdfdf; border-radius: 5px; color: #000000; font-size:12px; line-height: 55px; } .pianoSerShowTitle { font-size: .2rem; color: #000000; margin-top: 55px; margin-bottom: 55px; } .pianoSerShowContent { min-height: 302px; } .pianoSerPianoName { position: absolute; bottom: 0px; width: 100%; } #main ul li img { margin-top: .1rem; } #tong ul li{ padding: 0; margin: 0; } #lunBao #main div ul i{ display: none; } .newsTitle, .activityTitle, .aboutContent { width: 100%; height: 100%; position: absolute; word-wrap: break-word; padding-top: 30%; color: white; font-size: 23px; } .NewsOverLayBg, .ActivityOverLayBg, .TecOverLayBg, .pianoOverLayBg, .pianoSerOverLayBg, .serviceOverLayBg, .li11, .li21, .li31, .li41, .li51, .li61, .san11, .san21, .san31, .san41, .zhi11, .zhi21, .zhi211, .zhi31, .zhi41,.zhi41,.MaskI,.MaskI1,.MaskI2,.MaskI3,.MaskI4 { width: 100%; height: 35px position: absolute; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); color: #FFFFFF; line-height:35px; } .pianoShowPianoList{ display: none; } /*.flex-control-nav{ display: none; }*/ .nav .navbar .affix { background-color: #000; } .affix { background-color: white; padding-top: 10px; padding-bottom: 10px; } .navbar-default { padding-left: 50px; padding-right: 50px; background-color: transparent; border-color: transparent; } .navbar-default .navbar-toggle { border-color: transparent; margin-top: 0; margin-bottom: 0; } .yanse1{ background: #7f7144; /*box-shadow: 0px 0px 10px #7f7144;*/ } #menu-main-menu li a { font-weight: 900; font-size: .13rem; color: #ffffff; } .nav>li>a { position: relative; display: block; padding: .10rem .15rem; } .navbar-nav>li { padding-top: 10px; } /*====================字体颜色=============================*/ .fontCol{ color: #FFFFFF; } #main ul li img { margin-top: 0rem; } .pianoSerShowContent { min-height:277.25px; } .cardback div p { display: flex; flex-direction: row; justify-content: center; align-items: center; } #qyOne div p img { text-align: center; margin-top: 0; margin-right: 0px; margin-right: 15px; } .wpb_wrapper ul li{ display: flex; } #menu-main-menu li a { font-weight: 900; font-size: 13px; color: #ffffff; } img{ display: inline-block; } .navbar-brand { float: left; height: 50px; padding: 6px 15px; font-size: 18px; line-height: 20px; } .pianoSerTabSerName p{ cursor: pointer; } @media only screen and (min-width: 100px) and (max-width: 640px) { .BottomDetail,.BottomDetai2,.BottomDetai3,.BottomDetai4{ margin-bottom: 15px; } .pianoTabTop { background-color:rgba(0,0,0,0); /*box-shadow: 0px 0px 10px #777777;*/ } .pianoTabTop ul li { background-color:#AAAAAA; margin-top:1px; } .tupian{ visibility: hidden; } .demo span { font-size: 18px !important; } .pianoSerTabSerName { margin-top: 10px !important; } } .demo{ padding-left: 0; position: relative; height: 80px; margin-top: 0; margin-bottom: 0; } /*.tedingTOP,.BottomDetail,.teding0,.BottomDetai2,.teding3,.BottomDetai3,.teding3,.teding4{ overflow: hidden; }*/ .flexslider{ border: none; } .b1{ position: absolute; z-index: -12; left: 0; top: 50%; } .piano-base-info .piano-info-item{ height: auto!important; } .piano-base-info .piano-info-item .justify{ height: 32px!important; }