123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- .title-box {
- height: 0.42rem;
- background: url(../images/box_title.png) top left no-repeat;
- background-size: 100% 100%;
- margin: auto;
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- position: relative;
- }
- .title-box>h6,
- .title-box>p {
- font-size: 0.2rem;
- color: white;
- height: 0.42rem;
- line-height: 0.42rem;
- margin-left: 0.4rem;
- }
- .title-box>p>span {
- cursor: pointer;
- color: rgba(255, 255, 255, .6);
- }
- .title-box>p>span.active {
- color: rgba(255, 255, 255, 1);
- }
- .line-img {
- width: 1px;
- height: 0.2rem;
- margin: 0 10px;
- }
- .title-box>.line-img {
- position: absolute;
- right: 1.3rem;
- }
- .title-box>button {
- font-size: 0.18rem;
- border: none;
- background: transparent;
- color: #cdddf7;
- height: 0.42rem;
- position: absolute;
- right: 0.6rem;
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- cursor: pointer;
- }
- .title-box>button:hover {
- color: white;
- }
- .title-box>button>img {
- width: 0.2rem;
- height: 0.2rem;
- margin-right: 5px;
- }
|