.html,body{    margin: 0;    padding: 0;}img{    width: 100%;}.box {    width: 100%;    max-width: 700px;    margin: auto;}.img {    width: 100%;    display: flex;    justify-content: center;}.img img {    width: 100%;}.color_imgs {    display: flex;}.color_imgs img {    width: 144px;    border: 4px solid red;    transition: all 0.3s linear 0s;}.title {    margin-top: 20px;    margin-bottom: 16px;}.titles {    margin-top: 20px;    margin-bottom: 16px;}.titles span {    color: red;}.title span {    color: red;}.sizes {    width: 100%;}.size {    width: 100%;    float: left;    padding: 0.2rem;    font-size: 1rem;    color: #666;    background-color: #fff;    border: 2px solid #ccc;    margin-right: 4px;    margin-bottom: 4px;    text-decoration: none;    transition: all 0.3s linear 0s;    border-radius: 0.4rem;    cursor: pointer;}.num {    display: flex;}.num .num_left {    width: 40px;    height: 35px;    text-align: center;    line-height: 35px;    border: 1px solid #ccc;    border-right: none;    cursor: pointer;}.num .num_center {    width: 65px;    height: 35px;    border: 1px solid #ccc;    line-height: 35px;    text-align: center;}.num .num_right {    width: 40px;    height: 35px;    text-align: center;    line-height: 35px;    border: 1px solid #ccc;    border-left: none;    cursor: pointer;}.label {    display: flex;    justify-content: space-between;    align-items: center;    margin: 10px 0;}.label input {    height: 40px;    width: 82%;    flex-shrink: 0;}.btn {    /* width: 100%;    height: 35px;    background-color: #EFEFEF;    border: 1px solid #000; */    width: 100%;    margin-left: 50%;    transform: translateX(-50%);    height: 40px;    border-radius: 10px;    border: 0;    background: linear-gradient(90deg, #E6A20F, #F27019);    color: #fff;    letter-spacing: 0.5em;}/* .btn:hover {    width: 100%;    height: 35px;    background-color: #c9c9c9;} */.as {    margin-top: 20px;    display: flex;    justify-content: center;    padding-bottom: 50px;}.as a {    color: #9797B2;    font-size: 13px;    margin: 0 10px;    text-decoration: none;}.swiper {    width: 100%;} .swiper-wrapper{    width: 100%;}.swiper-wrapper div{    width: 100%;    flex-shrink: 0;}