@charset "utf-8";
/* CSS Document */


.detail{background:#F5F5F5;}
.detail_c{padding:10px 0 40px;}
.detail_nav{line-height:40px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail_nav i{padding:0 10px;}
.detail_nav span{color: #AEB0B7;}

.detail_infor{margin:10px 0 40px;display: flex;justify-content: space-between;align-items: stretch;}

.detail_pic{width: 340px;position: relative;padding:40px 20px 40px 40px;background: #fff;}
.detail_pic_top{width:340px;height: 340px;background: #f9f9f9;position: relative;}
.detail_pic_top li{width:100%;height:100%;}
.detail_pic_top li img{width:100%;height:100%;object-fit:contain;}
.detail_pic_top video{position: absolute;width: 100%;height: 100%;left:0;top: 0;background: #000000;display: none;}
.detail_pic_list{margin:30px 0 10px;display: flex;justify-content: space-between;align-items: stretch;line-height: 50px;}
.swiper_up,.swiper_down{display: inline-block;width:20px;cursor:pointer;}
.swiper_up i,.swiper_down i{font-size: 48px;color: #D9D9D9;}
.swiper_up:hover,.swiper_down:hover{background: #f9f9f9;}
.swiper_cont{width:280px;margin:0 10px;max-height: 50px;} 
.swiper_box{width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper_box li{width:20%;display: flex;justify-content: center;align-items: center;cursor:pointer;box-sizing: border-box;padding:2px;position: relative;}
.swiper_box li img{width:100%;transition: all 0.3s linear;}
.swiper_box li:hover img{transform: scale(1.05);}
.swiper_box li.action{border:1px solid #109995;background: #f5fffe;}
.swiper_box li span{display: inline-block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);color: #fff;display: flex;justify-content: center;align-items: center;font-size: 30px;position: absolute;left: 0;top:0;}

.detail_collect{text-align: center;line-height:20px;margin-left: 15px;}
.detail_collect span{cursor: pointer;display: inline-block;}
.detail_collect span i{margin-right: 0;}
.detail_collect span i.fa-heart{color:red;}
.detail_collect span em{font-style: normal;color:#888;}
.detail_collect span b{display: block;}

.onBox{display: none;position: absolute;left: 400px;top:0px;width:680px;box-sizing: border-box;height: 100%;overflow: hidden;background: #f9f9f9;box-shadow: 0px 3px 10px 4px rgba(38,87,75,0.1);z-index: 2;}
.onBoxc{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.detail_info{width: calc(100% - 710px);box-sizing: border-box;padding:30px 20px;background: #fff;}
.detail_info_basic{padding:0 0 12px;text-align: left;border-bottom:1px solid #D9D9D9;margin:0 25px;}
.detail_info_basic h2{font-size: 20px;color: #2E3231;line-height: 40px;}
.detail_info_basic p{line-height: 24px;padding:4px 0;font-size: 14px;color: #808483;}
.detail_info_basic p b{margin-right:10px;}
.detail_info_basic p em{font-style: normal;display: inline-block;margin:0 3px 5px;line-height: 22px;padding: 0 10px;color: #109995;border:1px solid #109995;}
.detail_info_basic p a{margin:0 10px;}
.detail_info_basic p small{font-size: 26px;color: #FF8550;line-height: 30px;font-weight: bold;}
.detail_info_basic p strong{color:#2E3231;font-size: 15px;}
.detail_info_basicli{line-height: 24px;padding:4px 0;font-size: 14px;color: #808483;}
.detail_info_basicli b{margin-right:10px;}
.detail_info_basicli pre{display: inline;}
.detail_info_basic li{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;font-size: 16px;}
.detail_info_basic li span{display:inline-block;width:48%;box-sizing:border-box;text-align:center;line-height:45px;border:1px solid #D9D9D9;border-radius:8px;margin:10px 0;cursor:pointer;}
.detail_info_basic li span:hover{border:1px solid #3ABEB7;color:#3ABEB7;}
.detail_info_basic li span.action{border: 1px solid #109995;color:#109995;}

.detail_info_two{display: flex;justify-content: space-between;align-items: stretch;margin:15px 25px;}
.detail_info_main{flex: 1;background: #F6F6F6;padding:10px 20px;text-align: left;}
.detail_info_main p{line-height: 24px;padding:4px 0;font-size: 14px;}
.detail_info_main p b{margin-right:15px;}
.detail_info_main p span{font-size: 12px;color: #A1A1A1;}
.detail_info_main p span.orange{color: orange;margin-right:15px;font-size: 18px;}
.detail_info_main p span.action{color: #109995;}
.detail_info_main p i{color:#A1A1A1;margin-right: 7px;}
.detail_info_main2{flex: 1;margin-left:10px;background: #F6F6F6;padding:10px 20px;text-align: left;position: relative;}
.detail_info_main2 p{line-height: 23px;display: flex;align-items: center;}
.detail_info_main2 p b{color: #109995;}
.detail_info_main2 p span img{height:42px;margin-right: 10px;}
.detail_info_main2 p.code{position: absolute;display: inline-block;top:10px;right: 10px;height:70px;transition: all 0.3s linear;}
.detail_info_main2 p.code img{height: 100%;}
.detail_info_main2:hover p.code{top:0;right: 0;height: 100%;}

.detail_info_bt{padding:10px 0;text-align: left;margin:0 25px;display: flex;justify-content: flex-start;align-items: center;}
.detail_info_bt2{justify-content: space-between;align-items: flex-end;}
.detail_info_bt p{display: flex;justify-content: flex-start;align-items: center;}
.detail_info_bt p a{line-height: 60px;display: inline-block;color:#fff;font-weight: bold;text-align: center;font-size: 16px;}
.detail_info_bt p a.join{background: #109995;width:300px;}
.detail_info_bt p a.kefu{background: #F28D61;margin:0 15px;width:140px;}
.detail_info_bt2 p a.exchange,.detail_info_bt2 p a.loginCk{background: #109995;width:300px;}

.detail_info_bt2 p span{display: inline-block;width:30px;height:30px;border: 1px solid #D9D9D9;text-align: center;line-height:30px;font-size:14px;cursor: pointer;color:#2E3231;}
.detail_info_bt2 p span.giftSpan{color: #d9d9d9;}
.detail_info_bt2 p span:hover{border: 1px solid #2E3231;background: #F4F4F4;}
.detail_info_bt2 p span.giftSpan:hover{border: 1px solid #D9D9D9;background: #fff;}
.detail_info_bt2 p b{display: inline-block;margin:0 5px;width:60px;text-align: center;font-size:16px;background: #F4F4F4;line-height:30px;border: 1px solid #D9D9D9;font-weight: normal;}


.detail_navs{width: 100%;max-width: 1400px;display: flex;justify-content: space-between;align-items: center;background: #fff;margin-bottom: 20px;box-shadow: 0px 5px 8px rgba(0,0,0,0.1);box-sizing: border-box;position: sticky;top:0px;z-index:2;}
.detail_navs_ul{width: 100%;}
.detail_navs_ul ul{display: flex;justify-content: flex-start;align-items: center;flex-flow: row nowrap;width: 100%;overflow: hidden;}
.detail_navs_ul ul li{line-height: 54px;}
.detail_navs_ul ul li a{display: inline-block;font-size: 18px;color: #767578;padding:0px 30px;display: flex;justify-content: center;align-items: center;}
.detail_navs_ul ul li a i{display: inline-block;padding: 0 10px;padding-top: 4px;}
.detail_navs_ul ul li.action a{font-size: 22px;color: #fff;background: #109995;}
.detail_navs_ul ul li:hover a{color: #2E3231;}
.detail_navs_ul ul li.action:hover a{color: #fff;}
.detail_down{margin:0px 40px 0 20px;line-height: 50px;font-size: 16px;}
.detail_down p a{color: #339999;display: flex;align-items: center;justify-content: center;}
.detail_down p a span{display: inline-block;}
.detail_down p a i{display: inline-block;font-size: 18px;padding:0 10px;padding-top:4px;}
.detail_down p a:hover{color: #109995;}



.detail_other{width: 260px;padding:20px 30px 10px;margin-left:10px;background: #109995;color:#fff;}
.detail_other_top{position: relative;height: 30px;margin-bottom: 10px;}
.detail_other_top p{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height: 30px;background: #109995;padding:0 25px;font-size: 17px;font-weight: bold;}
.detail_other_top span{display: inline-block;width: 100%;height: 1px;background:#fff;}
.detail_other_li{padding:0;height: 390px;overflow: hidden;}
.detail_other_li li{padding:5px 10px;height: 180px;box-sizing: border-box;background: #fff;border-radius: 4px;}
.detail_other_li li p{line-height:35px;width: 100%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.detail_other_li li p.mypic{height: 130px;margin:5px 0;}
.detail_other_li li p img{width: 100%;transition: all 0.3s linear;height: 100%;object-fit: contain;}
.detail_other_li li:hover p img{transform: scale(1.05);}
.detail_other_span{margin:10px 0 5px;}
.detail_other_span p{line-height: 30px;display: flex;justify-content: space-between;align-items: stretch;}
.detail_other_span p span{display: inline-block;width: 48%;color:#fff;cursor:pointer;border-radius: 4px;text-align: center;}
.detail_other_span p span i{font-size: 35px;}
.detail_other_span p span:hover{background: #fff;color:#109995;}

.detail_main{padding:10px 40px 40px;background: #fff;margin:10px 0;}
.detail_title{text-align: left;}
.detail_title strong{font-size: 24px;line-height:70px;}

.detail_content{font-size: 14px;text-align: left;}
.detail_content p{line-height: 25px;padding:5px 0;position: relative;}
.detail_content img{width: auto;max-width: 100%;}
.detail_content2 img{float: left;}
.detail_content .detail_ctitle{line-height: 55px;font-size:18px;color:#109995;text-align: center;margin:20px 0;}
.detail_content .detail_table{margin:10px 0;width: 100%;display: table;border-top: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9;}
.detail_content .detail_table p{display: table-row;}
.detail_content .detail_table p b,.detail_content .detail_table p span{display: table-cell;vertical-align: middle;text-align: center;border-bottom: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;min-width: 80px;}
.detail_content .detail_table p b{background: #109995;line-height: 40px;color:#fff;}
.detail_content .detail_table p span{line-height: 40px;}
.detail_content .detail_table p:hover span{background: #f9f9f9;}
.detail_content .detail_sizepic{text-align: center;max-width: 100%;overflow: hidden;}
.detail_content .detail_sizepic img{width: auto;max-width: 100%;}

.detail_content table,.detail_content table td {border: 1px solid #000000;border-collapse: collapse;}

.detail_content3{padding:10px 20px;border: 1px solid #eee;background: #f9f9f9;border-radius: 4px;margin:10px 0;}
.detail_content3 a{line-height: 50px;color:#109995;}
.detail_content3 a i{font-size: 22px;color:#B30B00;margin-right: 10px;}
.detail_content3 a:hover{text-decoration: underline;}

.detail_pro{margin:40px 0;padding:25px 40px;background: #fff;text-align: left;}
.detail_pro>p>b{font-size: 28px;line-height: 70px;}

.detail_pro ul{display: flex;justify-content: space-between;align-content:stretch;padding:15px 0;}
.detail_pro ul li{width:24%;box-sizing: border-box;border: 1px solid #CBCDD4;}
.detail_pro_pic{width: 100%;overflow: hidden;height:200px;}
.detail_pro_pic a{display: inline-block;width: 100%;height: 100%;}
.detail_pro_pic a img{width: 100%;transition: all 0.3s linear;height: 100%;object-fit: contain;}
.detail_pro_pic a:hover img{transform: scale(1.05);}
.detail_pro_info{padding:15px;border-top: 1px solid #CBCDD4;}
.detail_pro_info p{padding:5px 0;}
.detail_pro_info p b{width: 100%;display: inline-block;font-size: 20px;font-weight: bold;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail_pro_info p span{display: inline-block;font-size: 14px;color: #6C6F6E;line-height:24px;margin-bottom: 10px;text-indent:2em;}
.detail_pro_info p>a{display: inline-block;line-height: 45px;background: #109995;font-size: 14px;color: #fff;width: 100%;box-sizing: border-box;text-align: center;}
.detail_pro_info p>a:hover{box-shadow: 0px 3px 14px 4px rgba(38,87,75,0.1);}