*{box-sizing: border-box;transition: all .2s ease;}
body{background-color: #F5F5F5;line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:400}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
img{border:none;display:inline-block;max-width: 100%;vertical-align: middle;}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
h4,h5,h6{font-size:100%}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;}
button , input{border: unset;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
hr{height:1px;margin:10px 0;border:0;clear:both}
a{color:#333;text-decoration:none}
a:hover{color:#777}
.height0{height: 0!important;}
.text-hide1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.border-box{box-sizing: border-box;}
.unselect{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}
.clear{clear:both;*zoom:1}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.w1200{display: block;width: 1200px;margin-left: auto;margin-right: auto;max-width: 100%;}
.bg_img{background-position: center;background-size: cover;background-repeat: no-repeat;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.filter5{filter:blur(5px);}

/*加载*/
.wait{display: flex;align-items: center;justify-content: center;position: relative;}
.wait .outer{border: 5px solid rgba(255,69,138, 0.9);opacity: .9;width: 50px;height: 50px;border-top-color: transparent;border-bottom-color: transparent;border-radius: 50%;box-shadow: 0 0 35px rgba(255,69,138, 0.9);animation: spin-right 0.5s linear infinite normal;}
.wait .inner{display: block;width: 30px;height: 30px;border: 5px solid rgba(255,69,138, 0.9);opacity: .9;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;box-shadow: 0 0 35px rgba(255,69,138, 0.9);position: absolute;animation: spin-left 0.5s linear infinite normal;}
@keyframes spin-right { from {transform: rotate(0deg);opacity: 0.2;} 50% {transform: rotate(180deg);opacity: 1.0;} to {transform: rotate(360deg);opacity: 0.2;} }
@-moz-keyframes spin-right { from {-moz-transform: rotate(0deg);opacity: 0.2;} 50% {-moz-transform: rotate(180deg);opacity: 1.0;} to {-moz-transform: rotate(360deg);opacity: 0.2;} }
@-webkit-keyframes spin-right { from {-webkit-transform: rotate(0deg);opacity: 0.2;} 50% {-webkit-transform: rotate(180deg);opacity: 1.0;} to {-webkit-transform: rotate(360deg);opacity: 0.2;} }
@keyframes spin-left { from {transform: rotate(0deg);opacity: 0.2;} 50% {transform: rotate(-180deg);opacity: 1.0;} to {transform: rotate(-360deg);opacity: 0.2;} }
@-moz-keyframes spin-left { from {-moz-transform: rotate(0deg);opacity: 0.2;} 50% {-moz-transform: rotate(-180deg);opacity: 1.0;} to {-moz-transform: rotate(-360deg);opacity: 0.2;} }
@-webkit-keyframes spin-left { from {-webkit-transform: rotate(0deg);opacity: 0.2;} 50% {-webkit-transform: rotate(-180deg);opacity: 1.0;} to {-webkit-transform: rotate(-360deg);opacity: 0.2;} }


/*头部提示*/
.header_tips{height: 47.7px;}
.header_tips > div{padding:7px 10px;background: #FFF5CE;display: flex;align-items: center;justify-content: space-between;}
.header_tips > div .cont{width: calc(100% - 26px);font-size: 12px;}
.header_tips > div .close{width: 16px;cursor: pointer;}

/*头部欢迎*/
.header_other{position: relative;z-index: 102;}
.header_other > div{padding:9px 0;display: flex;align-items: flex-start;justify-content: space-between;font-size: 12px;}
.header_other > div .text{color: #B8B8B8;padding-right: 10px;}
.header_other > div > ul{display: flex; white-space: nowrap;}
.header_other > div > ul > li{display: flex;align-items: center;position: relative;justify-content: center;}
.header_other > div > ul > li:empty{margin: 0 20px;border-left: 1px solid #D9D9D9;}
.header_other > div > ul > li p{color: #3D3D3D;display: flex;align-items: center;height: 16px;cursor: pointer;}
.header_other > div > ul > li p img{width: 12px;margin-left: 5px;}
.header_other > div > ul > li div{padding-top:9px;position: absolute;top: 100%;max-width: unset;pointer-events: none;opacity: 0;}
.header_other > div > ul > li ul{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;}
.header_other > div > ul > li ul li{display: flex;background: #fff;}
.header_other > div > ul > li ul li a{padding: 0 15px;display: block;white-space: nowrap;text-align: center;color: #000000;}
.header_other > div > ul > li ul li:hover{background:#FFF6F3;}

.header_other > div ul > li:hover p img{transform: rotate(180deg);}
.header_other > div ul > li:hover div{pointer-events: auto;opacity: 1;}
.header_other > div ul > li:hover ul li a{padding: 7px 15px;}

/*头部*/
#header1{background: #fff;}
#header1 > div{display: flex;position:relative;align-items: center;height: 80px;}
#header1 .logo img{height: 40px;}
#header1 .logo{height: 40px;}
#header1 .cont{padding: 0 15px;}
#header1 .search{position: absolute;right: 0;height: 40px;width: 372px;border-radius: 6px;background: #EFEFEF;display: flex;justify-content: flex-end;}
#header1 .search ul{width: 40px;border-radius: 6px;background: #EFEFEF;position: absolute;left: 0;overflow: hidden;height: 40px;display: flex;flex-wrap: wrap;}
#header1 .search ul li{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;order: 2;}
#header1 .search ul li img{width: 20px;pointer-events: none;}
#header1 .search ul li:hover{background: #FFF6F3;cursor: pointer;}
#header1 .search ul li.on{order: 1}
#header1 .search ul.active{height: auto;}
#header1 .search input{width: 100%;background: rgba(0,0,0,0);padding-left: 45px;padding-right: calc(45px - 1em);outline: none;border-radius: 6px;}
#header1 .search button{width: 48px;border-radius: 0 6px 6px 0;background: #FF6600;cursor: pointer;position: absolute;top: 0;right: 0;height: 100%;}
#header1 .search button img{width: 20px;}
#header1 .search button:active{padding-top: 5px;}


nav{padding-top:10px}
nav .nav{height:40px;display:flex;align-items:center;width:1200px;margin:auto;border-bottom:2px solid #FF6600}
nav .nav li{margin-left:30px}
nav .nav li a{color:#414141;font-size:16px;display:flex;align-items:center}
nav .nav li a img{height:16px;margin-right:2px}
nav .nav li.on a,.nav li:hover a{color:#000;font-weight:bold}
nav .nav li .news{color:#ff0000 !important}
nav .navtow{height:40px;display:flex;align-items:center;width:1200px;margin:auto}
nav .navtow li{margin-left:40px}
nav .navtow li a{color:#414141;font-size:16px;display:flex;align-items:center}
nav .navtow li a img{height:16px;margin-right:2px}
nav .navtow li.on a,.navtow li:hover a{color:#000;font-weight:bold}
nav .navtow li .news{color:#ff0000 !important}
.model{background:#fff;border-radius:10px;padding:20px;position:relative;overflow:hidden}
.loading{position:absolute;width:100%;height:100%;z-index:100;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}
.loading.on{background:rgba(0,0,0,0.6);pointer-events:unset;opacity:1}
#backTop{width:40px;height:40px;position:fixed;bottom:25px;right:15px;background:#FF6600;transition:all 200ms;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;z-index:-1}
#backTop img{width:30px}
#backTop.on{opacity:1;z-index:102}

/*分页*/
.pages{margin-bottom: 20px;}
.pages .model{padding: 10px 20px;}
#pages{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;padding-top: 5px;}
#pages.no{padding: 0;}
#pages a{overflow: hidden;border-radius: 30px;min-width: 30px;height: 30px;display: flex;align-items: center;padding: 0 10px;color: #666666;justify-content:center;text-align: center;margin:0 5px 5px 0;cursor: pointer;position:relative;z-index: 1;}
#pages a::before{content: '';position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to right,#FF438E , #FF6060);transition: opacity .2s ease;opacity: 0;z-index: -1;}
#pages a.now, #pages a:not(.no):hover{color: #fff;}
#pages a.now::before, #pages a:not(.no):hover::before{opacity: 1;}
#pages .no{cursor: not-allowed;color: #dcd9d9;}
#pages .ts{margin-bottom: 5px;margin-right: 5px;}
#pages .none{font-weight: bold;font-size: 20px;line-height: 50px;}
#pages .none i{font-size: 35px;color:#E4332D;margin-right: 10px;vertical-align: sub;}

/*左侧悬浮*/
.left_nav{width:150px; height:54px; position:fixed; left:50%; margin-left:-750px; z-index:1000; }
.left_nav a{letter-spacing: 2px;margin:10px 10px 10px 0;display:block;width: 140px;height: 44px;background: #fff;font-size: 18px;line-height: 44px;text-align: center;border-radius: 10px;color: #FF6600;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.left_nav a:hover{transform: scale(1.05);}
.left_nav .btn-origin{background: #FF6600;color: #fff;}
.left_nav .bpd{line-height: 20px;padding-top: 5px;height: 50px;}
.left_nav .bpd p{color: #0282FF;font-size: 12px;letter-spacing: 0;}

/*首页*/
.new_order{padding: 20px 0;}
.new_order > div{display: flex;align-items: center;justify-content: space-between;}
.new_order .top{display: flex;}
.new_order .top img{height: 24px;vertical-align: text-bottom;}
.new_order .top span{font-size: 20px;font-weight: 700;color: #000;margin-left: 10px;}
.new_order .list{width: calc(100% - 150px);}
.new_order .item{height: 40px;border-radius: 40px;background: #EEEEEE;display: inline-block;width: auto;}
.new_order .item p{display: flex;padding: 4px;align-items: center;font-size: 16px;line-height: 22px;}
.new_order .item span:nth-child(1){display: flex;height: 32px;width: 32px;border-radius: 32px;background: #fff;justify-content: center;align-items: center;overflow: hidden;}
.new_order .item span:nth-child(2){font-weight: 700;color:#FF4923;margin-left: 10px;}
.new_order .item span:nth-child(3){color: #858585;margin:0 10px;}

.num{margin-bottom: 20px;}
.num .top{display: flex;align-items: center;justify-content: space-between;}
.num .top p{display: flex;align-items: center;}
.num .top p:nth-child(1){font-size: 20px;font-weight: 700;color: #000;line-height: 30px;}
.num .top p:nth-child(1) img{height: 20px;margin-right: 5px;}
.num .top a{color: #409FF1;cursor: pointer;display: flex;align-items: center;justify-content: space-between;margin-left: 40px;}
.num .top a img:first-child{height: 20px;}
.num .top a img:last-child{height: 14px;}
.num .top a img.rotate{transform: rotate(360deg);}
.num .top a:nth-child(1){margin-left: 0;}

.num .no_result{font-weight: bold;font-size: 20px;line-height: 50px;width: 100%;text-align: center;}
.num .no_result i{font-size: 35px;color:#E4332D;margin-right: 10px;vertical-align: sub;}

.num .list{display: flex;flex-wrap: wrap;margin-top: 20px;}
.num .list .item{width: calc((100% - 123px ) / 3);padding: 12px 0 0 12px;margin-bottom: 40px;margin-right: 60px;}
.num .list .item:nth-child(3n){margin-right: 0;}
.num .list .item a{display: flex;width: 100%;padding: 13px 18px;flex-wrap: wrap;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);border-radius: 20px;position: relative;}
.num .list .item .bg_img{width: 122px;height: 122px;position: relative;left: -30px;top: -25px;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);border-radius: 20px;}
.num .list .item .info{width: calc(100% - 122px);}
.num .list .item .info li{display: flex;margin-bottom: 5px;}
.num .list .item .info li span:nth-child(1){margin-right: 10px;color: #000;font-size: 14px;white-space: nowrap;}
.num .list .item .info li p{align-items: center;display: flex;flex-wrap: wrap;}
.num .list .item .info li p img{height: 16px;}
.num .list .item .info .number p{font-size: 16px;color: #FF5E00;font-weight: 400;}

.num .list .item:hover{transform: scale(1.05);}

.num .list .item .btm{border-top: 1px solid #F5F5F5;display: flex;align-items: center;padding-top: 9px;position: relative;width: 100%;justify-content: space-between;}
.num .list .item .btm p:nth-child(1){font-size: 12px;color: #000;}
.num .list .item .btm p:nth-child(2){font-size: 16px;font-weight: 700;color: #FF2C00;white-space: nowrap;padding-left: 10px;}

.hyp img{transition: 1s all ease;}

#load_elem{height: 80px;width: 100%;position: relative;}
#load_elem .loading.on{background: unset;}

/*自动发货*/
#zd{margin-bottom: 200px;}
.zd_num{margin-bottom: 10px;border-radius: 5px;}
.zd_num:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
.zd_num .top{display: flex;align-items: center;justify-content: space-between;}
.zd_num .top p{display: flex;align-items: center;}
.zd_num .top p{font-size: 14px;font-weight: 600;color: #000;}
.zd_num .top p img{height: 14px;margin-right: 5px;}
.zd_num .list{text-align: center;width: 100%;margin-top: 10px;}
.zd_num .list thead tr{cursor: default;border-top: 1px solid rgba(204,204,204,0.35);}
.zd_num .list thead th{padding: 10px 15px;font-size: 14px;}
.zd_num .list tbody tr{border-top: #E8E8E8 1px solid;cursor: default;}
.zd_num .list tbody tr:hover{background: #ececec;}
.zd_num .list tbody td:nth-child(1){font-weight: bold;}
.zd_num .list tbody td{padding: 15px;}
.zd_num .list tbody td a{padding: 6px 14px;background: #ff6600;color: #fff;font-size: 12px;border-radius: 3px;}
.zd_num .list tbody td a:active{box-shadow: 0 0 0 0.2rem rgba(255,102,0,0.6);}

#zd_detail{margin-bottom: 20px;}
#zd_detail .top{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;padding: 25px 10px;}
#zd_detail .top:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
#zd_detail .top .left{width: 230px;padding: 0 15px;}
#zd_detail .top .left .zd_img{width: 100%;margin-bottom: 30px;}
#zd_detail .top .left .zd_img:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
#zd_detail .top .left .ewm{background: #fff;overflow: hidden;border-radius: 5px;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);margin-bottom: 30px;}
#zd_detail .top .left .ewm:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
#zd_detail .top .left .ewm .ewm_img{width: calc(100% - 30px);margin-top: 15px;}
#zd_detail .top .left .ewm p{margin-top: 15px;text-align: center;background: #f0f0f0;width: 100%;padding: 5px 10px;font-size: 12px;}

#zd_detail .top .right{width: calc(100% - 230px);padding:0 15px;}
#zd_detail .top .right .p1{display: flex;align-items: center;justify-content: space-between;width: 100%;}
#zd_detail .top .right .name{font-size: 22px;line-height: 1.2;font-weight: 600;margin:15px 0 ;color: #222;}
#zd_detail .top .right .price{color: #FF2C00;font-size: 24px;}
#zd_detail .top .right .item{margin-top: 15px;}
#zd_detail .top .right .item_name{font-weight: bold;line-height: 26px;border-bottom: 1px solid #ededed;margin-bottom: 10px;}
#zd_detail .top .right .item_cont{display: flex;align-items: center;position: relative;}
#zd_detail .top .right .item input{height: 44px;width:100%;border: 1px solid #cccccc;padding:0 12px;}
#zd_detail .top .right .item input::-webkit-outer-spin-button, #zd_detail .top .right .item input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0;}
#zd_detail .top .right .item input[type="number"]{-moz-appearance: textfield;}
#zd_detail .top .right .item button{height: 44px;width: 55px;display: flex;align-items: center;justify-content: center;background:#ebebeb;font-size: 26px;cursor: pointer;white-space: nowrap;}
#zd_detail .top .right .item input:focus{box-shadow: 0 0 0 0.2rem rgba(255,102,0,0.5);z-index: 2;border-color:#ff6600;}
#zd_detail .top .right .item button img{width: 20px;}
#zd_detail .top .right .numb input{width: calc(100% - 110px);text-align: center;}
#zd_detail .top .right .numb button:first-child{font-size: 14px;}
#zd_detail .top .right .numb button:focus{box-shadow: 0 0 0 0.2rem rgba(255,102,0,0.5);z-index: 2;}
#zd_detail .top .right .xdxx input{width: calc(100% - 55px);}
#zd_detail .top .right .phone input{width: calc(100% - 55px);}
#zd_detail .top .right .date input{width: calc(100% - 55px);}
#zd_detail .top .right .date2 input{width: calc((100% - 75px) / 2 );}
#zd_detail .top .right .date2 span{width: 20px;text-align: center;}
#zd_detail .top .right .numb2 input{width: calc(100% - 260px);}
#zd_detail .top .right .numb2 .radio{margin-left: 20px;}
#zd_detail .top .right .radio{display: flex;flex-wrap: wrap;font-size: 16px;}
#zd_detail .top .right .radio > div{display: flex;align-items: center;cursor: pointer;}
#zd_detail .top .right .radio > div:not(:last-child){margin-right: 15px;}
#zd_detail .top .right .radio input{display: none;}
#zd_detail .top .right .radio span{display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #ff6600;margin-right: 3px;position: relative;}
#zd_detail .top .right .radio span::before{content: '';display: block;width: 0;height: 0;border-radius: 50%;background: #ff6600;transition: all .2s;position: absolute;}
#zd_detail .top .right .radio input:checked + span::before{width: 8px;height: 8px;}
#zd_detail .top .right .radio input:checked + span + p{color: #ff6600;}

#zd_detail .top .right .buy{margin-top: 15px;}
#zd_detail .top .right .buy button{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;border: 1px solid rgba(255,87,0,1);cursor: pointer;background-image: linear-gradient(to right,#FF7700,#FF4E00);color: #fff;font-size: 15px;letter-spacing: 2px;}
#zd_detail .top .right .buy button:hover{opacity: 0.9;}
#zd_detail .top .right .buy button:focus{box-shadow: 0 0 0 0.2rem rgba(255,102,0,0.5);border-radius: 3px;}
#zd_detail .top .right .buy button.no{background: #e2e2e2;border-color:#e2e2e2;width: 120px;}
#zd_detail .top .right .detail_cont{margin-top: 15px;border-top:1px solid #ededed;padding: 15px 0;}
#zd_detail .top .right .detail_cont .cont_name{margin-bottom: 15px;}
#zd_detail .top .right .detail_cont .detail_rq{display: flex;}
#zd_detail .top .right .detail_cont .detail_rq > div{width: 100%;}
#zd_detail .top .right .detail_cont .detail_rq > div:nth-child(2){padding-left: 20px;}
#zd_detail .top .right .detail_cont .detail_rq.imgs >div{width: 50%;}

#zd_detail .cont{margin-top: 20px;padding:30px 40px;}


/*筛选*/
.where{margin-bottom: 20px;}
.where .item{display: flex;line-height: 30px;margin-bottom: 20px;}
.where .item .name{white-space: nowrap;color: #414141;margin-right: 30px;}
.where .item .value{display: flex;flex-wrap:wrap;}
.where .item .value button:not(.submit){white-space: nowrap;height: 30px;border-radius: 6px;background: transparent;padding: 0 10px;margin-right: 20px;min-width: 80px;cursor: pointer;position: relative;top:0;overflow: hidden;z-index: 1;margin-bottom: 10px;color: #6E6E6E;}
.where .item .value button:not(.submit)::before{content: '';position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to right,#FF438E , #FF6060);transition: opacity .2s ease;opacity: 0;z-index: -1;}
.where .item .value button.on , .where .item .value button:hover{color: #fff;}
.where .item .value button.on::before , .where .item .value button:hover::before{opacity: 1;}
.where .item .value label{display: flex;margin-right: 30px;color: #6E6E6E;align-items: center;}
.where .item .value label p{height: 30px;width: 150px;overflow: hidden;border-radius: 6px;background: #F5F5F5;display: flex;position: relative;}
.where .item .value label p input{position: absolute;width: calc(100% + 2em);height: 100%;background-color: transparent;padding-left: 10px;max-width: unset;}
.where .item .value .submit{height: 30px;border-radius: 6px;background-image: linear-gradient(to right,#FF438E , #FF6060);padding: 0 10px;color: #fff;cursor: pointer;position: relative;top:0;}
.where .item .value button:active{top:-3px;}
.where .select{padding:5px 10px;background: #F5F5F5;border-radius: 10px;display: flex;justify-content: space-between;}
.where .select > div{display: flex;width: calc(100% - 70px);}
.where .select > div > p{white-space: nowrap;color:#000;margin: 5px 0;line-height: 25px;}
.where .select .items{display: flex;flex-wrap: wrap;}
.where .select .items p{font-size: 12px;color: #FF2A4C;display: flex;align-items: center;padding: 4px 7px;background: #FFE8EC;border-radius: 4px;margin: 5px 10px 5px 0;}
.where .select .items p img{height: 12px;cursor: pointer;margin-left: 5px;}

.where .select > p{font-size: 12px;display: flex;align-items: center;cursor: pointer;line-height: 25px;position: relative;white-space: nowrap;}
.where .select > p a{color:#FF0000;height: 20px;display: flex;align-items: center;}
.where .select > p img{height: 14px;margin-right: 5px;position: relative;}

/*新闻*/
.news_list{margin-bottom: 20px;}
.news_list .list{display: flex;flex-wrap: wrap;}
.news_list .item{width: calc((100% - 64px) / 4);margin-right: 20px;margin-bottom: 20px;}
.news_list .item .img{border: 1px solid #D1D1D1;display: flex;justify-content: center;position: relative;overflow: hidden;align-items: center;}
.news_list .item .img::before{content: '';display: block;width: 100%;padding-top: 80%;}
.news_list .item .img img{position: absolute;min-width: 100%;min-height: 100%;}
.news_list .item .title{text-align: center;padding: 5px;color: #ff0000;}
.news_list .item:nth-child(4n){margin-right: 0;}
.news_list .item:nth-last-child( -n + 4){margin-bottom: 0;}
.news_list .item:hover .img img{transform: scale(1.05);}

.news_detail{margin-bottom: 20px;position: relative;}
.news_detail .lll{position: absolute;right: 20px;top:20px;display: flex;align-items: center;padding: 3px 6px;background: #e2e2e2;cursor: default;}
.news_detail .lll img{height: 20px;margin-right: 5px;}
.news_detail .title{font-size: 22px;font-weight: bold;text-align: center;margin: 20px 0;}
.news_detail .cont{margin-bottom: 20px;line-height: 25px;border-bottom: 1px solid #D1D1D1;padding-bottom: 30px;}
.news_detail .syy{display: flex;flex-wrap: wrap;line-height: 30px;}
.news_detail .syy > div{display: flex;align-items: center;width: 50%;}


/*详情*/
#detail .top{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
#detail .top .left{width: calc(100% - 220px);display: flex;position: relative;padding: 30px 60px 30px 30px;overflow: visible;}
#detail .top .left .left_img{position: relative;width: 188px;height: 227px;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);border-radius: 10px;left: -50px;display: flex;align-items: center;justify-content: center;}
#detail .top .left .left_img .img{background-size: cover;width: 150px;height: 150px;}
#detail .top .left .left_img .lll{position: absolute;bottom: 0;display: flex;align-items: center;color: #CBCBCB;font-size: 12px;transform: translateY(calc(100% + 10px));}
#detail .top .left .left_img .lll img{height: 16px;margin-right: 5px;}
#detail .top .left .left_info{padding-left: 10px;width: calc(100% - 188px);color: #000;font-size: 16px;}
#detail .top .left .left_info .sm{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
#detail .top .left .left_info .sm p{display: flex;flex-wrap: wrap;align-items: center;}
#detail .top .left .left_info .sm p span:nth-child(2){font-size: 26px;}
#detail .top .left .left_info .sm .price span:nth-child(2){ font-weight: 700;color: #FF2C00;}
#detail .top .left .left_info .list{border-radius: 10px;padding: 10px;background: #F5F5F5;display: flex;flex-wrap: wrap;margin-top: 10px;}
#detail .top .left .left_info .list > div{width: 50%;display: flex;align-items: center;line-height: 30px;}
#detail .top .left .left_info .list > div p{display: flex;align-items: center;flex-wrap: wrap;}
#detail .top .left .left_info .list > div span:nth-child(1){white-space: nowrap;}
#detail .top .left .left_info .list > div img{height: 16px;}
#detail .top .left .left_info .list > div .green{color: #0dcb35;font-weight: bold;}
#detail .top .left .left_info .list > div .gray{color: #BFBFBF;}

#detail .top .left .left_info .moke{display: flex;flex-wrap: wrap;margin-top: 20px;padding:0 10px;}
#detail .top .left .left_info .moke > p{width: 50%;display: flex;align-items: center;margin-bottom: 10px;}
#detail .top .left .left_info .moke > p span{display: flex;align-items: center;}
#detail .top .left .left_info .moke > p img{height: 16px;}

#detail .top .left .left_info .pay {padding:0 10px;display: flex;margin-top: 10px;}
#detail .top .left .left_info .pay > span{white-space: nowrap;line-height: 40px;}
#detail .top .left .left_info .pay > div p button{min-width: 110px;height: 40px;border-radius: 6px;background: #F5F5F5;color: #000;cursor: pointer;padding: 0 10px;margin-right: 10px;}
#detail .top .left .left_info .pay > div p button.on{background: #FFE8EC;color: #FF294B;font-weight: bold;}
#detail .top .left .left_info .pay > div .pay_btn{width: 150px;height: 40px;border-radius: 40px;background-image: linear-gradient(to right ,#FF7700 , #FF4E00);color: #fff;cursor: pointer;}
#detail .top .left .left_info .pay > div .pay_btn:active{padding-bottom: 3px;}

#detail .top .right{width: 200px;padding: 10px;}
#detail .top .right .list{padding: 15px 8px 0 8px;font-size: 12px;}
#detail .top .right .p1{display: flex;line-height: 20px;background: #F5F5F5;color: #000;}
#detail .top .right .p1 img{height: 20px;margin-right: 10px;}
#detail .top .right .p2{display: flex;line-height: 20px;align-items: center;margin-bottom: 5px;}
#detail .top .right .p2 span:nth-child(1){white-space: nowrap;margin-right: 5px;}
#detail .top .right .p2 span:nth-child(2){display: flex;align-items: center;}
#detail .top .right .p2 img{height: 12px;}
#detail .top .right .p2 a{color: #0077FF;}

#detail .tab .tab_top{height:60px;display: flex;align-items: flex-end;padding-bottom: 10px;position: relative;margin-bottom: 10px;}
#detail .tab .tab_top .tab_index{display: flex;font-size: 20px;color: #000;cursor: pointer;justify-content: center;width: 160px;margin-right: 10px;}
#detail .tab .tab_top .tab_index.on{font-size: 30px;}
#detail .tab .tab_top .tab_bar{display: block;width: 40px;height: 4px;position: absolute;bottom: 3px;background: #FF294B;}
#detail .tab .tab_list .tab_item{opacity: 0;pointer-events: none;height: 0;overflow: hidden;}
#detail .tab .tab_list .tab_item.on{opacity: 1;pointer-events: unset;height: auto;}

#detail .detail_cont{padding: 40px;margin-bottom: 20px;}

#detail .hmtq{display: flex;align-items: center;justify-content: center;padding: 40px;flex-direction: column;}
#detail .hmtq .input{width: 400px;height: 40px;border-radius: 6px;background: #F5F5F5;padding-left: 10px;margin-bottom: 20px;border: 1px solid rgba(223,223,223,1);}
#detail .hmtq p{width: 400px;display: flex;justify-content: space-evenly;}
#detail .hmtq p .btn{display: flex;align-items: center;justify-content: center;width: 150px;height: 40px;border: 1px solid rgba(255,87,0,1);border-radius: 20px;background: #fff;color: #FF5700;cursor: pointer;}
#detail .hmtq p .btn:nth-child(1){background-image: linear-gradient(to right,#FF7700,#FF4E00);color: #fff;}

.pay_form{position: fixed;z-index: 200;top:0;left: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.3);width: 100%;height: 100vh;opacity: 0;pointer-events: none;}
.pay_form .container{width: 400px;height: 380px;background: #fff;border-radius: 20px;display: flex;align-items: center;flex-direction: column;position: relative;}
.pay_form .container .close{border-radius: 50%;width:30px;height: 30px;cursor: pointer;position: absolute;right:10px;top:10px;}
.pay_form .container .logo{height: 40px;margin-top: 70px;}
.pay_form .container input{height: 40px;width: 300px;border-radius: 8px;background: #F5F5F5;padding-left: 10px;margin-top: 60px;}
.pay_form .container button{display: flex;align-items: center;justify-content: center;width: 300px;height: 40px;border: 1px solid rgba(255,87,0,1);border-radius: 20px;cursor: pointer;background-image: linear-gradient(to right,#FF7700,#FF4E00);color: #fff;margin-top: 40px;}
.pay_form .container button:active{padding-bottom: 3px;}
.pay_form.on{opacity: 1;pointer-events: unset;}

#order .d1{margin-bottom: 20px;padding: 55px 110px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#order .left{width: 100%;}
#order .left .list{display: flex;flex-wrap: wrap;font-size: 16px;}
#order .left .list div{width: 50%;display: flex;align-items: center;line-height: 20px;padding-bottom: 10px;}
#order .left .list div p{display: flex;align-items: center;}
#order .left .list .price p span{color: #FF4E00;font-size: 20px;font-weight: bold;}
#order .left .cont{border-radius: 10px;background-color: #F5F5F5;padding: 20px;line-height: 30px;margin-top: 20px;}
#order .left .pay_btns{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#order .ywczf{margin:40px auto 0 auto;display: flex;align-items: center;justify-content: center;width: 200px;height: 40px;border: 1px solid rgba(255,87,0,1);border-radius: 20px;cursor: pointer;background-image: linear-gradient(to right,#FF7700,#FF4E00);color: #fff;}
#order .ywczf:active{padding-bottom: 3px;}
#order .left .qxdd{background: gray;border-color: gray;}
#order .right{width:250px;padding: 20px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
#order .right .title{font-size: 22px;}
#order .right .type{display: flex;justify-content: center;flex-direction: column;align-items: center;}
#order .right .type button{font-size: 18px;display: flex;align-items: center;width: 140px;height: 40px;border: none;color: #000;margin-top:10px;cursor: pointer;}
#order .right .type button img{background: #fff;width: 30px;height: 30px;margin-right: 10px;border-radius: 5px;margin-left: 20px}
#order .right .type button:last-child{margin-right: 0;}
#order .right .type button:active{padding-bottom: 3px;}

/*订单筛选*/
#order_list{margin-bottom: 20px;min-height: 300px;}
#order_list .search{display: flex;align-items: center;}
#order_list .search input{border: unset;width: 200px;background:#efefef;padding-left: 15px;outline: none;border-radius: 6px 0 0 6px;height: 40px;position: relative;z-index: 1;}
#order_list .search button{outline: 0;border: unset;width: 48px;border-radius: 0 6px 6px 0;background: #FF6600;cursor: pointer;height: 40px;position: relative;z-index: 1;}
#order_list .search button img{width: 20px;}
#order_list .search input:focus , #order_list .search button:focus{box-shadow: 0 0 0 0.2rem rgba(255,102,0,0.5);z-index: 2;}
#order_list .list{display: flex;flex-direction: column;margin-top: 20px;}
#order_list .list .item{display: flex;flex-wrap: wrap;padding: 15px;border: 1px solid #eee;cursor: pointer;}
#order_list .list .item p{width: 100%;font-size: 14px;line-height: 24px;}
#order_list .list .item:not(:last-child){margin-bottom : 20px;}

.order_color0{color:#FF5722!important;}
.order_color1{color:#5FB878!important;}
.order_color2{color:#009688!important;}
.order_color3 , .order_color4{color:#e2e2e2!important;}

.ywc{position: fixed;z-index: 200;top:0;left: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.3);width: 100%;height: 100vh;opacity: 0;pointer-events: none;}
.ywc .container{width: 400px;height: 320px;background: #fff;border-radius: 20px;display: flex;align-items: center;flex-direction: column;position: relative;}
.ywc .container .close{border-radius: 50%;width:30px;height: 30px;cursor: pointer;position: absolute;right:10px;top:10px;}
.ywc .container .payok{font-size: 20px;font-weight: bold;color: #000;margin-top: 60px;display: flex;align-items: center;}
.ywc .container .payok img{height: 26px;margin-right: 5px;}
.ywc .container .cont{width: 340px;padding: 20px;border-radius: 10px;background: #f5f5f5;margin-top: 30px;}
.ywc .container button{display: flex;align-items: center;justify-content: center;width: 150px;height: 40px;border: 1px solid rgba(255,87,0,1);border-radius: 20px;cursor: pointer;background-image: linear-gradient(to right,#FF7700,#FF4E00);color: #fff;margin-top: 30px;}
.ywc .container button:active{padding-bottom: 3px;}
.ywc.on{opacity: 1;pointer-events: unset;}

/*图文页*/
#text{margin-bottom: 20px;min-height: calc(100vh - 400px);}

/*首页底部*/
.index_btm{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 20px;}
.index_btm > div{width: 25%;padding:20px 10px 10px 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.index_btm > div img{width: 50px;}
.index_btm > div p:nth-child(2){font-size: 18px;color: rgb(51, 51, 51);font-weight: bold;line-height: 1.5;margin-top: 10px;}
.index_btm > div p:nth-child(3){font-size: 13px;color: rgb(153, 153, 153);}

/*位置*/
.weizhi{padding: 10px 0;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}
.weizhi .w1200{display: flex;flex-wrap: wrap;align-items: center;}
.weizhi a{color:#CBCBCB;font-size: 12px;}
.weizhi a:hover{color:#000;}
.weizhi a:not([href]){cursor: default;}
.weizhi img{margin: 0 5px;height: 12px;pointer-events: none;}

/*购买流程*/
.liucheng{margin-bottom: 20px;}
.liucheng .top{display: flex;align-items: center;justify-content: space-between;}
.liucheng .top > p{font-size: 20px;font-weight: 700;color: #000;line-height: 30px;display: flex;align-items: center;}
.liucheng .top > p img{height: 22px;margin-right: 5px;}
.liucheng .top .desc{font-size: 12px;}
.liucheng .list{display: flex;align-items: center;justify-content: center;padding: 40px 0 10px 0;}
.liucheng .list > div{margin-bottom: 10px;}
.liucheng .list .item{width: 58px;height: 58px;border-radius: 50%;background: #00A9FF;display: flex;align-items: center;justify-content: center;color: #fff;}
.liucheng .list .item p{width: 2em;}
.liucheng .list .jt{margin: 0 25px 10px 25px;}
.liucheng .list .jt img{width: 40px;}

/*底部常见问题*/
.question{margin-bottom: 20px;}
.question .list{display: flex;flex-wrap: wrap;justify-content: space-around;}
.question .list .item{padding: 0 10px 10px 10px;}
.question .list .item p:nth-child(1){font-size: 16px;font-weight: 700;color:#000;margin-bottom: 20px;}
.question .list .item > div a{font-size: 12px;line-height: 25px;color: #878787;cursor: pointer;}
.question .list .item > div a img{height: 8px;transform: rotate(-90deg);}
.question .list .item > div a:hover{color: #000;}
.question .list .item > div .cont{border-radius: 5px;background: #F5F5F5;overflow: hidden;height: 0;font-size: 12px;}
.question .list .item > div .cont div{padding: 5px;}
.question .list .item > div .on.cont{height: var(--height);}
.question .list .item > div a.on img{transform: rotate(0deg);}

/*底部*/
#footer{padding: 40px 15px;font-size: 12px;}