|
|
@@ -1010,29 +1010,40 @@
|
|
|
margin-top: 40px;
|
|
|
display: flex;
|
|
|
}
|
|
|
-.contact_us .qr_box > img{
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
-}
|
|
|
|
|
|
.qr_box .item {
|
|
|
flex: 1;
|
|
|
}
|
|
|
|
|
|
.qr_box .item .tit {
|
|
|
- width: 88px;
|
|
|
+ width: 100%;
|
|
|
height: 40px;
|
|
|
font-style: normal;
|
|
|
font-weight: 400;
|
|
|
font-size: 20px;
|
|
|
line-height: 40px;
|
|
|
- /* identical to box height, or 200% */
|
|
|
text-align: center;
|
|
|
letter-spacing: 0.1em;
|
|
|
- /* Font/#686868 */
|
|
|
color: #686868;
|
|
|
- border-bottom: 4px solid #2CB7CA;
|
|
|
- margin: auto;
|
|
|
+ border-bottom: 1px solid #ededed;
|
|
|
+ white-space: nowrap;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.qr_box .item img{
|
|
|
+ width: 160px;
|
|
|
+ height:160px;
|
|
|
+}
|
|
|
+.qr_box .item .tit::after{
|
|
|
+ content: '';
|
|
|
+ height: 4px;
|
|
|
+ width:88px;
|
|
|
+ background: #2CB7CA;
|
|
|
+ position: absolute;
|
|
|
+ bottom:-1px;
|
|
|
+ left:calc(50% - 44px);
|
|
|
+}
|
|
|
+.qr_box .item:nth-of-type(1) .tit::after{
|
|
|
+ transform: translateX(0);
|
|
|
}
|
|
|
|
|
|
.qr_box .name {
|
