/*st*/
.ykm-header-container {
    position: relative;
    display: flex;
    align-items: center;
}

.ykm-header-container img {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    vertical-align: top;
    z-index: 12;
}

.ykm-header-container .menu {
    width: 5.5%;
    position: absolute;
    z-index: 13;
    top: 0.4rem;
    left: 4%;
}

.ykm-header-container .menu img {
    width: 100%;
}

.ykm-header-container .search {
    width: 18%;
    height: 35%;
    padding: .1% 1%;
    position: absolute;
    top: 30%;
    right: 4%;
    border: 1px solid #d6d6d6;
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 50%;
    color: #646464;
}

.ykm-header-container .search .search-btn {
    width: 15%;
    font-size: 0;
    padding: 5%;
    position: relative;
}

.ykm-header-container .ykm-search-box {
    display: none;
    overflow: hidden;
    background-color: #fff;
    width: 35%;
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 100px;
    border: 1px solid #c4c4c4;
    z-index: 12;
}

.ykm-header-container .ykm-search-box .text {
    float: left;
    width: 80%;
}

.ykm-header-container .ykm-search-box .btn {
    float: left;
    width: 10%;
    font-size: 0;
    padding-right: 8%;
    height: 100%;
    position: absolute;
}

.ykm-header-container .ykm-search-box .btn img {
    width: 100%;
    padding: 5%;
    padding-top: 45%;
}

.ykm-header-container .search .edition-slt {
    padding-right: 18%;
    line-height: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../image/ykm-select-bg.jpg) no-repeat right;
    background-size: 30%;
    font-size: .525rem;
}

.ykm-header-container .ykm-menu-shadow {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    left: 0;
    z-index: 11;
}

.ykm-header-container .ykm-top-menu {
    display: none;
    background-color: #f8f8f8;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 12;
}

.ykm-header-container .ykm-top-menu .menu-box {
    overflow: hidden;
}

.ykm-header-container .ykm-top-menu .menu-box ul .firstItem:nth-child(1)>a {
    border-top: 1px solid #c4c4c4;
}

.ykm-header-container .ykm-top-menu .menu-box i {
    width: 5%;
    height: 17rem;
}

.ykm-header-container .ykm-top-menu .firstItem {
    font-size: .35rem;
}

.ykm-header-container .ykm-top-menu .firstItem>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    margin: 0 5%;
    padding: 0.1rem 0;
    border-bottom: 1px solid #c4c4c4;
}

.ykm-header-container .ykm-top-menu .secondItem {
    background-color: #ff5000;
    font-size: .35rem;
}

.ykm-header-container .ykm-top-menu .secondItem>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    margin: 0 5%;
    padding: 3% 0;
}

.ykm-header-container .ykm-top-menu .thirdItem {
    font-size: .625rem;
}

.ykm-header-container .ykm-top-menu .thirdItem>a {
    display: block;
    color: #7ac0e3;
    margin: 0 8%;
    padding: 3% 0;
}

.ykm-header-container .ykm-top-menu .fa-caret-right {
    width: 1.5%;
    margin-top: 1.5%;
}

.ykm-header-container .ykm-top-menu .iconRotate {
    transform: rotate(90deg);
}

.ykm-header-container .ykm-top-menu .fr {
    float: right;
}

.ykm-header-container .ykm-top-menu .d-firstDrop {
    display: none;
}

.ykm-header-container .ykm-top-menu .d-secondDrop {
    display: none;
}

.ykm-header-container .ykm-top-menu .quick-link-box {
    overflow: hidden;
    margin: .75rem 0;
}

.ykm-header-container .ykm-top-menu .quick-link-box .ykm-down-jt {
    text-align: center;
    font-size: .625rem;
    color: #000;
    display: flex;
    flex-direction: column;
}

.ykm-header-container .ykm-top-menu .quick-link-box .ykm-down-jt img {
    width: 5%;
    margin: .2rem auto 0;
}

.ykm-header-container .ykm-top-menu .quick-link-box ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: .9375rem;
}

.ykm-header-container .ykm-top-menu .quick-link-box ul li {
    width: 33.3333%;
}

.ykm-header-container .ykm-top-menu .quick-link-box ul li .pic {
    font-size: 0;
    margin-bottom: .40625rem;
}

.ykm-header-container .ykm-top-menu .quick-link-box ul li .pic img {
    width: 40%;
    display: block;
    margin: 0 auto;
}

.ykm-header-container .ykm-top-menu .quick-link-box ul li .tit {
    text-align: center;
    font-size: .6875rem;
    color: #3c3c3c;
    margin-bottom: .65625rem;
}

