header .wrap_bg{
    margin-top:50px;
}
header .wrap_bg img{
    width:100%;
    height:auto;
}
body{
    background-color: #f8f8f8;
    font-size:16px;
}
main{
    padding:0 3.7%;
}
.content_tips{
    margin-top:4rem;
    font-size:1.5rem;
    margin-bottom:0.375rem;
    font-weight: bold;
    color: #323232;
}
.tips_name{
    color:#666;
    font-size:14px;
}
.tips_english{
    position: relative;
}
.tips_english::before,.tips_english::after{
    content: "";
    height:1px;
    width:130px;
    background: #DDDDDD;
    position: absolute;
    top:40%;
}
.tips_english::before{
    left:-150px;
}
.tips_english::after{
    right:-150px;
}
.wrap_tabs{
    display: flex;
    flex-direction: row;
}
.tabs_list{
    width:23.6%;
    margin-right:5%;
}
.tabs_list ul{
    list-style: none;
    margin:0;
    padding:0;
}
.tabs_list li{
    font-size:1rem;
    color:#666666;
    border-bottom:1px solid #EEEEEE;
    text-align: left;
    padding:8.4% 0 8.4% 20px;
    cursor: pointer;
}
.tabs_list li.active{
    background-color: #00A2E9;
    color:white;
    border-radius: 5px;
}
.tabs_content{
    flex:1;
    color:#333333;
}
.tabs_title{
    font-size: 1.1rem;
}
.content_title{
    position: relative;
    padding:6% 3%; 
}
.mb_title{
    display: flex;
    flex-direction: row;
    position: relative;
}
.col_all{
    padding:3% 3%; 
    border-top:1px solid #DDDDDD;
}
.wrap_logo{
    flex:1;
    margin-right:1rem;
    align-items: center;
    justify-content: center;
    display: flex;
}
.wrap_logo img{
    width:100%;
    height:auto;
}
.wrap_tips{
    flex:2;
}
.tabs_tips{
    color:#666666;
    font-size:0.875rem;
}
.hide_mb{
    display: none;
}
.hide_pc{
    display: block;
}
.tabs_item{
    margin-top:5%;
}
.item_title span{
    display: inline-block;
    background-color: #00A2E9;
    color:white;
    font-size:1rem;
    font-weight: bold;
}
.tab{
    
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
    position: relative;
    margin-left:1.4%;
    padding: 1% 6.6% 1% 4%;
}
.tab::before{
    content: '';
    position: absolute;
    height:100%;
    width:3.8%;
    left:-7.6%;
    top:0;
    background-color: #00A2E9;   
}
.item_content{
    color:#333333;
    margin-top:2.2%;
    font-size:1rem;
    line-height: 2rem;
}
.item_img{
    text-align: center;
    margin-top:4.8%;
}
.item_img img{
    width:100%;
    height:auto;
}
.item{
    background-color: #fff;
    margin: 0.6rem 0;
    display: block;
    border-radius: 0.5rem;
}
.m_toggle_tag{
    display: block;
    position: absolute;
    right:0.625rem;
    top:50%;
    margin-top: -0.5125rem;
}
.m_toggle_tag img{
    height:0.625rem;
    width:1.125rem;
}
.m_transform img{
    transform: rotate(180deg);
}
.dot{
    font-size: 1rem;
    font-weight: 900;
}
header .navbar-default{
    box-shadow: 0px 0px 5px #ccc;
}
@media (min-width: 768px) {
    header .wrap_bg{
        margin-top:66px;
    }
    main{
        padding:0 18.75%;
    }
    body{
        background-color: white;
    }
    .item{
        margin:0;
    }
    .wrap_tabs{
        margin-top:5.5%;
    }
    .wrap_logo{
        position: absolute;
        top:0;
        right:0;
        text-align: right;
        margin-right: 0;
    }
    .wrap_logo img{
        width:80%;
        height:auto;
    }
    .hide_mb{
        display: block;
    }
    .hide_pc{
        display: none;
    }
    .collapse{
        display: block!important;
    }
    .tabs_content{
        padding-bottom:11.2%;
    }
    .tabs_item{
        margin-top:3.97%;
    }
    .item_title span{
        font-size:0.875rem;
    }
    .tab{
        padding: 0.817% 4.2% 0.817% 2.8%;
    }
    .item_content{
        font-size:0.875rem;
        line-height: 1.5625rem;
    }
    .item_img{
        margin-top:5.8%;
        margin-bottom:2.3%;
    }
    .content_title{
        padding:0 0 2.68% 0;
    }
    .item_img img{
        width:70%;
        height:auto;
    }
    .collapse{
        padding:0; 
    }
    .item{
        display: none;
    }
    .item_display{
        display:block;
    }
    .m_toggle_tag{
        display: none;
    }
    .col_all{
        padding:0; 
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    main{
        padding:0 6%;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    main{
        padding:0 6%;
    }
}
@media (min-width: 1920px) {
    main{
        padding:0 25.64%;
    }
}