html,
 body {
     margin: 0;
     padding: 0;     
 }

 body {
     background: #fff;
     overflow: scroll;
     overflow-x: hidden;
     overflow-y: auto;
 }

 ::-webkit-scrollbar {
     width: 2px;
     height: 2px;
 }

 ::-webkit-scrollbar-thumb {
     background: #0b3334;
     border-radius: 10px;
 }

 .header-box {
     float: left;
     width: 100%;
     height: 70px;
     border-top: #d8d1ca solid 2px;
 }

 .header-box .logo {
     float: left;
     width: 150px;
     height: 70px;
     line-height: 70px;
     padding: 10px 20px;
     border: #0f0 solid 0px;
 }

 .header-box .menu-box {
     float: left;
     border: #0f0 solid 0px;
 }

 .header-box .menu-box .menu-li {
     float: left;
     background-color: #fff;
     padding: 0px 20px;
     color: #877874;
     line-height: 70px;
     font-weight: bold;
 }

 .header-box .tool-box .text {
     color: #877874;
     font-weight: bold;
     line-height: 70px;
     text-align: center;
 }

 .header-box .tool-box {
     float: right;
     border-left: #d8d1ca solid 1px;
 }

 .header-box .tool-box .item {
     float: left;
     width: 70px;
     height: 70px;
     border-right: #d8d1ca solid 1px;
 }

 .header-box .tool-box .tool-search {
     background: url("../imgs/fa-search.jpg") center no-repeat;
 }

 .header-box .tool-box .tool-heart {
     background: url("../imgs/fa-heart.jpg") center center no-repeat;
 }

 .header-box .tool-box .tool-cart {
     background: url("../imgs/fa-cart.jpg") center center no-repeat;
 }

 .header-box .tool-box .tool-person {
     background: url("../imgs/fa-person.jpg") center center no-repeat;
 }

 .second-nav {
     background: #F7F6F4;
     float: left;
     width: 100%;
     height: 40px;
     /*border:#d8d1ca solid 1px;*/
     border-top: #d8d1ca solid 1px;
     border-bottom: #d8d1ca solid 1px;
 }

 .second-nav .left {
     float: left;
     border: #00f solid 0px;
     width: 50%;
     padding-left: 30px;
 }

 .second-nav .left .nav-home {
     float: left;
     width: 30px;
     height: 40px;
     background: url("../imgs/fa-home.jpg") center center no-repeat;
 }

 .second-nav .left .nav-text {
     line-height: 40px;
     color: #877874;
 }

 .second-nav .right {
     float: right;
     background: #0099A8;
 }

 .second-nav .right .nav-text {
     line-height: 45px;
     color: #fff;
     font-weight: bold;
     padding: 0px 120px;
 }

 .third-box {
     float: left;
     width: 100%;
     height: 680px;
     /*border: #0f0 solid 1px;*/
     background: #F7F6F4;
     box-sizing: content-box;
     /*background: #F00;*/
 }

 .third-box .left {
     float: left;
     width: 70%;
     max-width: 1280px;
     height: 680px;
     /*border: #f00 solid 1px;*/
     box-sizing: content-box;
     text-align: center;
     background: #fff;
     position: relative;
 }

 .third-box .left .goods-nav {
     float: left;
     width: 10%;
     height: 680px;
     border: #000 solid 0px;
     text-align: center;
     background: #fff;
 }

 .third-box .left .goods-box {
     float: left;
     width: 88%;
     height: 250px;
     border: #f00 solid 0px;
     margin: 100px 0px 50px 0px;
     /*margin: 15% 0px 20% 0px;*/
     text-align: center;
 }
 .third-box .left .goods-box img {     
     width: 80%;
 }
 .third-box .left .try_on_wrapper{
     float: left;
     margin-top: 50px;
     width: 100%;
     height: 50px;
     text-align: center;
 }