.ykm-header-container .ykm-top-menu .quick-link-box .ykm-up-jt {
    text-align: center;
    font-size: .625rem;
    color: #000;
    display: flex;
    flex-direction: column;
}

.ykm-header-container .ykm-top-menu .quick-link-box .ykm-up-jt img {
    width: 5%;
    margin: 0 auto .2rem;
}


/* /////////////�ײ�/////////////////// */

.ykm-footer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    background-color: #e7e8ea;
    /* margin: .5rem .625rem 1.5rem; */
    /* padding: .75rem; */
}

.ykm-bot-menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: .5rem .5rem 1rem .5rem;
}

.ykm-bot-menu li {
    font-size: .4rem;
    border-bottom: 1px solid #ffffff;
    width: 50%;
}

.ykm-bot-menu li a {
    padding: .5rem;
    color: #333;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ykm-bot-txt {
    font-size: 0.6rem;
    color: #333;
    text-align: center;
    margin-bottom: 1.3rem;
}

.ykm-bot-txt a {
    color: #ff5000;
}

.ykm-bot-icon-btn {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 1.3rem;
}

.ykm-bot-icon-btn img {
    width: 70%;
    height: auto;
}

.ykm-copy-right {
    overflow: hidden;
    background-color: #e7e8ea;
    color: #333;
    text-align: center;
    padding: 0 0 0.5rem 0;
    font-size: .3rem;
    line-height: 0.6rem;
}

.ykm-copy-right a {
    color: #fff;
}

.ykm-focus-box {
    overflow: hidden;
    position: relative;
}

.ykm-page-foot2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1rem;
}

.ykm-page-foot2 a {
    width: 3.375rem;
    height: 1.25rem;
    line-height: 1.25rem;
    background-color: #0075b0;
    color: #fff;
    font-size: .625rem;
    text-align: center;
    border-radius: .2rem;
    margin: 0 .3rem;
}

.ykm-page-foot {
    padding-top: .4rem;
    width: 100%;
}

.ykm-page-foot ul {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
}

.ykm-page-foot li {
    width: 2rem;
    height: 2rem;
    margin: 0 .3rem;
    background-color: #c0c0c0;
    border-radius: 1.32rem;
}

.pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ykm-page-foot li.ye {
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background-color: #ff9000;
    color: #fff;
    font-size: .4rem;
    text-align: center;
    border-radius: .2rem;
    margin: 0 .3rem;
}

.ykm-page-foot li.disabled {
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background-color: #ff9000;
    color: #fff;
    font-size: .4rem;
    text-align: center;
    border-radius: .2rem;
    margin: 0 .3rem;
}

.ykm-page-foot li.active {
    background-color: #ff9000;
    color: white;
    font-size: .4rem;
    height: 2rem;
    width: 2rem;
}

.ykm-page-foot li a {
    display: block;
    color: #fff;
    font-size: .4rem;
}

.sy_titbox {
    border-bottom: solid #c8c8c8 1px;
    margin-bottom: 5%;
}

.sy_titbox .sy_title {
    font-size: 0.6rem;
    text-align: center;
    padding-bottom: 5%;
}

.sy_titbox .sy_date {
    font-size: 0.35rem;
    color: #a7a7a7;
    text-align: center;
    margin-bottom: 5%;
}

.yzm_box {
    position: relative;
    overflow: hidden;
    line-height: 1.625rem;
    height: 1.625rem;
}

.yzm_pic {
    position: absolute;
    right: 0;
    width: 25%;
    height: 1.625rem;
}

.yzm_pic canvas {
    width: 100%;
    height: 100%;
}

.yzm_box1 {
    position: relative;
    overflow: hidden;
}

.yzm_pic1 {
    position: absolute;
    right: 0;
    width: 25%;
    height: 100%;
}

.yzm_pic1 canvas {
    width: 100%;
    height: 100%;
}


/* ��Ʒ�����Ե���ʽ */

.product_detail {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    ;
    /* flex-wrap: wrap; */
}

.product_detail div.imgbox {
    width: 40%;
}

.product_detail div.imgbox img {
    width: 100%;
}

.product_detail div.detailbox {
    width: 52%;
}

.product_detail div.detailbox div.li {
    display: flex;
    font-size: 0.35rem;
    line-height: 0.35rem;
    color: #534a4a;
    font-weight: 500;
    margin-bottom: 0.26rem;
}

.product_detail div.detailbox div.li div.name {
    width: 39%;
}