html {
    font-size: 62.5%;
}
body {
    font-size: 1.6rem;
}
ul {padding: 0; margin: 0;}
li {list-style: none;}
a{ text-decoration: none;}

.cr-border {
    border: 1px solid black;
}
.cr-font {
    font-size: 6vw;
}
.cr-menu {
    display: none;
    font-size: 1.8rem;
}
.cr-menu-item {
    width: 33.3%;
    text-align: center;
    font-size: 5vw;
}
.cr-img-banner {
    max-width: 100%;
}
.cr-img {
    width: 100%;;
}
.cr-tab-header {
    font-size: 1.8rem;
}
.cr-tab {
    display: none;
}
.cr-notice {
    font-size: 1.8rem;
}
.cr-bottombar {
    border-bottom:1px solid #ccc!important;
}
.cr-img-bg {
    width: 148px;
    height: 52px;
    line-height: 52px;
    background: url(../imgs/cr_index-15.png);
    background-size:100% 100%;
    padding-left: 10px;
    text-align: center;
}
.footer {
    /*background: url(../imgs/bt.jpg) no-repeat;*/
}
.x1{ background:url(../images/yt_index-35.jpg) top left no-repeat;}
.x2{ background:url(../images/yt_index-361.jpg) top left no-repeat;}

.box{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.box-center {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.item {
    margin: 5px 5px;
}
.cr-col {
    width: 20%;
}
.cr-page-button span {
    float: left;
    padding: 8px 16px;
}