.p_stylebox .stylebox_title{ background-color:rgba(0, 0, 0, 0); } .p_stylebox .title_main{ font-family:Microsoft YaHei; font-size:16px; font-weight:bold; color: #665cc7; } .p_stylebox .stylebox_content{ border:none; } .p_stylebox .stylebox_bottom_line{ display:none; } /*氓藛鈥犆甭幻ヂも€撁β♀€犆 鈥∶┞⑺溍 路氓录聫莽禄鈥溍β澟?/ /*氓路娄氓聫鲁氓赂茠氓卤鈧ニ嗏€犆甭幻 路氓录聫氓录鈧ヂр€?/ .moveBtn{ display:none; color:#fff; width:100px; height:35px; line-height:35px; text-align:center; background-color:#0054a5; border:1px solid #0054a5; white-space:nowrap; border-radius:4px; margin:1.3em; } .contentBox{ width:100%; height:auto; overflow:visible; } .link{ position:relative; height: 46px; line-height: 46px; } .yjTitle{ position:relative; padding-left: 0; text-align: center; background: #f5f5f5; border-bottom: 1px solid #fff; } .yjLink{ color: #333333; font-size:14px; transition:all .5s ease; left:30px; } .yjLink::before{ content:''; display:block; width:3px; height: 45px; background-color: #20296c; position:absolute; left:-1px; top:0; opacity:0; transition:all .5s ease; } .iconfont1{ position:absolute; left:auto; top:1px; bottom:0px; width:50px; color:#7b8a96; display:flex; align-items:center; justify-content:center; font-size:12px; right: 15px; } .ejLi{ position:relative; } .ejTitle{ position:relative; background-color:#fff; border-bottom:1px solid #e8e8e8; padding-left:50px; transition:all .5s ease; } .ejLink{ color:#86939e; font-size:14px; } .iconfont2{ position:absolute; right:20px; top:0px; bottom:0px; margin:auto; display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; color:#86939e; font-size:16px; transition:all .5s ease; } .icf{ transform:rotate(180deg); } .sjTitle{ position:relative; background-color:#fff; border-bottom:1px solid #e8e8e8; } .sjLink{ margin-left: 50px; color:#7b8a96; font-size:16px; } .ejBox{ display:none; } .rotate{ transform:rotate(-90deg); } .ejTitle:hover{ background-color:#f5f8fa; } .backBtn{ display:none; } .yjTitle:hover{ background-color: #e8e8e8; } .yjTitle:hover .yjLink::before{ opacity:1; } .sjBox{ display:none; } .line_right{ display:none; } @media only screen and (min-width:769px){ .sjBox { position: relative; top: 0; left: 0; box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0.4); } .sjTitle { text-align: left; } .sjTitle::before { content: ''; position: absolute; display: block; width: 6px; height: 50px; background-color: #0054a5; } .sjBox li { width:100%; } .sjTitle:hover .sjLink { color: #01a5ec; } .sjLi::before { content: ''; display: block; width: 0; height: 0; border-top: 6px solid #0054a5; border-right: 6px solid #fff; border-bottom: 6px solid #0054a5; position: absolute; left: 0; top: 22px; z-index: 1; } .ejLi:hover .sjLi::before { display: block; } } @media only screen and (max-width:768px){ .contentBox { position: fixed; top: 0; left: 100%; height: 100%; font-size: 0; z-index: 99; background: #fff; } .backBtn { position: relative; display: inline-block; width: 45px; height: 100%; vertical-align: top; background: #f5f8fa; } .content { display: inline-block; width: calc(100% - 45px); } .moveBtn { display: block; margin:0; width:100%; text-align:left; padding-left:20px; line-height: 40px; height: 40px; background: #0054a5; border-color: #0054a5; } .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 1.2rem; color: #7b8a96; padding: 0; } .yjTitle { border-bottom: 1px solid #f8f8f8; } .sjTitle { padding-left: 80px; } .jsDeg { transform: rotate(-90deg); } .line_right { display: block; width: 8px; height: 50px; background-color: #0054a5; position: absolute; right: 0; top: 0; opacity: 0 } .line_show { opacity: 1; } .sjTitle::after { content: ''; display: block; width: 8px; height: 50px; background-color: #0054a5; position: absolute; right: 0; top: 0; } }