.third-box .left .try_on_wrapper .try_on_btn{
     /*margin:0 auto;      */
     display:inline-block; 
     width: 150px;
     height: 40px;
     border: #b2e0e5 solid 2px;
     padding: 3px 5px;
     line-height:40px;
     color: #0099A8;
     font-size:16px;
     font-weight:bold;
     text-align:center;
     cursor: pointer;
 }
 .third-box .left .thumb-list {
     float: left;
     width: 550px;
     width: 70%;
     height: 85px;
     border: #000 solid 0px;
     margin-left: 200px;
     margin-left: 25%;
     position: absolute;
     bottom: 50px;
 }

 .third-box .left .thumb-li {
     float: left;
     max-width: 100px;
     width: 20%;
     height: 80px;
     padding: 10px 15px;
 }

 .third-box .left .thumb-list .active {
     border-top: #0099A8 solid 2px;
 }

 .third-box .left .thumb-li img {
     width: 100%;
 }

 .third-box .right {
     float: left;
     width: 30%;
     /*width: auto;*/
     box-sizing: content-box;
     overflow: hidden;
     /*background: #0f0;*/
     /*padding: 30px 0px 0px 30px;*/
     /*border: #00f solid 1px;*/
 }

 .third-box .right .main-title {
     float: left;
     width: auto;
     height: 50px;
     line-height: 50px;
     font-weight: bold;
     font-size: 24px;
     color: #453635;
     padding: 28px 8px 8px 8px;
     border: #0099A8 solid 0px;
     margin-left: 30px;
 }

 .third-box .right .assign-title {
     float: left;
     width: 80%;
     padding: 10px 18px;
     margin-left: 30px;
 }

 .third-box .right .assign-title .size {
     float: left;
     width: 50px;
     text-align: center;
     padding: 5px 8px;
     color: #000;
     font-size: 12px;
     background: #fff;
 }

 .third-box .right .assign-title .size-chart {
     float: left;
     margin-left: 15px;
     width: 150px;
     color: #0099A8;
     padding: 5px 38px;
     font-size: 12px;
     background: url("../imgs/sizeChart.jpg") 0 center no-repeat;
 }

 .third-box .right .price-box {
     float: left;
     width: auto;
     padding: 5px 8px;
     border: #0099A8 solid 0px;
     background: #fff;
     margin-left: 30px;
 }

 .third-box .right .price-box .price {
     float: left;
     width: auto;
     padding: 15px 15px;
     border: #0099A8 solid 0px;
     background: #fff;
     font-size: 48px;
     color: #453635;
 }

 .third-box .right .price-box .price-title-box {
     float: left;
     width: 70%;
     padding: 15px 15px;
     border: #0099A8 solid 0px;
     background: #fff;
     color: #453635;
 }

 .third-box .right .price-box .price-title-box .price-title {
     float: left;
     width: 100%;
     padding: 0px;
     border: #0099A8 solid 0px;
     background: #fff;
     color: #453635;
     font-weight: bold;
     font-size: 16px;
     color: #877874;
 }

 .third-box .right .price-box .price-title-box .price-content {
     color: #877874;
     font-size: 14px;
 }

 .third-box .right .select-lens {
     margin: 50px 0px;
     float: left;
     width: 95%;
     height: 55px;
     line-height: 55px;
     background: #0099A8;
     color: #fff;
     font-weight: bold;
     font-size: 16px;
     text-align: center;
     margin-left: 30px;
 }

 .third-box .right .tryon-box {
     float: left;
     width: 100%;
     height: 45px;
     line-height: 55px;
     color: #0099A8;
     font-weight: bold;
     font-size: 16px;
     text-align: center;
     margin-left: 30px;
 }

 .third-box .right .tryon-box .favorites {
     float: left;
     width: 30%;
     width: auto;
     border: #b2e0e5 solid 2px;
     padding: 0px 0px 0px 15px;
     /*background: url("./imgs/btn-favorites.png") 5px center no-repeat;*/
 }

 .third-box .right .tryon-box .try {
     float: left;
     margin-right: 50px;
     width: 30%;
     width: auto;
     border: #b2e0e5 solid 2px;
     padding: 0px 10px 0px 60px;
     background: url("../imgs/img-vto-model-icon.webp") 5px center no-repeat;
     cursor: pointer;
 }

 .third-box .right .zenni-fit {
     margin-top: 30px;
     float: left;
     width: 100%;
     text-align: right;
     color: #0099A8;
 }

 .third-box .right .review-share-box {
     float: left;
     width: 100%;
     margin-top: 30px;
     margin-left: 30px;
 }

 .third-box .right .review-box {
     float: left;
     width: 30%;
 }

 .third-box .right .review-box .review-title {
     float: left;
     color: #453635;
     font-weight: bold;
     font-size: 16px;
     padding-left: 5px;
 }

 .third-box .right .review-box .review-title span {
     color: #0099A8;
     font-weight: bold;
 }

 .third-box .right .share-box {

     float: left;
     margin-left: 50px;
     width: 30%;
 }

 .third-box .right .share-box .share-title {
     float: left;
     width: 100%;
     color: #453635;
     font-weight: bold;
     font-size: 16px;
     padding-left: 8px;
 }

 .third-box .right .share-box .share-content {
     float: left;
     width: 100%;
     color: #453635;
     font-weight: bold;
     font-size: 16px;
 }

 .contact_box {
     position: fixed;
     /*position: absolute;*/
     left: 20px;
     bottom: 100px;
     width: 300px;
     height: 200px;
     width: auto;
     height: auto;
     border: #ddd solid 1px;
     background: #fff;
     padding: 10px;
     z-index: 88888;
     border-radius: 5px;
     display: none;
 }

 .contact_box .title {
     font-weight: bold;
     font-size: 14px;
     color: #666;
     cursor: pointer;
     /*display: none;*/
 }

 .contact_box .close {
     position: absolute;
     width: 20px;
     height: 20px;
     right: -5px;
     top: -5px;
     text-align: center;
     line-height: 20px;
     border-radius: 10px;
     border: #ddd solid 1px;
     background: #fff;
     cursor: pointer;
     display: none;
 }

 .contact_box .content {
     font-size: 14px;
     display: none;
 }

 .contact_box .content .label {
     font-weight: bold;
     color: #666;
 }

 .contact_box .content .number {
     color: #0099A8;
     font-weight: bold;
 }

 .contact_box .contact_ico {
     width: 70px;
     height: 70px;
     background: url("../imgs/contactus.png") center center no-repeat;
     background-size: 60px 60px;
 }