.main>.left{width:250px; float:left;}
.main>.right{width:725px; float:right;}
.main>.left .left_menu h2{background:#23ac38; color:#fff; font-size:14px; border-radius:5px; padding:0 15px; line-height:40px;}
.main>.left .left_menu li{border-radius:5px; padding:0 15px; margin-top:5px; background:#fff; line-height:40px;}
.main>.left .left_menu li a{color:#333; font-size:14px; line-height:30px; transition: color 0.3s;}
.main>.left .left_menu li a:hover{color:#23ac38;}
.main>.left .left_menu li i.fa-th{color:#23ac38; font-size:12px; line-height:30px; margin-right:5px;}
.main>.left .left_menu li i.fa-chevron-right{float:right; color:#aaa; font-size:12px; line-height:40px;}

.article_list ul{margin:10px 0;}
.article_list li{border-bottom:1px dashed #ddd; line-height:40px; position:relative;}
/*.article_list li::before{content:""; display:inline-block; width:5px; height:5px; background:#333; vertical-align:middle; margin-right:5px;}*/
.article_list li:nth-last-child(1){border:none;}
.article_list li a{color:#333; font-size:14px; transition: color 0.3s;}
.article_list li a:hover{color:#23ac38;}
.article_list li span{color:#aaa; font-size:14px; float:right;}

.catalog_content h1{color:#333; font-size:24px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; font-weight:normal;}

.left_arclist{margin-top:15px; background:#fff;}
.left_arclist h2{background:#05b3d2; color:#fff; font-size:16px; padding:0 15px; line-height:40px;}
.left_arclist ul{border-top:none;}
.left_arclist li{border-bottom:1px dashed #ddd; margin:0 15px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:35px;}
.left_arclist li:nth-last-child(1){border:none;}
/*.left_arclist li::before{content:""; display:inline-block; width:5px; height:5px; background:#333; vertical-align:middle; margin-right:5px;}*/
.left_arclist li a{color:#333; font-size:14px;}
.left_arclist li a:hover{color:#23ac38;}

.article_wrap h1{color:#333; font-size:24px; font-weight:normal;}
.article_wrap .info{padding:10px 0; margin-bottom:10px; border-bottom:1px solid #ddd;}
.article_wrap .info span{color:#aaa; font-size:12px; margin-right:15px;}
.article_wrap article{color:#333; line-height:1.8em;}
.article_wrap article a{color:#23ac38;}

.share{margin-top:30px;}

.article_search .search_input{background:transparent; height:30px; color:#333; padding:0 10px; margin-right:10px; border:1px solid #23ac38; display:inline-block; vertical-align:middle; transition: background 0.3s;}
.article_search .search_input:focus{background:#fff;}
.article_search .search_button{line-height:32px; background:#23ac38; color:#fff; padding:0 20px; cursor:pointer; display:inline-block; vertical-align:middle;}

/*product*/
.product_wrap .left{float:left; width:260px;}
.product_wrap .right{float:right; width:720px;}
.product_pic_wrap{width:240px; height:240px; background:#fff; float:left;}
.product_pic_wrap img{width:240px; height:240px; display:block; object-fit:cover;}
.product_pic_wrap_fixed{position:fixed; top:200%; left:50%; width:600px; height:600px; margin-top:-330px; margin-left:-310px; z-index:10; transition:top 0.3s, opacity 0.3s; opacity:0; background:#fff; padding:50px 10px 10px; box-shadow:0 0 20px 0 rgba(0,0,0,0.5);}
.product_pic_wrap_fixed.show{top:50%; opacity:1;}
.product_pic_wrap_fixed img{width:596px; height:596px; display:block; object-fit:contain; padding:1px; border:1px solid #ddd;}
.product_pic_wrap_fixed .close{position:absolute; top:0; right:0; width:40px; height:40px; line-height:36px; color:#fff; font-size:30px; text-align:center; background:#666; cursor:pointer; z-index:3;}
.matting{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:9;}
.matting.show{display:block;}
.product_wrap .base{background:#fff; border:1px solid #ddd; padding:20px; margin-bottom:20px; overflow:hidden;}
.product_wrap .product_info{float:right; width:418px;}
.product_wrap .product_info .oprice{font-size:12px; color:#aaa; text-decoration:line-through;}
.product_wrap .product_info .price{color:#f90; font-weight:bold;}
.product_wrap .product_info .btn a{display:block; color:#fff; font-size:14px; text-align:center; background:#23ac38; height:35px; line-height:35px; margin:20px auto 0;}
.product_wrap .right .act{background:#fff; border:1px solid #ddd; padding:20px;}
.product_wrap .left .row{font-size:0; margin-bottom:10px;}
.product_wrap .left .key, .product_wrap .left .value{display:inline-block;}
.product_wrap .left .key{color:#333; font-size:14px;}
.product_wrap .left .value{font-size:16px; color:#333;}
.product_wrap .left .value.oprice{font-size:12px; color:#aaa; text-decoration:line-through;}
.product_wrap .left .value.price{color:#f90; font-weight:bold;}
.product_wrap .act{text-align:center;}
.product_wrap .act .inner{display:inline-block; text-align:left;}
.product_wrap .act input{width:40px; line-height:30px; border:1px solid #ddd; margin:0 10px; vertical-align:middle; padding:0 3px; background:#fff; font-size:16px; text-align:center;}
.product_wrap .act i.fa-plus, .product_wrap .act i.fa-minus{display:inline-block; width:20px; height:20px; line-height:20px; border-radius:50px; box-shadow:0 0 5px 0 #666; vertical-align:middle; background:#fff; cursor:pointer; text-align:center; font-size:16px;}
.product_wrap .act i.fa-plus:active, .product_wrap .act i.fa-minus:active{background:#eee;}
.product_wrap .act .btn a{display:inline-block; background:#05b3d2; color:#fff; font-size:14px; text-align:center; line-height:30px; width:130px;}
.product_wrap .act .btn a.a{float:right; background:#666;}
.product_wrap .act .btn a i{font-size:20px; line-height:30px; margin-right:10px;}
.product_wrap .act .btn a.contact{background:#23ac38; width:278px; height:35px; line-height:35px;}
.product_wrap .right h1{color:#333; font-size:20px; margin-bottom:10px;}
.product_wrap .block1 h2{background:#05b3d2; color:#fff; font-size:16px; padding:0 15px; line-height:35px;}
.product_wrap .block1.base h2{background:#23ac38;}
.product_wrap .right table{border-collapse:collapse; width:100%; border:1px solid #ddd;}
.product_wrap .right td{border:1px solid #ddd; line-height:24px; color:#333; font-size:14px; padding:6px;}
.product_wrap .right .key{background:#f8f8f8; width:130px;}
.product_wrap .right .value{background:#fff;}
.product_wrap article{color:#333; line-height:1.8em; background:#fff;}
.product_wrap .set_tab2{display:none;}
.product_wrap .option{border:1px solid #05b3d2; display:inline-block; line-height:30px; padding:0 8px; border-radius:4px; font-size:14px; margin:5px; cursor:pointer;}
.product_wrap .option.active{background: #05b3d2; color:#fff;}
.product_wrap .recommend{margin-bottom:20px;}
.product_wrap .recommend_wrap{background:#fff; border:1px solid #ddd; padding:20px;  overflow:hidden;}
.recommend_wrap .product_item, .recommend_wrap .recommend_item{width:200px;}
.recommend_wrap .recommend_item{border:1px solid #ddd; position:relative; padding:15px 10px 10px 15px; border-radius:4px; cursor:pointer; transition:all 0.2s;}
.recommend_wrap .recommend_item:hover{border-color:#05b3d2;}
.recommend_wrap .recommend_item::after{content:"搭配"; border:1px solid #05b3d2; position:absolute; background:#fff; border-radius:4px; top:-5px; left:-5px; font-size:12px; color:#05b3d2; padding:0 5px;}
.recommend_wrap h4{font-weight:normal; color:#666; font-size:14px;}
.recommend_wrap .recommend_item h4{color:#000; font-size:16px;}
.recommend_wrap h5{font-weight:normal; color:#666; font-size:14px;}
.recommend_wrap .price{font-size:16px; color:#f90; font-weight:bold;}
.recommend_wrap .item{float:left;}
.recommend_wrap .item.plus, .recommend_wrap .item.equal{width:30px; text-align:center; font-size:0; margin:0 10px; height:72px; line-height:72px;}
.recommend_wrap .item.plus span, .recommend_wrap .item.equal span{font-size:30px; color:#666;}
.recommend_wrap .item.total{width:100px; padding-top:15px;}
.recommend_wrap .item.total .price{font-size:20px; color:#f00; font-weight:bold;}
#copy_info{color:#23ac38; margin:10px 0; cursor:pointer;}

.relate_list{background:#fff;}
.relate_list h3.tit{color:#fff; background:#05b3d2; height:38px; line-height:38px; padding:0 20px; font-size:14px; font-weight:bold;}
.relate_list li{padding:20px 0; margin:0 20px; border-top:1px solid #ddd; overflow:hidden;}
.relate_list li:nth-child(1){border-top:none;}
.relate_list li a{padding:0;}
.relate_list li .img{width:192px; height:192px; display:block; object-fit:cover; padding:1px; border:1px solid #ddd; margin:auto;}
.relate_list li h3{margin-top:5px;}
.relate_list li h3 a{color:#333; font-size:14px; font-weight:normal;}
.relate_list li p{color:#888; font-size:14px; margin:10px 0;}
.relate_list li .bot{position:relative;}
.relate_list li span.oprice{color:#aaa; font-size:14px; text-decoration:line-through;}
.relate_list li span.price{color:#f90; font-size:16px; font-weight:bold;}

.contact{background:#fff; margin-bottom:20px; padding-bottom:20px;}
.contact h3.tit{color:#fff; background:#05b3d2; height:38px; line-height:38px; padding:0 20px; font-size:14px; font-weight:bold;}
.contact .con{overflow:hidden; padding:20px 15px 0;}
.contact i{background:#05b3d2; width:45px; height:45px; color:#fff; font-size:30px; line-height:45px; text-align:center; display:inline-block; vertical-align:middle; margin-right:15px; border-radius:45px;}
.contact .text{display:inline-block; vertical-align:middle;}
.contact .text p{color:#05b3d2; font-size:18px;}
.contact .text h4{font-weight:normal; color:#555; font-size:16px;}