ul,li,dl,dd,dt,h1,h2,h3,h4{list-style:none; padding: 0; margin: 0;}
a {text-decoration: none; outline:none;}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body {padding: 0; margin: 0; border: 0;}
body,ul,li,p,h1,h2,h3,h4,button {margin:0; padding:0; font-family:microsoft yahei,helvitica,verdana,tohoma,arial,san-serif;}
body {margin: 0 auto; width: 100%; float: left; background: #f2f2f2;}
ul,li{list-style:none;}
h1,h2,h3,em,b,i {font-style: normal; font-weight: normal;}
button {cursor: pointer; border: none; outline: none;}
button[disabled] {color: #999 !important; background: #ccc !important;}
pre{white-space:pre-wrap;}

.header {position: relative; width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #474747; background: #f9f9f9; overflow: hidden;}
.header a {float: left; width: 60px; height: 45px;}
.header a.return {position: absolute; left: 0; top: 0;}
.header a.return:after {position: absolute; content: ""; left: 20px; top: 15px; width: 14px; height: 14px; border-left: 2px solid #3d3d3d; border-top: 2px solid #3d3d3d; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.header a.save {position: absolute; right: 0; top: 0; color: #333;}

/*---------------首页-------------------*/
.search_box {position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 40px; background: #fff; overflow: hidden;}
.search_box b {position: absolute; left: 0; top: 0; width: 80px; height: 40px; text-align: center; overflow: hidden;}
.search_box b a {float: left; width: 100%; display: block;}
.search_box b img {width: 60px; margin-top: 10px;}
.search_box span {margin: 7px 50px 7px 80px; overflow: hidden; display: block;}
.search_box span input {float: left; width: 100%; height: 26px; border-radius: 13px; color: #333; font-size: 13px; outline: none; background: #eee url(../images/search_ico.png) no-repeat 11px center; border: none; background-size: 18px auto; text-indent: 36px;}
.search_box em {position: absolute; right: 0; top: 0; width: 50px; height: 40px; text-align: center; overflow: hidden;}
.search_box em a {float: left; width: 100%; display: block;}
.search_box em img {width: 20px; margin: 10px auto;}

.pimg,.pimg img {float: left; width: 100%; overflow: hidden;}

.top_nav {position: fixed; z-index: 9999; top: 40px; left: 0; width: 100%; height: 30px; padding-top: 2px; background: #fff; display: flex; white-space: nowrap; overflow-x: auto;}
.top_nav::-webkit-scrollbar {display: none;}
.top_nav ul {width: 100%; flex: 1; margin: 0 10px;}
.top_nav ul li {font-size: 13px; color: #333; line-height: 30px; text-align: center; display: inline-table;}
.top_nav ul li a {color: #333; padding: 0 10px; display: block;}
.top_nav ul li.cur,.top_nav ul li.cur a {color: #ff7b4a;}

.hackbox {height: 72px;}

.banner {position: relative; width: 100%; text-align: center;}
.box {width: 100%; position: relative;}
.box .swiper-wrapper {width: 100%;}
.box .swiper-slide img {float: left; width: 100%;}
.box .swiper-pagination {width: 100%; height: 20px; text-align: center; bottom: -20px; display: flex; align-items: center; justify-content: center;}
.box .swiper-pagination-bullet {margin: 0 3px;}
.swiper-slide,.swiper-wrapper {height: auto !important;}

.cate {float: left; width: 100%; background: #fff; overflow: hidden;}
.cate ul {padding: 20px 0 13px; display: block; overflow: hidden;}
.cate li {float: left; width: 20%; text-align: center; overflow: hidden;}
.cate li a {float: left; width: 100%; display: block;}
.cate li .cpic {float: left; width: 100%; height: 45px; text-align: center; overflow: hidden;}
.cate li .cpic img {width: 45px; height: 45px;}
.cate li .name {float: left; width: 100%; line-height: 30px; color: #717171; font-size: 12px; text-align: center; overflow: hidden;}

.day_bk {float: left; width: 100%; background: #fff; overflow: hidden;}
.day_bk h1 {float: left; width: 100%; line-height: 40px; font-size: 16px; text-indent: 25px; color: #3e3e3e; background: url(../images/huo.png) no-repeat 10px center; background-size: 10px auto;}
.day_bk h1 i {position: relative; font-size: 14px; font-family: arial; padding-left: 15px; text-transform: uppercase;}
.day_bk h1 i:after {content: ""; position: absolute; left: 8px; top: 1px; height: 14px; width: 1px; background: #555;}
.day_bk ul {float: left; width: 100%; padding-bottom: 20px; overflow: hidden;}
.day_bk ul li {float: left; width: 33.33%; overflow: hidden;}
.day_bk ul li a {float: left; width: 100%; display: block;}
.day_bk ul li em {float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.day_bk ul li em img {float: left; width: 100%;}
.day_bk ul li span {float: left; width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #333; padding: 0 10px; text-indent: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; background: url(../images/ico2.png) no-repeat 10px center; background-size: 10px auto; overflow: hidden;}
.day_bk ul li b {float: left; width: 100%; height: 18px; line-height: 18px; font-size: 12px; color: #999; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.qg_list {float: left; width: 100%; background: #fff; overflow: hidden;}
.qg_list .top {float: left; width: 100%; height: 40px; line-height: 40px; display: flex; align-items: center; justify-content: space-between;}
.qg_list .top h1 {font-size: 16px; text-indent: 25px; color: #3e3e3e; background: url(../images/huo.png) no-repeat 10px center; background-size: 10px auto;}
.qg_list .top h1 i {position: relative; font-size: 14px; font-family: arial; padding-left: 15px; text-transform: uppercase;}
.qg_list .top h1 i:after {content: ""; position: absolute; left: 8px; top: 1px; height: 14px; width: 1px; background: #555;}
.qg_list .top .timer {display: flex; align-items: center; padding-right: 10px;}
.qg_list .top .timer .ico {width: 14px; height: 20px; margin-right: 10px; background: url(../images/time.png) no-repeat center; background-size: 14px auto;}
.qg_list .top .timer .colockbox span {float: left; display: block; padding: 0 3px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #fff; border-radius: 3px; margin-right: 5px; background: #3e3e3e;}
.qg_list .top .timer .colockbox span:last-child {margin-right: 0;}
.qg_list ul {float: left; width: 100%; padding: 0 8px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.qg_list ul li {float: left; width: 50%; padding: 3px; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden;}
.qg_list ul li a {float: left; width: 100%; display: block;}
.qg_list ul li em {float: left; width: 100%; overflow: hidden;}
.qg_list ul li em img {float: left; width: 100%;}
.qg_list ul li .name {float: left; width: 100%; height: 26px; line-height: 26px; margin-top: 8px; font-size: 14px; color: #3d3d3d; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.qg_list ul li .count {float: left; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #626262; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.qg_list ul li .count i {color: #fff; letter-spacing: 8px; margin-left: 3px; padding-left: 4px; background: url(../images/price_bg.png) no-repeat center; background-size: 45px auto;}
.qg_list ul li .qgprice {height: 14px; border: 1px solid #000; line-height: 14px; font-size: 12px; padding: 0 6px; color: #3d3d3d; display: inline-block;}
.qg_list ul li .price {display: flex; margin-top: 3px; align-items: center;}
.qg_list ul li .price span {color: #ff7b4a; font-size: 12px;}
.qg_list ul li .price span i {font-size: 14px;}
.qg_list ul li .price b {color: #626262; padding-left: 8px; font-size: 12px; text-decoration: line-through; transform: scale(.8)}

.opularity {float: left; width: 100%; background: #fff; overflow: hidden;}
.opularity h1 {float: left; width: 100%; line-height: 40px; font-size: 16px; text-indent: 25px; color: #3e3e3e; background: url(../images/huo.png) no-repeat 10px center; background-size: 10px auto;}
.opularity h1 i {position: relative; font-size: 14px; font-family: arial; padding-left: 15px; text-transform: uppercase;}
.opularity h1 i:after {content: ""; position: absolute; left: 8px; top: 1px; height: 14px; width: 1px; background: #555;}
.opularity li {float: left; width: 100%; overflow: hidden;}
.opularity li a {float: left; width: 100%; display: block;}
.opularity li em {float: left; width: 100%; overflow: hidden;}
.opularity li em img {float: left; width: 100%;}
.opularity li span {float: left; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 26px; line-height: 26px; margin-top: 8px; font-size: 14px; color: #3d3d3d; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.opularity li b {float: left; width: 100%; padding: 0 12px; margin-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 18px; line-height: 18px; font-size: 12px; color: #ff7b4a; text-overflow: ellipsis; white-space: nowrap; text-indent: 15px; background: url(../images/time2.png) no-repeat 12px center; background-size: 10px auto; overflow: hidden;}

.hot_list {float: left; width: 100%; padding: 10px 0; display: flex; flex-direction: column; overflow: hidden;}
.hot_list h1 {float: left; width: 100%; line-height: 40px; font-size: 16px; text-indent: 25px; color: #3e3e3e; background: url(../images/huo.png) no-repeat 10px center; background-size: 10px auto;}
.hot_list h1 i {position: relative; font-size: 14px; font-family: arial; padding-left: 15px; text-transform: uppercase;}
.hot_list h1 i:after {content: ""; position: absolute; left: 8px; top: 1px; height: 14px; width: 1px; background: #555;}
.hot_list .pro_box {position: relative; min-height: 152px; padding: 0 10px 0 157px; margin: 0 8px 10px; box-shadow: 0 1px 1px rgba(0,0,0,.1); border-radius: 5px; background: #fff; display: flex; flex-direction: column; flex-wrap: nowrap;}
.hot_list .pro_box .pic {width: 132px; height: 132px; position: absolute; left: 10px; top: 10px;}
.hot_list .pro_box .pic img {width: 100%; height: 100%;}
.hot_list .pro_box .name {font-size: 15px; color: #ff7b4a; margin-top: 15px; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hot_list .pro_box .txt {font-size: 13px; color: #626262; margin-top: 5px; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hot_list .pro_box .yprice {font-size: 12px; color: #626262; margin-top: 20px; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hot_list .pro_box .price {font-size: 12px; color: #ff7b4a; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hot_list .pro_box .price i {font-size: 16px;}
.hot_list .pro_box .btn {text-align: right; margin-bottom: 10px;}
.hot_list .pro_box .btn a {padding: 0 15px; line-height: 20px; color: #fff; border-radius: 10px; font-size: 12px; background: #ff7b4a; display: inline-block;}

.quality {float: left; width: 100%; padding-top: 10px; background: #fff; overflow: hidden;}
.quality h1 {float: left; width: 100%; line-height: 40px; font-size: 16px; text-indent: 25px; color: #3e3e3e; background: url(../images/huo.png) no-repeat 10px center; background-size: 10px auto;}
.quality h1 i {position: relative; font-size: 14px; font-family: arial; padding-left: 15px; text-transform: uppercase;}
.quality h1 i:after {content: ""; position: absolute; left: 8px; top: 1px; height: 14px; width: 1px; background: #555;}
.quality ul {float: left; width: 100%; padding: 0 11px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.quality li {float: left; width: 50%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.quality li a {float: left; width: 100%; display: block;}
.quality li em {float: left; width: 100%; overflow: hidden;}
.quality li em img {float: left; width: 100%; border-radius: 5px;}
.quality li span {float: left; width: 100%; padding: 0 12px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: 26px; line-height: 26px; margin-top: 8px; font-size: 15px; color: #626262; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*---------------返回顶部-------------------*/
.backToTop {z-index: 998; position: fixed; visibility: hidden; opacity: 0; bottom: 70px; right: 10px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 0 6px rgba(0,0,0,.3); transition: linear .5s;}
.backToTop img {position: absolute; width: 18px; height: 20px; top: 50%; left: 50%; margin-top: -10px; margin-left: -9px;}
.slow-show {visibility: visible; opacity: 1;}


/*---------------首页1-------------------*/
.banner {position: relative; width: 100%;text-align: center; overflow: hidden;}
.box {width: 100%; position: relative;}
.box .swiper-wrapper {width: 100%;}
.box .swiper-slide img {width: 100%;}
.box .swiper-pagination {width: 100%; height: 10px; text-align: center; bottom: 5px;}
.box .swiper-pagination-bullet {margin: 0 3px;}
.swiper-slide,.swiper-wrapper {height: auto !important;}

.gonggao {float: left; position: relative; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #eee; background: #fff; overflow: hidden;}
.gonggao .gpic {position: absolute; left: 5px; top: 0; width: 35px; height: 35px; text-align: center; overflow: hidden;}
.gonggao .gpic img {width: 20px; height: 20px; margin-top: 7px;}
.gonggao .gtxt {margin-left: 40px; position: relative; height: 35px; font-size: 14px; color: #ff7b4a; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.gonggao .gtxt li {float: left; line-height: 35px; height: 35px; width: 100%; overflow: hidden;}
.gonggao .gtxt li span{color:#999;font-size:12px;}
.gonggao .gtxt li a {float: left; width: 100%; color: #ff7b4a; display: block;}
.gonggao .ggmore{position:absolute;right:10px;top:2px; color:#ff7b4a;font-size:14px;}

.cate {float: left; width: 100%; background: #fff; overflow: hidden;}
.cate ul {padding: 20px 0 13px; display: block; overflow: hidden;}
.cate li {float: left; width: 20%; text-align: center; overflow: hidden;}
.cate li a {float: left; width: 100%; display: block;}
.cate li .cpic {float: left; width: 100%; height: 35px; text-align: center; overflow: hidden;}
.cate li .cpic img {width: 33px; height: 33px;}
.cate li .name {float: left; width: 100%; line-height: 30px; color: #000; font-size: 13px; text-align: center; overflow: hidden;}

.rj_pro_list {float: left; width: 100%; overflow: hidden;}
.rj_pro_list .title {float: left; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #ff7b4a; text-align: center; overflow: hidden;}
.rj_pro_list .title span {position: relative; padding: 0 70px; height: 50px; display: inline-block;}
.rj_pro_list .title span:before {content: ""; position: absolute; right: 0; top: 24px; width: 55px; height: 1px; background: #ff7b4a;}
.rj_pro_list .title span:after {content: ""; position: absolute; left: 0; top: 24px; width: 55px; height: 1px; background: #ff7b4a;}

.rj_pro_list .pro_list {float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.rj_pro_list .pro_list li {float: left; position: relative; padding-bottom: 10px; margin-bottom: 6px; width: 49%; background: #fff; overflow: hidden;}
.rj_pro_list .pro_list li:nth-child(even) {float: right;}
.rj_pro_list .pro_list li a {float: left; width: 100%; display: block;}
.rj_pro_list .pro_list li .proimg {float: left; width: 100%; overflow: hidden;}
.rj_pro_list .pro_list li .proimg img {width: 100%;}
.rj_pro_list .pro_list li .pro_name {float: left; width: 100%; height: 30px; line-height: 30px; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.rj_pro_list .pro_list li .rj_price {float: left; width: 100%; line-height: 30px; font-size: 16px; text-indent: 5px; color: #ff7b4a; overflow: hidden;}
.rj_pro_list .pro_list li .gwc {position: absolute; right: 5px; bottom: 10px; border-radius: 3px; line-height: 26px; font-size: 13px; color: #fff; background: #ff7b4a; overflow: hidden;}
.rj_pro_list .pro_list li .gwc a {width: auto; color: #fff; padding: 0 6px; display: block;}

.rj_pro_list .tj_more {float: left; width: 100%; height: 45px; line-height: 45px; font-size: 15px; color: #008cd6; text-align: center; border-top: 1px solid #ddd; overflow: hidden;}
.rj_pro_list .tj_more a {float: left; width: 100%; color: #008cd6; display: block;}
.rj_pro_list .tj_more span {position: relative; padding-right: 25px; height: 45px; display: inline-block;}
.rj_pro_list .tj_more span:before {content: ""; position: absolute; right: 0; top: 0; width: 16px; height: 45px; background: url(../images/r_ico1.png) no-repeat center right; background-size: 16px auto;}


/*---------------个人中心-------------------*/
.per_top_box {float: left; position: relative; width: 100%; height: 140px; background: url(../images/center_bg.png) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.per_top_box:after {content: ""; position: absolute; right: 15px; top: 50%; width: 14px; height: 14px; border-top: 1px solid rgba(255,255,255,.5); border-right: 1px solid rgba(255,255,255,.5); -webkit-transform: rotate(45deg);}
.per_top_box dl a {float: left; width: 100%; height: 140px; color: #fff; display: block;}
.per_top_box dt {position: absolute; left: 24px; top: 42px; width: 72px; height: 72px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; overflow: hidden;}
.per_top_box dt img {width: 100%; border-radius: 50%;}
.per_top_box dd {margin-left: 120px; color: #fff; overflow: hidden; display: block;}
.per_top_box dd.name {margin-top: 40px; line-height: 30px;}
.per_top_box dd.name span {font-size: 16px; margin-right: 5px; width: 100%; margin-top: 10px; display: block;}
.per_top_box dd.name b {font-style: normal; color: #ffffff; text-indent: 30px; padding-right: 5px; font-size: 13px; line-height: 20px; border-radius: 3px; background: #ff7b4a url(../images/zan_ico.png) no-repeat 5px center; background-size: 18px auto; overflow: hidden; display: inline-block; clear: both;}

.ktx_price {float: left; position: relative; width: 100%; padding: 5px 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; overflow: hidden;}
.ktx_price h1 {float: left; position: relative; width: 100%; font-style: normal; font-weight: normal; line-height: 30px; font-size: 12px; display: flex; justify-content: space-between; color: #999; overflow: hidden;}
.ktx_price h1 span:last-child {color:#ff7b4a;}
.ktx_price h1 span a {color:#ff7b4a; display: block;}
.ktx_price em {float: left; width: 100%; margin: 10px 0; text-align: center; font-size: 40px; color: #ff7b4a; overflow: hidden;}
.ktx_price .cztx_btn {float: left; width: 100%; padding: 10px 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; overflow: hidden;}
.ktx_price .cztx_btn span {float: left; width: 100%; text-align: center;}
.ktx_price .cztx_btn span a {width: 80%; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #ff7b4a; border-radius: 5px; display: inline-block;}
.ktx_price .cztx_btn span:first-child a {background: #848484;}

.pcount {float: left; width: 100%; margin-top: 10px; display: flex; flex-direction: column; background: #fff; overflow: hidden;}
.pcount .title {position: relative; height: 45px; line-height: 45px; padding-left: 10px; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between;}
.pcount .title:after {content: ""; position: absolute; right: 10px; top: 16px; width: 12px; height: 12px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform: rotate(45deg);}
.pcount .title span {font-size: 14px; color: #000;}
.pcount .title em {font-size: 12px; color: #999;}
.pcount .title em a {color: #999; padding-right: 25px; display: block;}
.pcount ul {float: left; width: 100%; overflow: hidden;}
.pcount ul li {float: left; width: 25%; border-right: 1px solid #ebebeb; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.pcount ul li:last-child {border: none;}
.pcount ul li a {float: left; width: 100%; display: block;}
.pcount ul li span {float: left; width: 100%; margin-top: 15px; height: 20px; line-height: 20px; font-size: 12px; color: #555; text-align: center; overflow: hidden;}
.pcount ul li em {float: left; width: 100%; margin-bottom: 15px; height: 20px; line-height: 20px; font-size: 14px; color: #ff7b4a; text-align: center; overflow: hidden;}

.mid_item {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.mid_item .title {position: relative; height: 45px; line-height: 45px; padding-left: 10px; border-bottom: 1px solid #ebebeb; display: flex; justify-content: space-between;}
.mid_item .title:after {content: ""; position: absolute; right: 10px; top: 16px; width: 12px; height: 12px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform: rotate(45deg);}
.mid_item .title span {font-size: 14px; color: #000;}
.mid_item .title em {font-size: 12px; color: #999;}
.mid_item .title em a {color: #999; padding-right: 25px; display: block;}
.mid_item li {float: left; width: 25%; overflow: hidden;}
.mid_item li a {float: left; width: 100%; display: block;}
.mid_item li em {float: left; width: 100%; line-height: 25px; font-size: 20px; text-align: center; color: #ff7b4a; margin-top: 15px; overflow: hidden;}
.mid_item li em img {max-height: 26px;}
.mid_item li span {float: left; width: 100%; line-height: 20px; margin: 8px 0 15px; font-size: 12px; text-align: center; color: #333; overflow: hidden;}

.kuozhan {float: left; width: 100%; height: 45px; line-height: 45px; background: #fff; margin-top: 10px; text-align: center; font-size: 14px; color: #ff7b4a; overflow: hidden;}
.kuozhan a {float: left; width: 100%; color: #ff7b4a; display: block;}

/*---------------绑定手机-------------------*/
.bd_tel {float: left; width: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.bd_tel li {float: left; position: relative; width: 100%; margin-bottom: 10px; overflow: hidden;}
.bd_tel li input {width: 100%; height: 40px; text-indent: 10px; color: #333; font-size: 16px; border: 1px solid #ddd; outline: none; border-radius: 5px; background: #fff;}
.bd_tel li input::placeholder {color: #bbb;}
.bd_tel li em {margin-right: 110px; overflow: hidden; display: block;}
.bd_tel li span {position: absolute; right: 0; top: 0; width: 100px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 14px; color: #fff; text-align: center; overflow: hidden;}
.bd_tel li span a {color: #fff; display: block;}
.bd_tel li span.default {background: #ff7b4a;}
.bd_tel li span.disabled {background: #848484;}

.bd_tel .bd_btn {float: left; width: 100%; padding: 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.bd_tel .bd_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

.yi_txt {float: left; width: 100%; padding: 40px 0 26px; font-size: 16px; color: #333; text-align: center; overflow: hidden;}
.tel_btn1 {float: left; width: 100%; padding: 14px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.tel_btn1 button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #848484; display: block;}
.tel_btn2 {float: left; width: 100%; padding: 14px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.tel_btn2 button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}


/*---------------充值-------------------*/
.cz_box {float: left; width: 100%; background: #fff; overflow: hidden;}
.cz_box .cz_input {float: left; width: 100%; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; overflow: hidden;}
.cz_box .cz_input input {width: 100%; height: 40px; line-height: normal; background: #efefef; border: none; border-radius: 5px; color: #333; font-size: 16px; text-indent: 10px; outline: none; overflow: hidden;}
.cz_box .cz_input input::placeholder {color: #9a9a9a;}

.cz_box .xcbox {float: left; width: 100%; overflow: hidden;}
.cz_box .xcbox ul {padding: 10px 5px; overflow: hidden; display: block;}
.cz_box .xcbox li {float: left; width: 33.33%; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.cz_box .xcbox li a {float: left; width: 100%; height: 40px; line-height: 36px; border: 2px solid #cdcdcd; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-align: center; display: block;}
.cz_box .xcbox li.cur a {border: 2px solid #ff7b4a; background: #ff7b4a; color: #fff;}

.cz_list {float: left; width: 100%; border-top: 1px solid #eee; overflow: hidden;}
.cz_list ul {float: left; width: 100%; background: #fff; overflow: hidden;}
.cz_list li {float: left; position: relative; width: 100%; font-size: 14px; text-indent: 15px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.cz_list li:last-child {border: none;}
.cz_list li em {float: left; font-style: normal; font-weight: normal; font-size: 14px; color: #333;}
.cz_list li b {position: absolute; right: 0; top: 0; height: 45px; width: 100%; text-align: center; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.cz_list li b input[type="radio"] {display: none;}
.cz_list li b [id^="radio-"] + label {background: url(../images/off_radio.png) no-repeat right center; background-size: 26px auto; width: 100%; height: 26px; margin: 9px 0; display: block;}
.cz_list li b [id^="radio-"]:checked + label {background: url(../images/sel_radio.png) no-repeat right center; background-size: 26px auto;}
.cz_list li b [id^="radio-"]:checked + label:after {background: url(../images/sel_radio.png) no-repeat right center; background-size: 26px auto;}
.cz_list .cz_btn {float: left; width: 100%; padding: 40px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.cz_list .cz_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

.cz_box .xcbox li.m-pay-moneySelector-item-selected a {border: 2px solid #ff7b4a; background: #ff7b4a; color: #fff;}
.cz_TransferBalance {text-decoration:underline;color:#ff7b4a;}
.cz_guize img {width:100%;}

/*---------------普通订单-------------------*/
.pt_tab {float: left; width: 100%; height: 45px; line-height: 45px; background: #fff; overflow: hidden;}
.pt_tab li {float: left; position: relative; width: 20%; text-align: center; font-size: 14px; overflow: hidden;}
.pt_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.pt_tab li:last-child:before {background: none;} 
.pt_tab li.cur {color: #ff7b4a; position: relative;}
.pt_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #ff7b4a;}
.pt_detail {float: left; width: 100%; font-size: 14px; line-height: 25px; color: #333; overflow: hidden;}
.pt_detail .porder_list {float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: tabz .4s; overflow: hidden;}
.pt_detail .porder_list .order {margin-top: 10px; display: flex; flex-direction: column; background: #fff;}
.pt_detail .porder_list .order .title {height: 40px; padding: 0 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.pt_detail .porder_list .order .title span {font-size: 14px; color: #333;}
.pt_detail .porder_list .order .title em {font-size: 12px; color: #ff7b4a;}
.pt_detail .porder_list .order dl {float: left; position: relative; width: 100%; min-height: 80px; border-bottom: 1px solid #eee; overflow: hidden;}
.pt_detail .porder_list .order dl a {float: left; width: 100%; min-height: 80px; display: block;}
.pt_detail .porder_list .order dl dt {position: absolute; left: 15px; top: 10px; width: 60px; height: 60px; overflow: hidden;}
.pt_detail .porder_list .order dl dt img {width: 100%; height: 100%;}
.pt_detail .porder_list .order dl dd {margin: 0 80px 0 90px; overflow: hidden;}
.pt_detail .porder_list .order dl dd.name {line-height: 20px; margin-top: 10px; color: #333; font-size: 14px;}
.pt_detail .porder_list .order dl dd.price {line-height: 20px; margin-top: 10px; margin-bottom: 10px; color: #ff7b4a; font-size: 14px;}
.pt_detail .porder_list .order dl dd.count {position: absolute; right: 15px; top: 50%; margin: -10px 0 0; line-height: 20px; color: #666; font-size: 12px;}
.pt_detail .porder_list .order .od_btn {height: 45px; background: #fff; display: flex; justify-content: space-between; align-items: center;}
.pt_detail .porder_list .order .od_btn em {height: 45px; line-height: 45px; font-size: 14px; color: #333; padding-left: 15px; overflow: hidden;}
.pt_detail .porder_list .order .od_btn em i {color: #ff7b4a;}
.pt_detail .porder_list .order .od_btn span {display: flex;}
.pt_detail .porder_list .order .od_btn p {height: 26px; margin-right: 8px; border-radius: 3px; color: #fff; line-height: 26px; font-size: 14px; background: #ff7b4a;}
.pt_detail .porder_list .order .od_btn p a {color: #fff; padding: 0 8px; display: block;}

/*---------------代金券-------------------*/
.dh_tab {float: left; width: 100%; height: 45px; line-height: 45px; background: #fff; overflow: hidden;}
.dh_tab li {float: left; position: relative; width: 33.33%; text-align: center; font-size: 14px; overflow: hidden;}
.dh_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.dh_tab li:last-child:before {background: none;} 
.dh_tab li.cur {color: #ff7b4a; position: relative;}
.dh_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #ff7b4a;}

.coupon {margin: 15px 15px 0; position: relative; display: flex; overflow: hidden;}
.coupon:before {content: ""; position: absolute; left: -10px; top: 43px; height: 100px; width: 200px; background: rgba(255, 255, 255, .1); transform: rotate(-30deg);}
.coupon:after {width: 10px; height: 100%; content: ""; position: absolute; left: -3px; top: 0; background: url(../images/circle.png) repeat-y; background-size: 7px auto;}
.coupon .par {width: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #ff7b4a;}
.use .par {background: #9d9d9d;}
.coupon .par span {font-size: 34px; color: #fff;}
.coupon .par span i {font-size: 48px; font-family: arial;}
.coupon .copy {position: relative; width: 100%; padding: 5px 10px; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-left: none; background: #fff; display: flex; flex-direction: column;}
.coupon .copy .tit {font-size: 16px; color: #333; line-height: 24px; overflow: hidden;}
.coupon .copy .tit i {font-size: 12px; color: #ff7b4a;}
.coupon .copy p {font-size: 12px; color: #333; line-height: 18px; overflow: hidden;}
.coupon .copy .date {font-size: 12px; color: #999; line-height: 18px;}
.coupon .copy .already_used {position: absolute; z-index: 999; top: 5px; right: 7px; width: 81px; overflow: hidden;}
.coupon .copy .already_used img {width: 100%;}

/*---------------代理登录-------------------*/
.l_pic {float: left; width: 100%; overflow: hidden;}
.l_pic img {width: 100%;}
.dl_login {float: left; width: 100%; padding: 20px 20px 9px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.dl_login li {float: left; position: relative; width: 100%; margin-bottom: 10px; overflow: hidden;}
.dl_login li input {width: 100%; height: 40px; text-indent: 10px; color: #333; font-size: 14px; border: 1px solid #ddd; outline: none; border-radius: 5px; background: #fff;}
.dl_login li input::placeholder {color: #bbb;}
.dl_login li em {margin-right: 110px; overflow: hidden; display: block;}
.dl_login li span {position: absolute; right: 0; top: 0; width: 100px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 16px; color: #fff; text-align: center; background: #ff7b4a; overflow: hidden;}
.dl_login li span a {color: #fff; display: block;}

/*---------------待发货、待收货，待付款，已完成-------------------*/
.top_info {display: flex; flex-direction: column; background: #fff;}
.top_info .title {height: 40px; padding: 0 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.top_info .title span {font-size: 14px; color: #333;}
.top_info .title em {font-size: 12px; color: #ff7b4a;}
.top_info .txt {padding: 10px 15px; border-bottom: 1px solid #eee; display: flex; flex-direction: column;}
.top_info .txt p {font-size: 14px; color: #666; line-height: 22px;}
.pt_list {float: left; width: 100%; background: #fff; overflow: hidden;}
.pt_list dl {float: left; position: relative; width: 100%; min-height: 80px; border-bottom: 1px solid #eee; overflow: hidden;}
.pt_list dl a {float: left; width: 100%; min-height: 80px; display: block;}
.pt_list dl dt {position: absolute; left: 15px; top: 10px; width: 60px; height: 60px; overflow: hidden;}
.pt_list dl dt img {width: 100%; height: 100%;}
.pt_list dl dd {margin: 0 80px 0 90px; overflow: hidden;}
.pt_list dl dd.name {line-height: 20px; margin-top: 10px; color: #333; font-size: 14px;}
.pt_list dl dd.price {line-height: 20px; margin-top: 10px; margin-bottom: 10px; color: #ff7b4a; font-size: 14px;}
.pt_list dl dd.count {position: absolute; right: 15px; top: 50%; margin: -10px 0 0; line-height: 20px; color: #666; font-size: 12px;}
.price_total {width: 100%; padding-top: 10px; display: flex; flex-direction: column; background: #fff;}
.price_total .price {padding: 0 15px; height: 25px; font-size: 14px; display: flex; justify-content: space-between; align-items: center;}
.price_total .price span {color: #666;}
.price_total .price em {color: #333;}
.price_total .shifu {height: 45px; margin-top: 10px; padding: 0 15px; border-top: 1px solid #eee; font-size: 14px; display: flex; justify-content: space-between; align-items: center;}
.price_total .shifu span {color: #666;}
.price_total .shifu em {color: #ff7b4a;}
.sj_info {margin-top: 10px; display: flex; flex-direction: column; background: #fff; overflow: hidden;}
.sj_info h1 {width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; padding: 0 15px; border-bottom: 1px solid #eee;}
.sj_info .adress {padding: 10px 15px; display: flex; flex-direction: column;}
.sj_info .adress span {line-height: 25px; font-size: 14px; color: #333;}
.sj_info .adress span i {color: #999; padding-left: 10px;}
.sj_info .adress span:last-child {line-height: 22px;}
.vh_btn {margin-top: 10px; height: 45px; background: #fff; display: flex; justify-content: flex-end; align-items: center;}
.vh_btn span {height: 26px; margin-right: 10px; border-radius: 3px; color: #fff; line-height: 26px; font-size: 14px; background: #ff7b4a;}
.vh_btn span a {color: #fff; padding: 0 12px; display: block;}

/*---------------购物车-------------------*/
.card_box {position: relative; width: 100%; background: #fff; overflow: hidden;}
.card_box .edit {float: left; width: 100%; height: 45px; line-height: 45px; font-size: 14px; color: #333; overflow: hidden;}
.card_box .edit span {float: right; height: 45px;}
.card_box .edit span a {padding: 0 15px; color: #333; display: block;}
.card_box dl {position: relative; width: 100%; min-height: 96px; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; overflow: hidden;}
.card_box dt {position: absolute; top: 12px; left: 42px; width: 72px; height: 72px; overflow: hidden;}
.card_box dt a {display: block;}
.card_box dt img {width: 100%; height: 100%; overflow: hidden;}
.card_box dd {margin-left: 130px; padding-right: 8px; max-height: 44px; white-space: normal; line-height: 22px; display: block; color: #333; font-size: 14px; overflow: hidden;}
.card_box dd a {float: left; width: 100%; color: #333; display: block;}
.card_box dd.price {float: left; line-height: 25px; color: #ff7b4a; display: block; clear: both;}
.card_box dd.count_txt {float: left; line-height: 25px; color: #999; display: block; clear: both;}
.card_box dd.count {position: absolute; right: 15px; bottom: 15px; padding: 0; margin: 0; height: 32px; overflow: hidden;}
.card_box dd.count span {float: right; height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius: 4px; background: #fff; display: inline-block; overflow: hidden;}
.card_box dd.count span a {float: left; width: 30px; font-size: 19px; color: #333; text-align: center; background: #f2f2f2; display: inline-block;}
.card_box dd.count span input {float: left; width: 42px; height: 30px; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dedede; border-right: 1px solid #dedede; font-size: 16px; color: #ff7b4a; text-align: center; margin: 0; padding: 0;}

.card_box b {position: absolute; left: 10px; top: 37px;}
.card_box b input[type="checkbox"] {display: none;}
.card_box b [id^="CheckBox-"] + label{background: url(../images/off_check.png) no-repeat; background-size: 22px auto; width: 22px; height: 22px; display: block;}
.card_box b [id^="CheckBox-"]:checked + label {background: url(../images/sel_check.png) no-repeat; background-size: 22px auto;}
.card_box b [id^="CheckBox-"]:checked + label:after {background: url(../images/sel_check.png) no-repeat; background-size: 22px auto;}

.card_total {z-index: 999; position: fixed; left: 0; bottom: 50px; right: 0; width: 100%; height: 49px; border-top: 1px solid #ddd; background: #fff; overflow: hidden;}
.card_total b {position: absolute; left: 10px; top: 13px;}
.card_total b span {line-height: 20px; float: left; padding-left: 8px; font-size: 14px; color: #333;}
.card_total b input[type="checkbox"] {display: none;}
.card_total b [id^="CheckBox-"] + label{float: left; background: url(../images/off_check.png) no-repeat; background-size: 22px auto; width: 22px; height: 22px; display: inline-block;}
.card_total b [id^="CheckBox-"]:checked + label {background: url(../images/sel_check.png) no-repeat; background-size: 22px auto;}
.card_total b [id^="CheckBox-"]:checked + label:after {background: url(../images/sel_check.png) no-repeat; background-size: 22px auto;}
.card_total em {float: right; font-style: normal; line-height: 49px; padding-right: 10px; font-size: 14px; color: #333;}
.card_total em i {font-style: normal; color: #ff7b4a;}
.card_total .btn {float: right; width: 80px; padding: 6px 10px 6px 0; overflow: hidden;}
.card_total .btn button {float: left; width: 100%; height: 36px; line-height: 36px; color: #fff; font-size: 14px; border-radius: 4px; background: #ff7b4a; display: block;}

/*---------------购物车地址选择-------------------*/
.adress_list {float: left; width: 100%; padding: 15px 18px; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; overflow: hidden;}
.adress_list.sel {background: #fff url(../images/sel_check.png) no-repeat 95% center; background-size: 24px auto;}
.adress_list li {float: left; width: 100%; padding-right: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; overflow: hidden;}
.adress_list li.moren {color: #999; line-height: 25px;}
.adress_list li.name {color: #333; line-height: 25px;}
.adress_list li.name em {font-style: normal; font-weight: normal;}
.adress_list li.name span {padding-left: 10px; color: #999;}
.adress_list li.add {margin-top: 5px; line-height: 20px;}
.add_btn {float: left; width: 100%; padding: 30px 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.add_btn span {float: left; width: 50%; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.add_btn span button {float: left; width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}
.add_btn span:first-child button {background: #848484;}

/*---------------订单支付-------------------*/
.zhifu_list {float: left; width: 100%; overflow: hidden;}
.zhifu_list .price {float: left; width: 100%; height: 45px; text-indent: 15px; line-height: 45px; font-size: 16px; color: #333; border-bottom: 1px solid #eee; background: #fff; overflow: hidden;}
.zhifu_list .price em {font-style: normal; font-weight: normal; color: #ff7b4a;}
.zhifu_list ul {float: left; width: 100%; background: #fff; overflow: hidden;}
.zhifu_list li {float: left; position: relative; width: 100%; font-size: 14px; text-indent: 50px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.zhifu_list li:last-child {border: none;}
.zhifu_list li.wx {background: url(../images/wx_ico.png) no-repeat 15px center; background-size: 26px auto;}
.zhifu_list li.yuer {background: url(../images/yuer_ico.png) no-repeat 15px center; background-size: 26px auto;}
.zhifu_list li.yuer.none {background: #f8f8f8 url(../images/none_ico.png) no-repeat 15px center; border-bottom: 1px solid #eee; background-size: 26px auto;}
.zhifu_list li.yuer.none b {display: none;}
.zhifu_list li.yuer.none em,.zhifu_list li.yuer.none em i {color: #bbb;}
.zhifu_list li em {float: left; font-style: normal; font-weight: normal; font-size: 14px; color: #666;}
.zhifu_list li em i {font-style: normal; font-weight: normal; font-size: 12px; color: #ff7b4a;}
.zhifu_list li b {position: absolute; right: 0; top: 0; height: 45px; width: 100%; text-align: center; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.zhifu_list li b input[type="radio"] {display: none;}
.zhifu_list li b [id^="radio-"] + label {background: url(../images/off_radio.png) no-repeat right center; background-size: 26px auto; width: 100%; height: 26px; margin: 9px 0; display: block;}
.zhifu_list li b [id^="radio-"]:checked + label {background: url(../images/sel_radio.png) no-repeat right center; background-size: 26px auto;}
.zhifu_list li b [id^="radio-"]:checked + label:after {background: url(../images/sel_radio.png) no-repeat right center; background-size: 26px auto;}
.zhifu_list .zhifu_btn {float: left; width: 100%; padding: 40px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.zhifu_list .zhifu_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

/*---------------购物车订单提交-------------------*/
.order_adress {float: left; width: 100%; background: #fff; overflow: hidden;}
.order_adress dl {float: left; width: 100%; position: relative; overflow: hidden;}
.order_adress dl:after {content: ""; position: absolute; right: 15px; top: 50%; width: 15px; height: 15px; margin-top: -5px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; -webkit-transform: rotate(45deg);}
.order_adress dl a {float: left; width: 100%; display: block;}
.order_adress dl dt {position: absolute; width: 25px; height: 25px; text-align: center; left: 20px; top: 50%; margin-top: -13px; overflow: hidden;}
.order_adress dl dt img {height: 100%;}
.order_adress dl dd {margin: 0 30px 0 60px; line-height: 20px; color: #333; font-size: 14px; overflow: hidden; display: block;}
.order_adress dl dd.name {margin-top: 12px; line-height: 30px;}
.order_adress dl dd.name span {color: #999; padding-left: 10px;}
.order_adress dl dd.add {margin-bottom: 12px;}

.order_list {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.order_list dl {float: left; position: relative; width: 100%; min-height: 80px; border-bottom: 1px solid #eee; overflow: hidden;}
.order_list dl:last-child {border: none;}
.order_list dl a {float: left; width: 100%; min-height: 80px; display: block;}
.order_list dl dt {position: absolute; left: 15px; top: 10px; width: 60px; height: 60px; overflow: hidden;}
.order_list dl dt img {width: 100%; height: 100%;}
.order_list dl dd {margin: 0 80px 0 90px; overflow: hidden;}
.order_list dl dd.name {line-height: 20px; margin-top: 10px; color: #333; font-size: 14px;}
.order_list dl dd.price {line-height: 20px; margin-top: 10px; margin-bottom: 10px; color: #ff7b4a; font-size: 14px;}
.order_list dl dd.count {position: absolute; right: 15px; top: 50%; margin: -10px 0 0; line-height: 20px; color: #666; font-size: 12px;}

.order_cs {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.order_cs li {float: left; width: 100%; height: 45px; line-height: 45px; font-size: 14px; border-bottom: 1px solid #eee; overflow: hidden;}
.order_cs li:last-child {border: none;}
.order_cs li a {float: left; width: 100%; display: block;}
.order_cs li span {float: left; padding-left: 15px; color: #333;}
.order_cs li span i {font-style: normal; font-weight: normal; color: #ff7b4a;}
.order_cs li em {float: right; font-style: normal; font-weight: normal; padding-right: 15px; color: #333;}
.order_cs li b {float: right; position: relative; font-style: normal; font-weight: normal; padding-right: 35px; color: #333;}
.order_cs li b:after {content: ""; position: absolute; right: 15px; top: 15px; width: 14px; height: 14px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; -webkit-transform: rotate(45deg);}

.order_beizhu {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.order_beizhu li {float: left; position: relative; width: 100%; font-size: 14px; overflow: hidden;}
.order_beizhu li span {position: absolute; left: 0; top: 0; width: 65px; height: 45px; line-height: 45px; padding-left: 15px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box;}
.order_beizhu li em {float: left; font-style: normal; font-weight: normal; margin: 12px 15px 12px 65px; font-size: 12px; color: #666; line-height: 21px; overflow: hidden;}

.border_btn {position: fixed; left: 0; bottom: 0; right: 0; width: 100%; height: 45px; overflow: hidden;}
.border_btn span {float: left; width: 50%; line-height: 45px; font-size: 14px; text-align: center; overflow: hidden;}
.border_btn span.total {color: #ff7b4a; border-top: 1px solid #ddd; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.border_btn span.tj_btn {color: #fff; background: #ff7b4a;}
.border_btn span.tj_btn a {color: #fff; display: block;}

/*---------------弹窗-------------------*/
.login_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.login_info {width:100%;}
.login_box {z-index: 10003; position: fixed; left: 10%; top: 50%; margin-top: -135px; width: 80%; padding-top: 10px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.login_box .txt {float: left; width: 100%; line-height: 30px; font-size: 16px; color: #ff7b4a; text-align: center;}
.login_box p {padding: 10px 20px 20px; font-size: 14px; text-indent: 28px; color: #333; line-height: 22px; overflow: hidden;}
.login_box .close {position: absolute; right: -8px; top: -8px; text-indent: -9999px; width: 35px; height: 35px; border-radius: 50%; background: #fff; overflow: hidden;}
.login_box .close a {float: left; width: 100%; height: 100%; display: block;}
.login_box .close:before {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(-45deg);}
.login_box .close:after {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(45deg);}
.login_box ul {float: left; width: 100%; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.login_box ul li {float: left; position: relative; width: 100%; margin-top: 10px; overflow: hidden;}
.login_box ul li span {float: left; width: 100%; overflow: hidden;}
.login_box ul li span input {float: left; width: 100%; height: 40px; text-indent: 10px; font-size: 16px; color: #333; border: 1px solid #ddd; border-radius: 4px; background: #f5f5f5; outline: none; overflow: hidden;}
.login_box ul li b {float: left; margin-right: 100px; overflow: hidden;}
.login_box ul li b input {float: left; width: 100%; height: 40px; text-indent: 10px; font-size: 16px; color: #333; border: 1px solid #ddd; border-radius: 4px; background: #f5f5f5; outline: none; overflow: hidden;}
.login_box ul li em {position: absolute; right: 0; top: 0; width: 90px; height: 40px; font-style: normal; line-height: 40px; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; background: #ff7b4a; overflow: hidden;}
.login_box ul li em a {float: left; width: 100%; color: #fff; display: block;}
.login_box .loginbtn {float: left; width: 100%; padding: 15px 25px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.login_box .loginbtn button {width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

.login_box .txt_ts {float: left; width: 100%; padding: 10px 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.login_box .txt_ts p {float: left; width: 100%; line-height: 25px; font-size: 14px; color: #333; text-align: center; overflow: hidden;}
.login_box .d_btn {float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.login_box .d_btn span {float: left; width: 50%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.login_box .d_btn span button {width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; border-radius: 5px; background: #ff7b4a; display: block;}

.suc_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.suc_box {z-index: 10003; position: fixed; left: 0; top: 50%; margin-top: -182px; width: 100%; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.suc_box .top {float: left; position: relative; width: 100%; overflow: hidden;}
.suc_box .top span {float: left; width: 100%;}
.suc_box .top span img {width: 100%;}
.suc_box .top em {position: absolute; width: 52%; left: 24%; bottom: 12%; line-height: 22px; font-size: 18px; text-align: center; color: #fff;}
.suc_box .content {float: left; position: relative; z-index: 2; width: 75%; margin: -8px 0 0 12.3%; background: #fff; border-radius: 0 0 10px 10px; overflow: hidden; display: block; clear: both;}
.suc_box .content .txt {float: left; width: 100%; font-size: 16px; text-align: center; color: #ff7b4a; padding: 30px 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.suc_box .content .txt p {line-height: 30px;}
.suc_box .content .suc_btn {float: left; width: 100%; margin-bottom: 20px; text-align: center; overflow: hidden;}
.suc_box .content .suc_btn a {float: left; display: block;}
.suc_box .content .suc_btn img {width: 67%;}

.kefu_div .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.kefu_box {z-index: 10003; position: fixed; left: 15%; top: 50px; width: 70%; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.kefu_box span {float: left; width: 100%; display: block; background: #fff; overflow: hidden;}
.kefu_box img {width: 100%;}
.kefu_box .close {float: left; width: 100%; text-align: center; overflow: hidden; display: block;}
.kefu_box .close em {width: 22px; position: relative; height: 22px; text-indent: -9999px; margin: auto; border-radius: 50%; border: 2px solid #fff; overflow: hidden; display: block;}
.kefu_box .close em a {float: left; width: 100%; display: block;}
.kefu_box .close em:before {content: ""; position: absolute; left: 10px; top: 3px; width: 1px; height: 16px; background: #fff; -webkit-transform: rotate(-45deg);}
.kefu_box .close em:after {content: ""; position: absolute; left: 10px; top: 3px; width: 1px; height: 16px; background: #fff; -webkit-transform: rotate(45deg);}
.kefu_box .close b {width: 2px; height: 50px; background: #fff; margin: auto; overflow: hidden; display: block; clear: both;}


@keyframes anim-open {
   0% {opacity: 0; transform: scale3d(0, 0, 1); }
   100% {opacity: 1; transform: scale3d(1, 1, 1); }
}
.ts_info {z-index: 99999; position: fixed; top: 50%; left: 50%; width: 150px; margin: -30px 0 0 -75px; background: rgba(0,0,0,.6); font-size: 14px; line-height: 20px; color: #fff; text-align: center; padding: 10px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}

.yuer_info {z-index: 99999; position: fixed; top: 20%; left: 15%; width: 70%; background: rgba(0,0,0,.6); font-size: 14px; line-height: 20px; color: #fff; text-align: center; padding: 10px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}

.djq_list .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.djq_box {z-index: 10003; position: fixed; left: 10%; top: 50%; margin-top: -135px; width: 80%; padding-top: 10px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}

.djq_box li {float: left; position: relative; width: 100%; font-size: 14px; text-indent: 20px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.djq_box li em {float: left; font-style: normal; font-weight: normal; font-size: 14px; color: #666;}
.djq_box li b {position: absolute; right: 0; top: 0; height: 45px; width: 100%; text-align: center; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.djq_box li b input[type="radio"] {display: none;}
.djq_box li b [id^="radio-"] + label {background: url(../images/off_check.png) no-repeat right center; background-size: 26px auto; width: 100%; height: 26px; margin: 9px 0; display: block;}
.djq_box li b [id^="radio-"]:checked + label {background: url(../images/sel_check.png) no-repeat right center; background-size: 26px auto;}
.djq_box li b [id^="radio-"]:checked + label:after {background: url(../images/sel_check.png) no-repeat right center; background-size: 26px auto;}
.djq_box .djq_btn {float: left; width: 100%; padding: 15px 25px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.djq_box .djq_btn button {width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

.tg_div {float: left; width: 100%; overflow: hidden;}
.tg_div dl {float: left; width: 100%; padding: 0 15px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.tg_div dt {float: left; width: 100%; line-height: 30px; font-size: 14px; font-weight: bold; color: #333; border-bottom: 1px solid #eee;}
.tg_div dd {float: left; width: 100%; line-height: 30px; font-size: 12px; color: #333; border-bottom: 1px solid #eee;}
.tg_div dd:last-child {border: none;}

.yj_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.yj_box {z-index: 10003; position: fixed; left: 6%; top: 50%; margin-top: -135px; width: 88%; padding-top: 10px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.yj_box .close {position: absolute; right: -10px; top: -15px; text-indent: -9999px; width: 35px; height: 35px; border-radius: 50%; background: #fff; overflow: hidden;}
.yj_box .close a {float: left; width: 100%; height: 100%; display: block;}
.yj_box .close:before {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(-45deg);}
.yj_box .close:after {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(45deg);}
.yj_mingxi {float: left; width: 100%; padding-bottom: 10px; overflow: hidden;}
.yj_mingxi ol {float: left; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #eee; overflow: hidden;}
.yj_mingxi ol li {float: left; width: 30%; line-height: 30px; font-size: 14px; color: #333; text-align: center; overflow: hidden;}
.yj_mingxi ol li:nth-child(1),.yj_mingxi ol li:nth-child(3) {width: 20%;}
.yj_mingxi ul {float: left; width: 100%; overflow: hidden;}
.yj_mingxi ul li {float: left; width: 100%; overflow: hidden;}
.yj_mingxi ul li span {float: left; width: 30%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #333; overflow: hidden;}
.yj_mingxi ul li span:nth-child(1),.yj_mingxi ul li span:nth-child(3)  {width: 20%;}
.yj_mingxi ul li span a {float: left; color: #ff7b4a; width: 100%; height: 100%; display: block;}

.big_img {float: left; position: relative; width: 100%; overflow: hidden;}
.big_img img {float: left; width: 100%;}
.big_pfdiv {position: fixed; width: 100%; left: 0; bottom: 50px; height: 46px; background: rgba(0,0,0,.6);}
.big_pfdiv a {float: left; width: 25%; height: 46px; text-indent: -9999px; display: block;}
.big_pfdiv a.return {background: url(../images/return_ico.png) no-repeat center; background-size: 24px auto;}
.big_pfdiv a.pre {background: url(../images/pre_ico.png) no-repeat center; background-size: 24px auto;}
.big_pfdiv a.next {background: url(../images/next_ico.png) no-repeat center; background-size: 24px auto;}
.big_pfdiv a.ask {background: url(../images/ask_ico.png) no-repeat center; background-size: 24px auto;}

.zhifu_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.zhifu_box {z-index: 10003; position: fixed; left: 10%; top: 50%; margin-top: -65px; width: 80%; padding-top: 10px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.zhifu_box .txt_ts {float: left; width: 100%; padding: 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.zhifu_box .txt_ts p {float: left; width: 100%; line-height: 25px; font-size: 16px; color: #333; text-align: center; overflow: hidden;}
.zhifu_box .d_btn {float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.zhifu_box .d_btn span {float: left; width: 100%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.zhifu_box .d_btn span button {width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; border-radius: 5px; background: #ff7b4a; display: block;}

/*---------------商品详情页-------------------*/
.name_cs {float: left; width: 100%; background: #fff; overflow: hidden;}
.name_cs h1 {float: left; width: 100%; font-style: normal; font-weight: normal; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; font-size: 16px; color: #333; line-height: 22px; max-height: 44px; overflow: hidden;}
.name_cs .price_yf {float: left; width: 100%; line-height: 25px; padding: 0 15px; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.name_cs .price_yf em {float: left; font-style: normal; font-weight: normal; font-size: 20px; color: #ff7b4a; overflow: hidden;}
.name_cs .price_yf span {float: right; font-size: 14px; color: #999; overflow: hidden;}
.name_cs .cs_txt {float: left; position: relative; width: 100%; height: 45px; border-top: 1px solid #eee; line-height: 45px; font-size: 14px; color: #333; overflow: hidden;}
.name_cs .cs_txt a {padding: 0 40px 0 15px; color: #333; display: block;}
.name_cs .cs_txt:after {content: ""; position: absolute; right: 15px; top: 15px; width: 14px; height: 14px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; -webkit-transform: rotate(45deg);}

.pro_tab {float: left; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; margin-top: 10px; background: #fff; overflow: hidden;}
.pro_tab li {float: left; position: relative; width: 50%; text-align: center; font-size: 14px; overflow: hidden;}
.pro_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.pro_tab li:last-child:before {background: none;} 
.pro_tab li.cur {color: #ff7b4a; position: relative;}
.pro_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 2px; background: #ff7b4a;}
.pro_detail {float: left; width: 100%; background: #fff; text-align: center; font-size: 14px; line-height: 25px; color: #333; overflow: hidden;}
.pro_detail p {text-align: left; padding: 15px;}
.pro_detail img {max-width: 100%;}

.detail_bottom {z-index: 9997; position: fixed; left: 0; bottom: 0; width: 100%; height: 45px; background: #fff; overflow: hidden;}
.detail_bottom .cart {position: absolute; left: 0; height: 44px; width: 50px; border-top: 1px solid #ddd; border-right: 1px solid #eee; background: url(../images/card.png) no-repeat center; background-size: 24px auto; overflow: hidden;}
.detail_bottom .cart a {float: left; width: 100%; height: 45px; display: block;}
.detail_bottom .cart span {z-index: 99; position: absolute; right: 3px; top: 3px; font-size: 12px; color: #fff; line-height: 20px; text-align: center; width: 20px; height: 20px; border-radius: 50%; background: #ff7b4a; overflow: hidden;}
.detail_bottom .btn {margin-left: 51px; display: block; overflow: hidden;}
.detail_bottom .btn span {float: left; width: 50%; line-height: 44px; font-size: 14px; text-align: center; overflow: hidden;}
.detail_bottom .btn span.add_cart {color: #ff7b4a; border-top: 1px solid #ddd;}
.detail_bottom .btn span.add_cart a {color: #ff7b4a; display: block;}
.detail_bottom .btn span.buy {color: #fff; background: #ff7b4a; border-top: 1px solid #ff7b4a;}
.detail_bottom .btn span.buy a {color: #fff; display: block;}

.buy_div {position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998; width: 100%; height: 100%; overflow: hidden;}
.popup {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9999; visibility: visible; transform: translate3d(0px, 0px, 0px);    transition: all 300ms ease; opacity: 1; background: white; box-shadow: 0 -1px 14px rgba(0,0,0,.9); -webkit-animation: tabz .4s;}
.popup .sku_pro {margin: 15px 15px 8px; min-height: 88px; border-bottom: 1px solid #eee; display: block;}
.popup .sku_pro .thumb {position: relative; width: 100px; height: 100px; border-radius: 5px; float: left; margin: -27px auto 0 auto; background-size: cover; overflow: hidden;}
.popup .sku_pro .thumb img {position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.popup .sku_pro .detail {margin-left: 115px; width: auto; position: relative; zoom: 1;}
.popup .sku_pro .detail .title {position: relative; padding-right: 33px; color: #333; margin-bottom: 5px; font-size: 16px; max-height: 44px; line-height: 22px; overflow: hidden;}
.popup .sku_pro .detail .goods-price {padding: 0 55px 0 0; text-align: left;}
.popup .sku_pro .detail .price {padding: 0 33px 0 0; text-align: left; font-size: 16px; color: #ff7b4a;}
.popup .sku_pro .detail .price em {font-style: normal; font-weight: normal; font-size: 12px; color: #999; padding-left: 5px;}
.popup .sku-cancel {position: absolute; height: 42px; width: 42px; right: 0; top: 0;}
.popup .sku-cancel a {padding: 10px; display: block;}
.popup .sku-cancel img {width: 22px; height: 22px;}
.popup .adv-opts {float: left; width: 100%; overflow: hidden;}
.popup .adv-opts h1 {float: left; width: 100%; line-height: 36px; text-indent: 12px; font-style: normal; font-weight: normal; font-size: 14px; text-align: left; color: #333; overflow: hidden;}
.popup .adv-opts ul {padding: 0 12px; overflow: hidden;}
.popup .adv-opts li {float: left; line-height: 28px; cursor: pointer; border: 1px solid #ccc; font-size: 14px; border-radius: 3px; background: #fff; padding: 0 12px; margin: 0 10px 10px 0; overflow: hidden;}
.popup .adv-opts li.active {border: 1px solid #ff7b4a; background: #ff7b4a; color: #fff;}
.popup .adv-opts li.selected {border: 1px solid #ff7b4a; background: #ff7b4a; color: #fff;}

.popup .block-item {position: relative; border-top: 2px solid #e5e5e5; border-top-width: 1px; color: #333; padding: 20px 12px; overflow: hidden;}
.popup .block-item .pull-left {float: left; line-height: 29px; font-size: 14px;}
.popup .block-item .count {float: right; height: 32px; overflow: hidden;}
.popup .block-item .count span {float: right; height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius: 4px; background: #fff; display: inline-block; overflow: hidden;}
.popup .block-item .count span a {float: left; width: 30px; font-size: 19px; color: #333; text-align: center; background: #f2f2f2; display: inline-block;}
.popup .block-item .count span input {float: left; width: 42px; height: 30px; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dedede; border-right: 1px solid #dedede; font-size: 16px; color: #ff7b4a; text-align: center; margin: 0; padding: 0;}
.popup .item_btn {float: left; width: 100%; height: 45px; display: block; overflow: hidden;}
.popup .item_btn span {float: left; width: 50%; line-height: 44px; font-size: 14px; text-align: center; overflow: hidden;}
.popup .item_btn span.add_cart {color: #ff7b4a; border-top: 1px solid #ddd;}
.popup .item_btn span.add_cart a {color: #ff7b4a; display: block;}
.popup .item_btn span.buy {color: #fff; background: #ff7b4a; border-top: 1px solid #ff7b4a;}
.popup .item_btn span.buy a {color: #fff; display: block;}
.black_div {height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; transition: none 0.2s ease; opacity: 1; background-color: rgba(0, 0, 0, 0.8);}
@-webkit-keyframes tabz {
   0% {-webkit-transform: translateY(20px); opacity: 0;}
   100% {-webkit-transform: translateY(0); opacity: 1;}
}
@keyframes tabz {
   0% {-webkit-transform: translateY(20px); opacity: 0;}
   100% {-webkit-transform: translateY(0); opacity: 1;}
}

/*---------------余额明细-------------------*/
.mx_search {float: left; width: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.mx_search .search {float: left; width: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.mx_search .search .box {float: left; width: 50%; display: flex; justify-content: space-between; align-items: center;}
.mx_search .search .box em {font-size: 14px; color: #333; width: 35px; line-height: 30px;}
.mx_search .search .box:last-child em {margin-left: 10px;}
.mx_search .search .box span {width: 100%; flex: 1; overflow: hidden;}
.mx_search .search .box span input {width: 100%; height: 30px; border-radius: 3px; outline: none; text-indent: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; background: #f5f5f5;}
.mx_search .search .box span input::placeholder {color: #bbb;}
.mx_search .search .box:first-child span {margin-right: 10px;}
.mx_btn {float: left; width: 100%; padding: 0 10px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.mx_btn span {float: left; width: 50%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.mx_btn span button {float: left; width: 100%; height: 35px; line-height: 35px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}
.mx_btn span:first-child button {background: #848484;}

.mx_tab {float: left; width: 100%; height: 45px; line-height: 45px; margin-top: 10px; background: #fff; overflow: hidden;}
.mx_tab li {float: left; position: relative; width: 16.666%; text-align: center; font-size: 14px; overflow: hidden;}
.mx_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.mx_tab li:last-child:before {background: none;} 
.mx_tab li.cur {color: #ff7b4a; position: relative;}
.mx_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 2px; background: #ff7b4a;}
.mx_box {float: left; width: 100%; background: #fff; overflow: hidden;}
.mx_box dl {float: left; position: relative; width: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; overflow: hidden;}
.mx_box dl dd {width: 100%; flex: 1; line-height: 20px; font-size: 12px; color: #333;}
.mx_box dl dt {position: absolute; right: 20px; top: 50%; color: #ff7b4a; margin-top: -15px; line-height: 30px; font-size: 16px;}

/*---------------提现记录-------------------*/
.tx_tab {float: left; width: 100%; height: 45px; line-height: 45px; margin-top: 10px; background: #fff; overflow: hidden;}
.tx_tab li {float: left; position: relative; width: 25%; text-align: center; font-size: 14px; overflow: hidden;}
.tx_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.tx_tab li:last-child:before {background: none;} 
.tx_tab li.cur {color: #ff7b4a; position: relative;}
.tx_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 2px; background: #ff7b4a;}
.tix_box {float: left; width: 100%; background: #fff; overflow: hidden;}
.tix_box dl {float: left; position: relative; width: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; overflow: hidden;}
.tix_box dl dd {width: 100%; flex: 1; line-height: 20px; font-size: 14px; color: #666;}
.tix_box dl dt {position: absolute; right: 20px; top: 10px; color: #ff7b4a; line-height: 20px; font-size: 16px;}

/*---------------提现-------------------*/
.tx_box {float: left; width: 100%; background: #fff; overflow: hidden;}
.tx_box li {float: left; position: relative; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.tx_box li:last-child {border: none;}
.tx_box li em {position: absolute; left: 0; top: 0; width: 80px; text-indent:20px; font-size: 14px; color: #333;}
.tx_box li span {position: relative; margin-left: 80px; overflow: hidden; color: #333; font-size: 14px; display: block;}
.tx_box li.card:after {content: ""; position: absolute; width: 12px; height: 12px; right: 15px; top: 50%; margin-top: -7px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);}
.tx_box li a {display: block;}
.tx_box li span input {width: 100%; height: 45px; font-size: 14px; color: #333; border: none; outline: none;}
.tx_box li span input::placeholder {color: #999;}
.tx_btn1 {float: left; width: 100%; padding: 34px 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.tx_btn1 button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}
.tx_btn2 {float: left; width: 100%; padding: 15px 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.tx_btn2 button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #848484; display: block;}
.guize {float: left; width: 100%; padding: 30px 22px; color: #888; line-height: 23px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.guize em {float: left; color: #333; width: 100%; overflow: hidden;}
.tx_box li b {position: absolute; right: 0; top: 0; height: 45px; font-size: 14px; color: #ff7b4a; line-height: 45px; background: #fff;}
.tx_box li b a {color: #ff7b4a; padding: 0 15px; display: block;}
/*pointer-events: none;*/
.tixian {position: fixed; width: 100%; height: 100%; right: 0; bottom: 0; top: 0; left: 0; z-index: 99999; opacity: 1; -webkit-transition: opacity 250ms ease-in; transition: opacity 250ms ease-in;  background: rgba(0,0,0,.8);}
.tixian:target {opacity: 1; pointer-events: auto;}
.tixian dl {width: 100%; position: absolute; right: 0; left: 0; bottom: 0; border-top: 1px solid #ddd; background: #fff; overflow: hidden;}
.txclose {position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; text-indent: -9999px;}
.tixian dt {float: left; width: 100%; height: 45px; line-height: 45px; font-size: 16px; text-align: center; color: 333; border-bottom: 1px solid #ddd; overflow: hidden;}
.tixian dd {float: left; position: relative; width: 100%; height: 45px; line-height: 45px; text-indent: 15px; font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden;}
.tixian dd a {float: left; width: 100%; height: 100%; color: #333; display: block;}
.tixian dd span {float: left; width: 50px; padding-left: 10px; text-align: center; overflow: hidden;}
.tixian dd span img {max-height: 28px; max-width: 35px; margin-top: 8px;}
.tixian dd:last-child span img {margin-top: 11px;}
.tixian dd em {font-style: normal; font-weight: normal;}

/*---------------代理中心-------------------*/
.tg_topbox {float: left; width: 100%; background: #ff7b4a; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.tg_topbox .top_txt {float: left; width: 100%; margin: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.tg_topbox .top_txt .pricetit {margin-left: 15px; text-indent: 20px; font-size: 12px; color: #fff; background: url(../images/price.png) no-repeat left center; background-size: 15px auto;}
.tg_topbox .top_txt .my_code {margin-right: 10px; font-size: 12px; color: #fff; display: flex; align-items: center;}
.tg_topbox .top_txt .my_code em {margin-left: 10px; height: 20px; line-height: 20px; border-radius: 3px; font-size: 12px; color: #fff; background: #ff7b4a;}
.tg_topbox .top_txt .my_code em a {color: #fff; padding: 0 5px;}
.tg_topbox .price {font-size: 50px; margin-top: 10px; color: #fff; font-weight: bold; font-family: arial;}
.tg_topbox .ptxt {font-size: 12px; color: #fff;}
.tg_topbox .tg_btn {float: left; width: 100%; padding: 20px 25px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; overflow: hidden;}
.tg_topbox .tg_btn span {width: 50%; margin: 0 15px; text-align: center;}
.tg_topbox .tg_btn span a {height: 30px; line-height: 30px; font-size: 14px; color: #ff7b4a; background: #fff; border-radius: 5px; display: block;}
.tuig_box {float: left; width: 100%; background: #fff; overflow: hidden;}
.tuig_tab {float: left; width: 100%; height: 45px; line-height: 45px; background: #fff; overflow: hidden;}
.tuig_tab ul {float: left; width: 100%; position: relative; overflow: hidden;}
.tuig_tab ul:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ddd;}
.tuig_tab li {float: left; position: relative; width: 33.33%; text-align: center; font-size: 16px; overflow: hidden;}
.tuig_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.tuig_tab li:last-child:before {background: none;} 
.tuig_tab li.cur {color: #ff7b4a; position: relative;}
.tuig_tab li.cur:after {content: ""; z-index: 9; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 2px; background: #ff7b4a;}

.sm_tab {float: left; width: 100%; overflow: hidden;}
.sm_tab ul {float: left; width: 100%; padding: 24px 2% 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.sm_tab li {float: left; width: 29.33%; height: 30px; line-height: 30px; margin: 0 2%; color: #fff; text-align: center; font-size: 14px; border-radius: 15px; background: #848484; box-shadow: 0px 2px 3px #ccc; overflow: hidden;}
.sm_tab li.cur {background: #ff7b4a;}

.tg_small .total {float: left; width: 100%; padding-bottom: 10px; font-size: 12px; color: #333; text-align: center;}
.tg_small .total span {padding: 0 10px;}

.tg_small .mdlist {float: left; width: 100%; padding-bottom: 20px; overflow: hidden;}
.tg_small .mdlist ol {float: left; width: 100%; padding: 0; margin: 0; overflow: hidden;}
.tg_small .mdlist ol li {float: left; width: 20%; line-height: 30px; font-size: 14px; color: #333; font-weight: bold; text-align: center; overflow: hidden;}
.tg_small .mdlist ol li:nth-child(2) {width: 25%;}
.tg_small .mdlist ol li:nth-child(3) {width: 30%;}
.tg_small .mdlist ul {float: left; width: 100%; overflow: hidden;}
.tg_small .mdlist ul li {float: left; width: 100%; overflow: hidden;}
.tg_small .mdlist ul li span {float: left; width: 20%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #333; overflow: hidden;}
.tg_small .mdlist ul li span:nth-child(2) {width: 25%;}
.tg_small .mdlist ul li span:nth-child(3) {width: 30%;}
.tg_small .mdlist ul li span a {float: left; color: #ff7b4a; width: 100%; height: 100%; display: block;}
.tg_small .mdlist ul li span img {height: 22px; margin-top: 4px;}

.tg_small .yjlist {float: left; width: 100%; padding-bottom: 20px; overflow: hidden;}
.tg_small .yjlist ol {float: left; width: 100%; padding: 0; margin: 0; overflow: hidden;}
.tg_small .yjlist ol li {float: left; width: 36%; line-height: 30px; font-size: 14px; color: #333; font-weight: bold; text-align: center; overflow: hidden;}
.tg_small .yjlist ol li:last-child {width: 24%;}
.tg_small .yjlist ul {float: left; width: 100%; overflow: hidden;}
.tg_small .yjlist ul li {float: left; width: 100%; overflow: hidden;}
.tg_small .yjlist ul li span {float: left; width: 36%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #333; overflow: hidden;}
.tg_small .yjlist ul li span:last-child  {width: 24%;}
.tg_small .yjlist ul li span a {float: left; color: #ff7b4a; width: 100%; height: 100%; display: block;}
.tg_small .yjlist ul li span img {height: 22px; margin-top: 4px;}



.sm_tab_2 {float: left; width: 100%; overflow: hidden;}
.sm_tab_2 ul {float: left; width: 100%; padding: 24px 2% 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.sm_tab_2 li {float: left; width: 29.33%; height: 30px; line-height: 30px; margin: 0 2%; color: #fff; text-align: center; font-size: 14px; border-radius: 15px; background: #848484; box-shadow: 0px 2px 3px #ccc; overflow: hidden;}
.sm_tab_2 li.cur {background: #ff7b4a;}

.tg_small_2 .total {float: left; width: 100%; padding-bottom: 10px; font-size: 12px; color: #333; text-align: center;}
.tg_small_2 .total span {padding: 0 10px;}

.tg_small_2 .mdlist {float: left; width: 100%; padding-bottom: 20px; overflow: hidden;}
.tg_small_2 .mdlist ol {float: left; width: 100%; padding: 0; margin: 0; overflow: hidden;}
.tg_small_2 .mdlist ol li {float: left; width: 20%; line-height: 30px; font-size: 14px; color: #333; font-weight: bold; text-align: center; overflow: hidden;}
.tg_small_2 .mdlist ol li:nth-child(2) {width: 25%;}
.tg_small_2 .mdlist ol li:nth-child(3) {width: 30%;}
.tg_small_2 .mdlist ul {float: left; width: 100%; overflow: hidden;}
.tg_small_2 .mdlist ul li {float: left; width: 100%; overflow: hidden;}
.tg_small_2 .mdlist ul li span {float: left; width: 20%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #333; overflow: hidden;}
.tg_small_2 .mdlist ul li span:nth-child(2) {width: 25%;}
.tg_small_2 .mdlist ul li span:nth-child(3) {width: 30%;}
.tg_small_2 .mdlist ul li span a {float: left; color: #ff7b4a; width: 100%; height: 100%; display: block;}
.tg_small_2 .mdlist ul li span img {height: 22px; margin-top: 4px;}

.tg_small_2 .yjlist {float: left; width: 100%; padding-bottom: 20px; overflow: hidden;}
.tg_small_2 .yjlist ol {float: left; width: 100%; padding: 0; margin: 0; overflow: hidden;}
.tg_small_2 .yjlist ol li {float: left; width: 36%; line-height: 30px; font-size: 14px; color: #333; font-weight: bold; text-align: center; overflow: hidden;}
.tg_small_2 .yjlist ol li:last-child {width: 24%;}
.tg_small_2 .yjlist ul {float: left; width: 100%; overflow: hidden;}
.tg_small_2 .yjlist ul li {float: left; width: 100%; overflow: hidden;}
.tg_small_2 .yjlist ul li span {float: left; width: 36%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #333; overflow: hidden;}
.tg_small_2 .yjlist ul li span:last-child  {width: 24%;}
.tg_small_2 .yjlist ul li span a {float: left; color: #ff7b4a; width: 100%; height: 100%; display: block;}
.tg_small_2 .yjlist ul li span img {height: 22px; margin-top: 4px;}



.tg_big img {max-width: 100%;}
.yj_tab {float: left; width: 100%; overflow: hidden;}
.yj_tab ul {float: left; width: 100%; padding: 24px 2% 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.yj_tab li {float: left; width: 29.33%; height: 30px; line-height: 30px; margin: 0 2%; color: #fff; text-align: center; font-size: 14px; border-radius: 15px; background: #848484; box-shadow: 0px 2px 3px #ccc; overflow: hidden;}
.yj_tab li.cur {background: #ff7b4a;}

.fz_tab {float: left; width: 100%; overflow: hidden;}
.fz_tab ul {float: left; width: 100%; padding: 24px 2% 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.fz_tab li {float: left; width: 29.33%; height: 30px; line-height: 30px; margin: 0 2%; color: #fff; text-align: center; font-size: 14px; border-radius: 15px; background: #848484; box-shadow: 0px 2px 3px #ccc; overflow: hidden;}
.fz_tab li.cur {background: #ff7b4a;}

.fz_box {float: left; width: 100%; overflow: hidden;}
.fz_box .zflist {float: left; width: 100%; padding: 0 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.fz_box .zflist dt {float: left; width: 100%; margin-top: 15px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; color: #fff; font-size: 12px; background: #ff7b4a; overflow: hidden;}
.fz_box .zflist dt span {float: left;}
.fz_box .zflist dt em {float: right; font-style: normal; font-weight: normal;}
.fz_box .zflist dd {float: left; position: relative; width: 100%; padding: 5px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f3f3f5; overflow: hidden;}
.fz_box .zflist dd a {float: left; width: 100%; color: #000; display: block;}
.fz_box .zflist dd em {position: absolute; left: 5px; top: 5px; width: 45px; height: 45px; overflow: hidden;}
.fz_box .zflist dd em img {width: 100%; height: 100%;}
.fz_box .zflist dd span {margin-left: 55px; height: 45px; line-height: 45px; font-size: 14px; color: #000; overflow: hidden; display: block;}
.fz_box .zflist dd b {float: left; width: 33.33%; padding: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.fz_box .zflist dd b img {float: left; width: 100%;}
.zflist .sc_ruou {position: relative; z-index: 9; width: 60%; text-align: center; line-height: 40px; font-size: 14px; color: #ff7b4a; border: 1px solid #ff7b4a; margin: auto; overflow: hidden; clear: both;}
.zflist .sc_ruou:after {content: ""; z-index: -1; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; border: 1px solid #ff7b4a;}
.zflist .sc_ruou a {display: block; color: #ff7b4a;}
.zflist .fztitle {float: left; width: 100%; height: 38px; line-height: 38px; font-size: 16px; margin-top: 10px; color: #ff7b4a; text-align: center; overflow: hidden;}
.zflist .fztitle span {position: relative; padding: 0 70px; height: 38px; display: inline-block;}
.zflist .fztitle span:before {content: ""; position: absolute; right: 0; top: 19px; width: 55px; height: 1px; background: #ff7b4a;}
.zflist .fztitle span:after {content: ""; position: absolute; left: 0; top: 19px; width: 55px; height: 1px; background: #ff7b4a;}
.zflist .fz_txt {float: left; position: relative; width: 100%; padding: 10px; font-size: 14px; line-height: 22px; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.fz_bot_nav {position: fixed; z-index: 9999; left: 0; bottom: 0; width: 100%; height: 48px; background: #fff; overflow: hidden;}
.fz_bot_nav span {float: left; position: relative; width: 50%; line-height: 48px; color: #ff7b4a; font-size: 16px; text-align: center; overflow: hidden;}
.fz_bot_nav span a {color: #ff7b4a; display: block;}
.fz_bot_nav span:first-child:after {border: none;}
.fz_bot_nav span:after {content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; border-left: 1px solid #eee;}


/*---------------支付成功-------------------*/
.suc_ztxt {float: left; width: 100%; overflow: hidden;}
.suc_ztxt .pic {float: left; width: 100%; margin-top: 50px; text-align: center; overflow: hidden;}
.suc_ztxt .pic img {width: 88px;}
.suc_ztxt h1 {float: left; width: 100%; font-style: normal; font-weight: normal; line-height: 40px; margin-top: 10px; text-align: center; font-size: 16px; color: #ff7b4a; overflow: hidden;}
.suc_ztxt h2 {float: left; width: 100%; font-style: normal; font-weight: normal; line-height: 22px; text-align: center; font-size: 14px; color: #333; overflow: hidden;}
.suc_zbtn {float: left; width: 100%; margin-top: 35px; text-align: center; overflow: hidden;}
.suc_zbtn span {width: 55%; margin: auto; padding-top: 15px; text-align: center; overflow: hidden; display: inline-block;}
.suc_zbtn span button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}
.suc_zbtn span:first-child button {background: #848484;}

/*---------------订单详情-------------------*/
.top_info .title b {width: 58px; text-align: center; height: 23px; margin-right: 10px; line-height: 23px; font-size: 14px; color: #ff7b4a; border: 1px solid #ff7b4a; border-radius: 3px; background: #fff;}
.top_info .title .pic {position: absolute; right: 10px; top: 13px; width: 75px;}
.top_info .title .pic img {width: 100%;}
.sj_info .txt {padding: 10px 15px; border-bottom: 1px solid #eee; display: flex; flex-direction: column;}
.sj_info .txt p {font-size: 14px; color: #333; line-height: 24px;}
.sjzt {margin-top: 10px; display: flex; flex-direction: column; background: #fff; overflow: hidden;}
.sjzt h1 {width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; padding: 0 15px; border-bottom: 1px solid #eee;}
.sjzt .txt {padding: 10px 15px; border-bottom: 1px solid #eee; display: flex; flex-direction: column;}
.sjzt .txt p {font-size: 14px; color: #333; line-height: 24px;}
.or_btn {height: 45px; background: #fff; display: flex; justify-content: flex-end; align-items: center;}
.or_btn span {display: flex;}
.or_btn span:first-child p:first-child {margin-left: 8px;}
.or_btn p {height: 26px; margin-right: 8px; border-radius: 3px; color: #fff; line-height: 26px; font-size: 14px; background: #ff7b4a;}
.or_btn p a {color: #fff; padding: 0 8px; display: block;}

/*---------------物流详情-------------------*/
.post_txt {float: left; width: 100%; background: #fff; overflow: hidden;}
.post_txt li {float: left; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; text-indent: 15px; border-bottom: 1px solid #eee; overflow: hidden;}
.logistics {float: left; width: 100%; padding: 15px 0; overflow: hidden;}
.logistics ul {float: left; position: relative; width: 100%; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.logistics ul:after {content: ""; position: absolute; left: 80px; top: 3px; width: 1px; height: 100%; background: #eee;}
.logistics li {float: left; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 80px; margin-bottom: 35px;}
.logistics li em {float: left; position: relative; width: 100%; line-height: 22px; padding-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; font-size: 14px; text-align: left;}
.logistics li.v2 em,.logistics li.v2 span,.logistics li.v2 b,.logistics li.v2 i {color: #ff7b4a;}
.logistics li.v1 em:before {content: ""; z-index: 2; position: absolute; left: -6px; top: 4px; width: 13px; height: 13px; border-radius: 50%; background: url(../images/post_ico.png) no-repeat; background-size: 13px auto;}
.logistics li.v2 em:before {content: ""; z-index: 2; position: absolute; left: -7px; top: 3px; width: 15px; height: 15px; border-radius: 50%; background: url(../images/post_icoy.png) no-repeat; background-size: 15px auto;}
.logistics li span {float: left; position: relative; width: 100%; font-style: normal; padding-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; line-height: 18px; color: #999; font-size: 12px; text-align: left;}
.logistics li span:before {content: ""; z-index: 2; position: absolute; left: -3px; top: 5px; width: 7px; height: 7px; border-radius: 50%; background: #cdcdcd;}
.logistics li.v1 span:before,.logistics li.v2 span:before {background: none;}
.logistics li b {position: absolute; left: 0; top: 1px; width: 60px; text-align: right; font-size: 14px; line-height: 20px; color: #999;}
.logistics li i {position: absolute; left: 0; top: 20px; width: 60px; text-align: right; font-size: 12px; line-height: 14px; color: #999;}

/*---------------修改资料-------------------*/
.pface {float: left; position: relative; width: 100%; height: 90px; border-bottom: 1px solid #eee; background: #fff; overflow: hidden;}
/*.pface:after {position: absolute; content: ""; right: 15px; top: 37px; width: 14px; height: 14px; border-right: 2px solid #ddd; border-top: 2px solid #ddd; -webkit-transform: rotate(45deg);}*/
.pface span {float: left; font-size: 14px; padding-left: 15px; line-height: 90px; color: #333; overflow: hidden;}
.pface em {position: absolute; right: 35px; top: 10px; width: 70px; height: 70px; overflow: hidden;}
.pface img {width: 100%; height: 100%; border-radius: 5px;}
.pface em input {position: absolute; left: 0; top: 0; height: 100%; opacity: 0;}
.edit_list {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.edit_list li {float: left; position: relative; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.edit_list li em {position: absolute; left: 15px; top: 0; font-style: normal; font-weight: normal; font-size: 14px; color: #333; height: 45px; width: 60px; overflow: hidden;}
.edit_list li a {width: 100%; height: 100%; color: #333; display: block;}
.edit_list li b {float: right; position: relative; padding-right: 35px; font-size: 14px; font-style: normal; color: #333; font-weight: normal;}
.edit_list li b:after {position: absolute; content: ""; width: 14px; height: 14px; right: 15px; top: 15px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);}
.edit_list li span {height: 45px; margin-left: 75px; overflow: hidden; display: block;}
.edit_list li span input {width: 100%; height: 45px; border: none; background: none; line-height: normal; outline: none; font-size: 16px; color: #666; overflow: hidden;}
.reg_photo {float: left; width: 100%; padding: 0 10px; margin-top: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; overflow: hidden;}
.reg_photo h1 {float: left; width: 100%; border-bottom: 1px solid #eee; line-height: 45px; line-height: 45px; font-style: normal; font-weight: normal; text-align: left; font-size: 14px; color: #333; overflow: hidden;}
.reg_photo h1 span {float: left; padding-left: 5px;}
.reg_photo .pic {float: left; width: 100%; padding: 20px 0; overflow: hidden;}
.reg_photo .pic .left {float: left; width: 50%; text-align: center;}
.reg_photo .pic .left img {max-width: 80%;}
.reg_photo .pic .right {float: left; position: relative; width: 50%; text-align: center;}
.reg_photo .pic .right img {max-width: 80%;}
.reg_photo .pic .right input {position: absolute; left: 0; top: 0;height: 100%; opacity: 0;}
.edit_btn {float: left; width: 100%; padding: 40px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.edit_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

/*---------------添加地址-------------------*/
.add_adress {float: left; width: 100%; border-top: 1px solid #eee; background: #fff; font-size: 16px; overflow: hidden;}
.add_adress dd {float: left; position: relative; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.add_adress dd em {position: absolute; left: 12px; top: 0; font-style: normal; font-weight: normal; font-size: 14px; color: #333; height: 45px; width: 90px; overflow: hidden;}
.add_adress dd span {height: 45px; margin-left: 102px; overflow: hidden; display: block;}
.add_adress dd span input {width: 100%; height: 45px; border: none; background: none; line-height: normal; outline: none; font-size: 14px; color: #666; overflow: hidden;}

.add_adress dd.m_cate a {width: 100%; height: 100%; color: #333; display: block;}
.add_adress dd.m_cate span {position: absolute; width: 92px; left: 12px; top: 0; font-size: 14px; line-height: 45px; margin: 0;}
.add_adress dd.m_cate b {position: relative; padding-right: 35px; font-size: 14px; color: #999; text-align: right; margin-left: 102px; font-style: normal; font-weight: normal; display: block;}
.add_adress dd.m_cate b:after {position: absolute; content: ""; width: 12px; height: 12px; right: 15px; top: 16px; border-right: 2px solid #ccc; border-top: 2px solid #ccc; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.add_adress dd.ms {float: left; width: 100%; height: 100px; overflow: hidden;}
.add_adress dd.ms textarea {float: left; width: 100%; height: 100px; padding: 10px 15px; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 22px; border: none; font-size: 14px; color: #333; outline: none; overflow: hidden;}
.jiaj_box {float: left; position: relative; width: 100%; height: 45px; line-height: 45px; padding-right: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; margin-top: 12px; overflow: hidden;}
.jiaj_box em {float: left; padding-left: 12px; color: #333; font-style: normal; font-weight: normal;}
.jiaj_box i {position: absolute; right: 0; top: 0; height: 45px; width: 70px; text-align:center; overflow: hidden;}
.tgl-light {display: none;}
.tgl-light+.tgl-btn {outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; width: 52px; height: 26px; margin-top: 7px; position: relative; cursor: pointer;}
.tgl-light+.tgl-btn:after,.tgl-light+.tgl-btn:before {position: relative; display: block; content: ""; width: 50%; height: 100%;}
.tgl-light+.tgl-btn:after {left: 0;}
.tgl-light+.tgl-btn:before {display: none;}
.tgl-light:checked+.tgl-btn:after {left: 50%;}
.tgl-light+.tgl-btn {background: #cdcdcd; border-radius: 26px; padding: 2px; -webkit-transition: all .4s ease; transition: all .4s ease;}
.tgl-light+.tgl-btn:after {border-radius: 50%; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease;}
.tgl-light:checked+.tgl-btn {background: #ff7b4a;}

.edit_add {float: left; width: 100%; overflow: hidden;}
.edit_add dl {float: left; width: 100%; padding-top: 10px; margin-bottom: 12px; background: #fff; overflow: hidden;}
.edit_add dl dt {float: left; width: 100%; line-height: 30px; font-size: 14px; color: #333; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.edit_add dl dt em {float: left; font-style: normal; font-weight: normal;}
.edit_add dl dt span {float: right;}
.edit_add dl dd.add {float: left; width: 100%; line-height: 22px; font-size: 14px; color: #555; padding: 6px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.edit_add dl dd.bot {float: left; position: relative; width: 100%; height: 40px; line-height: 40px; border-top: 1px solid #eee; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;} 
.edit_add dl dd i {float: right; font-style: normal; font-weight: normal; font-size: 14px; text-indent: 25px; overflow: hidden;}
.edit_add dl dd i a {float: left; width: 100%; color: #555; display: block;}
.edit_add dl dd i.choose {background: url(../images/us_pic4.png) no-repeat left center; background-size: 20px auto; margin-right: 12px;}
.edit_add dl dd i.edit {background: url(../images/edit.png) no-repeat left center; background-size: 20px auto; margin-right: 12px;}
.edit_add dl dd i.del {background: url(../images/del.png) no-repeat left center; background-size: 20px auto;}
.edit_add dl dd.bot b {position: absolute; left: 12px; top: 2px; height: 40px; width: 110px; font-size: 14px; text-align: left; overflow: hidden;}
.edit_add dl dd.bot b input[type="radio"] {display: none;}
.edit_add dl dd.bot b [id^="radio-"] + label {background: url(../images/sel_off.png) no-repeat left center; background-size: 20px auto; font-weight: normal; text-indent: 25px; display: inline-block;}
.edit_add dl dd.bot b [id^="radio-"]:checked + label {background: url(../images/sel_on.png) no-repeat left center; color: #ff4802; background-size: 20px auto;}
.edit_add dl dd.bot b [id^="radio-"]:checked + label:after {background: url(../images/sel_on.png) no-repeat left center; color: #ff4802; background-size: 20px auto;}
.add_btn {position:fixed; z-index: 999; left: 0; bottom: 0; right: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #ff7b4a; overflow: hidden;}
.add_btn a {float: left; width: 100%; color: #fff; display: block;margin-top:-30px;}

/*---------------积分商城-------------------*/
.vip_list {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.vip_list .title {float: left; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; font-size: 16px; color: #ff7b4a; text-align: center; overflow: hidden;}
.vip_list .title span {position: relative; padding: 0 60px; height: 50px; display: inline-block;}
.vip_list .title span:before {content: ""; position: absolute; right: 0; top: 24px; width: 45px; height: 1px; background: #ff7b4a;}
.vip_list .title span:after {content: ""; position: absolute; left: 0; top: 24px; width: 45px; height: 1px; background: #ff7b4a;}
.vip_list ul {float: left; width: 100%; overflow: hidden;}
.vip_list ul li {float: left; width: 50%; padding-bottom: 12px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.vip_list ul li a {float: left; width: 100%; color: #333; display: block;}
.vip_list ul li:nth-child(even) {border-right: 1px solid #fff;}
.vip_list ul li em {float: left; width: 100%; overflow: hidden;}
.vip_list ul li em img {width: 100%;}
.vip_list ul li span {float: left; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; overflow: hidden;}
.vip_list ul li span.name {height: 30px; line-height: 30px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.vip_list ul li span.price {height: 22px; line-height: 22px; font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.vip_list ul li span.price i {font-style: normal; font-weight: normal; color: #ff7b4a;}
.vip_list ul li span.pv {height: 22px; line-height: 22px; font-size: 12px; color: #ff7b4a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.vip_list ul li span.btn {float: left; width: 100%; height: 28px; line-height: 28px; text-align: center; margin-top: 5px; overflow: hidden;}
.vip_list ul li span.btn b {border-radius: 14px; color: #fff; font-size: 14px; background: #ff7b4a; display: inline-block;}
.vip_list ul li span.btn b a {padding: 0 15px; color: #fff; width: auto; display: block;}

/*---------------分类-------------------*/
.pp_wrap {position: fixed; top: 40px; left: 0; right: 0; bottom: 50px; border-top: 1px solid #d5d5d5; padding-left: 80px; background: #fff; display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: space-around;}
.pp_wrap .category {width: 80px; background: #f6f5f6; overflow-y: auto; position: absolute; left: 0; top: 0; bottom: 0;}
.pp_wrap .category::-webkit-scrollbar {display: none;}
.pp_wrap .category li {position: relative; height: 45px; text-align: center; line-height: 45px; font-size: 12px; color: #666;}
.pp_wrap .category li:before {content: ""; position: absolute; z-index: 1; pointer-events: none; background: #e5e5e5; height: 1px; left: 0; right: 0; bottom: 0;}
.pp_wrap .category li.cur {color: #008cd6; background: #fff;}
.pp_wrap .category li a {display: block; color: #333;}
.pp_wrap .category li.cur a {color: #ff7b4a;}
.pp_wrap .dp_list {width: 100%; flex: 1; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto;}
.pp_wrap .dp_list::-webkit-scrollbar {display: none;}
.pp_wrap .dp_list .top_gg {float: left; width: 100%; overflow: hidden;}
.pp_wrap .dp_list .top_gg a {float: left; width: 100%; display: block;}
.pp_wrap .dp_list .top_gg img {float: left; width: 100%;}

.cate_list {float: left; width: 100%; margin-top: 10px; overflow: hidden;}
.cate_list .title {float: left; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #333; text-align: center; overflow: hidden;}
.cate_list .title span {position: relative; padding: 0 70px; height: 38px; display: inline-block;}
.cate_list .title span:before {content: ""; position: absolute; right: 0; top: 19px; width: 55px; height: 1px; background: #eee;}
.cate_list .title span:after {content: ""; position: absolute; left: 0; top: 19px; width: 55px; height: 1px; background: #eee;}
.cate_list li {float: left; width: 33.33%; margin-top: 10px; display: flex; flex-direction: column; align-items: center; overflow: hidden;}
.cate_list li a {width: 100%; display: flex; flex-direction: column; align-items: center;}
.cate_list li em {width: 60px; height: 60px; display: block; overflow: hidden;}
.cate_list li em img {width: 100%; height: 100%;}
.cate_list li span {float: left; width: 100%; height: 30px; line-height: 30px; color: #666; font-size: 12px; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}


/*---------------底部-------------------*/
.foot_nav {background: #fff; width: 100%; height: 50px; position: fixed; bottom: 0; left: 0; z-index: 5; border-top: 1px solid #d2d2d2; background: #fff;}
.foot_nav ul {width: 100%; display: -webkit-box; display: -moz-box;}
.foot_nav ul li {position: relative; text-align: center; height: 50px; -webkit-box-flex: 1; -moz-box-flex: 1;}
.foot_nav ul li .ncount {position: absolute; right: -5px; top: -12px; height: 16px; line-height: 16px; font-size: 12px; padding: 0 8px; border-radius: 8px 8px 8px 0; color: #fff; background: -webkit-linear-gradient(left,#da1911,#e16c44);}

.foot_nav ul li .nav1 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left 0px; background-size: 24px auto;}
.foot_nav ul li.current .nav1 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -24px; background-size: 24px auto;}
.foot_nav ul li .nav2 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -48px; background-size: 24px auto;}
.foot_nav ul li.current .nav2 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -72px; background-size: 24px auto;}

.foot_nav ul li .nav3 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -96px; background-size: 24px auto;}
.foot_nav ul li.current .nav3 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -120px; background-size: 24px auto;}
.foot_nav ul li .nav4 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -144px; background-size: 24px auto;}
.foot_nav ul li.current .nav4 {width: 24px; height: 24px; margin: 0 auto; background: url(../images/bot_nav.png) no-repeat left -168px; background-size: 24px auto;}
.foot_nav ul li.current a {color: #ff7b4a; text-decoration: none; display: block; padding-top: 4px;}
.foot_nav ul li a {color: #888; height: 100%; text-decoration: none; display: block; padding-top: 4px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.foot_nav ul li a:active {background: none;}
.foot_nav ul li p {padding-top: 2px; font-size: 12px;}

/*---------------新增的样式-------------------*/
/*---------------积分商城-------------------*/
.jf_banner {float: left; width: 100%; background: #fff; overflow: hidden;}
.jf_banner img {width: 100%;}

.jf_list {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.jf_list .title {float: left; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; font-size: 16px; color: #ff7b4a; text-align: center; overflow: hidden;}
.jf_list .title span {position: relative; padding: 0 60px; height: 50px; display: inline-block;}
.jf_list .title span:before {content: ""; position: absolute; right: 0; top: 24px; width: 45px; height: 1px; background: #ff7b4a;}
.jf_list .title span:after {content: ""; position: absolute; left: 0; top: 24px; width: 45px; height: 1px; background: #ff7b4a;}
.jf_list ul {float: left; width: 100%; overflow: hidden;}
.jf_list ul li {float: left; width: 50%; padding-bottom: 12px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.jf_list ul li a {float: left; width: 100%; color: #333; display: block;}
.jf_list ul li:nth-child(even) {border-right: 1px solid #fff;}
.jf_list ul li em {float: left; width: 100%; overflow: hidden;}
.jf_list ul li em img {width: 100%;}
.jf_list ul li span {float: left; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; overflow: hidden;}
.jf_list ul li span.name {height: 30px; line-height: 30px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jf_list ul li span.jifen {height: 25px; line-height: 25px; text-align: center; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jf_list ul li span.jifen i {font-style: normal; font-weight: normal; color: #ff7b4a;}
.jf_list ul li span.btn {float: left; width: 100%; height: 28px; line-height: 28px; text-align: center; margin-top: 5px; overflow: hidden;}
.jf_list ul li span.btn b {border-radius: 14px; color: #fff; font-size: 14px; background: #ff7b4a; display: inline-block;}
.jf_list ul li span.btn b a {padding: 0 15px; color: #fff; width: auto; display: block;}

/*---------------支付弹窗-------------------*/
.ye_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.ye_box {z-index: 10003; position: fixed; left: 10%; top: 50%; margin-top: -65px; width: 80%; padding-top: 10px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.ye_box .txt_ts {float: left; width: 100%; padding: 15px 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.ye_box .txt_ts p {float: left; width: 100%; line-height: 25px; font-size: 16px; color: #333; text-align: center; overflow: hidden;}
.ye_box .txt_ts p i {font-style: normal; color: #ff7b4a; padding: 0 5px;}
.ye_box .d_btn {float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.ye_box .d_btn span {float: left; width: 50%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ye_box .d_btn span button {width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; border-radius: 5px; background: #ff7b4a; display: block;}
.ye_box .d_btn span:first-child button {background: #848484;}

/*---------------多海报页面-------------------*/
.big_pfdiv {position: fixed; width: 100%; left: 0; bottom: 50px; height: 46px; background: rgba(0,0,0,.6);}
.big_pfdiv a,.optbtn a {position: absolute; top: 0; width: 46px; height: 46px; text-indent: -9999px; display: block;}
.big_pfdiv a.pre {left: 0; background: url(../images/pre_ico.png) no-repeat center; background-size: 26px auto;}
.big_pfdiv a.next {left: 46px; background: url(../images/next_ico.png) no-repeat center; background-size: 26px auto;}
.big_pfdiv a.download,.optbtn a.download {right: 46px; background: url(../images/down_ico.png) no-repeat center; background-size: 26px auto;padding-right:100px;}
.big_pfdiv a.home,.optbtn a.home {right: 0; background: url(../images/home_ico.png) no-repeat center; background-size: 26px auto;}

/*---------------余额明细/信用余额记录/积分明细-------------------*/
.mx_tab {float: left; width: 100%; height: 45px; line-height: 45px; background: #fff; overflow: hidden;}
.mx_tab li {float: left; position: relative; width: 20%; text-align: center; font-size: 14px; overflow: hidden;}
.mx_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.mx_tab li:last-child:before {background: none;} 
.mx_tab li.cur {color: #ff7b4a; position: relative;}
.mx_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 2px; background: #ff7b4a;}
.mx_box {float: left; width: 100%; background: #fff; overflow: hidden;}
.mx_box .tit {float: left; width: 100%; line-height: 45px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.mx_box .tit span {color: #333; padding-left: 15px;}
.mx_box .tit em {color: #ff7b4a; padding-right: 15px;}
.mx_box dl {float: left; position: relative; width: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; overflow: hidden;}
.mx_box dl dd {width: 100%; flex: 1; line-height: 20px; font-size: 12px; color: #333;}
.mx_box dl dt {position: absolute; right: 20px; top: 50%; color: #ff7b4a; margin-top: -15px; line-height: 30px; font-size: 16px;}

/*---------------换绑手机-------------------*/
.odd_tel {float: left; width: 100%; line-height: 30px; text-align: center; margin-top: 15px; font-size: 16px; color: #000; overflow: hidden;}
.odd_tel em {width: 24px; height: 24px; margin-bottom: -5px; overflow: hidden; display: inline-block;}
.odd_tel em img {width: 100%;}
.odd_tel span {margin-left: 5px; line-height: 24px;}
.tel_btn {float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.tel_btn button {width: 50%; margin: auto; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

.bd_list {float: left; width: 100%; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.bd_list li.name input {background: #fff url(../images/ico1.png) no-repeat no-repeat 12px center; background-size: 20px auto;}
.bd_list li.tel input {background: #fff url(../images/ico5.png) no-repeat no-repeat 12px center; background-size: 20px auto;}
.bd_list li.code input {background: #fff url(../images/ico3.png) no-repeat no-repeat 12px center; background-size: 20px auto; display: block;}
.bd_list li.sf input {background: #fff url(../images/ico4.png) no-repeat no-repeat 12px center; background-size: 20px auto; display: block;}
.bd_list li.add input {background: #fff url(../images/address.png) no-repeat no-repeat 12px center; background-size: 20px auto; display: block;}
.bd_list li {float: left; position: relative; width: 100%; height: 42px; line-height: 42px; margin-bottom: 15px;}
.bd_list li span {height: 42px; display: block;}
.bd_list li span input {width: 100%; height: 42px; text-indent: 40px; border: none; background: none; line-height: normal; outline: none; font-size: 14px; color: #333; box-shadow: 0 2px 2px rgba(0,0,0,.1); overflow: hidden;}
.bd_list li.code b {position: absolute; right: 0; top: 0; width: 80px; height: 42px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 42px; text-align: center; border-radius: 4px; background: #133c69; color: #fff; overflow: hidden; display: block;}
.bd_list li.code b a {color: #fff; display: block;}
.bd_list li.code span {margin-right: 90px;}
.bd_tel li input{box-sizing:border-box;}

/*---------------生活百科-------------------*/
.baike {float: left; width: 100%; margin-top: 12px; background: #fff; display: flex; direction: column; overflow: hidden;}
.baike:first-child {margin: 0;}
.baike .pimg {float: left; width: 100%; overflow: hidden;}
.baike .pimg img {float: left; width: 100%;}
.baike .tit {float: left; width: 100%; line-height: 30px; padding: 10px 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #333;}
.baike .txt {float: left; width: 100%; max-height: 40px; line-height: 20px; font-size: 12px; padding: 0 12px; margin-bottom: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.detail_tit {float: left; width: 100%; line-height: 30px; margin-top: 20px; font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #dedede; text-align: center; color: #333; overflow: hidden;}
.news_date {float: left; width: 100%; line-height: 30px; text-align: center; color: #999; font-size: 14px; overflow: hidden;}
.newscontent {float: left; width: 100%; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 2em; font-size: 14px; color: #666; line-height: 22px; overflow: hidden;}
.newscontent img {width: 100%; margin: 15px 0;}

/*---------------搜索-------------------*/
.search-box{position: fixed;z-index: 99; left:0;top:0;width:100%;height: 100%;}
.search-top{padding:1rem;background:#000;background-color:#ff7b4a;}
.search-top span{width:85%;height:3.2rem;background:#fff;border-radius:.3rem;}
.search-top .search-tb{width: 1.8rem;height: 1.8rem;background:url(../images/search_tb.png) no-repeat;background-size:contain;vertical-align: middle;}
.search-top input{width:85%;height:3.2rem;border:none;vertical-align: middle;-webkit-appearance: none;font-size: 1.4rem;}
.search-top em{line-height:3.2rem;}

.search-label-box{padding-top:2rem;}
.search-record{padding:0 1rem;}
.search-record + .search-record{padding-top:2rem;border-top:.1rem solid #e0e0e0;}
.search-tit:before{content:'';display:inline-block;width:.3rem;height: 1.4rem;margin-right:.5rem;background:#000; vertical-align: middle;}
.search-label{font-size:0;max-height:9.6rem; overflow: hidden;}
.search-label i{min-width:5.3rem;max-width:10rem;height: 2.8rem;line-height: 2.8rem;padding:0 1rem;box-sizing: border-box;background:#000; color:#fff;margin:0 .2rem .5rem .3rem;font-size:1.2rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align: center;}
.search-clear{border:.1rem solid #000;width:23rem;height: 3rem;line-height: 3rem; margin: 3rem auto ;}
.search-list-box{padding-top:9.7rem;overflow: hidden;}
.list-top{position:fixed; z-index:6;left:0;top:5.2rem;width:100%;max-width:640px;height:3.4rem;line-height: 3.4rem;background:#e6e6e6;font-size: 0;}
.list-top i{width: 33%;box-sizing: border-box; font-size: 1.4rem; vertical-align: top}
.list-top i+i:before{content:"";float:left;width:.1rem;height:1.8rem;margin-top:.8rem;border-left:.1rem solid #a8a8a8;}
.list-top .on{font-weight: bold;color:#000;}
.search-price em{ vertical-align: middle;}
.search-price em:before,.search-price em:after{content: '';display:block;width:0;border:.4rem solid transparent;border-bottom-color:#999;}
.search-price .order:before{border-bottom-color:#333;}
.search-price em:after{border-top-color:#999;border-bottom-color:transparent;margin-top:.2rem;}
.search-price.on em:after{border-top-color:#333;}
.search-price.on .order:after{border-top-color:#999;border-bottom-color:transparent;}
@media screen and (min-width: 640px){
    .search-box,.list-top{left:50%;margin-left:-320px;}
}
.search-body{background:#f2f3f4}

        /*---------------我的粉丝-------------------*/
.mx_box_fans {float: left; width: 100%; background: #fff; overflow: hidden;}
.mx_box_fans .tit {float: left; width: 100%; line-height: 45px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.mx_box_fans .tit span {color: #333; padding-left: 15px;}
.mx_box_fans .tit em {color: #ff7b4a; padding-right: 15px;}
.mx_box_fans dl {float: left; position: relative; width: 100%; min-height: 70px; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; overflow: hidden;}
.mx_box_fans dl dd {margin-left: 60px; line-height: 20px; font-size: 12px; color: #333; overflow: hidden;display:block;}
.mx_box_fans dl dt {position: absolute; left: 20px; top: 10px; width: 50px; height: 50px;}
.mx_box_fans dl dt img {width: 100%;height:100%;border-radius:50px;}

/*---------------新用户专享-------------------*/
.new_pro {float: left; width: 100%; background: #fff; overflow: hidden;}
.new_pro em,.new_pro em img {float: left; width: 100%;}
.new_pro span {float: left; width: 100%; margin-top: 10px; text-align: center; overflow: hidden;}
.new_pro span a {padding: 0 20px; height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px; color: #fff; background: #ff7b4a; overflow: hidden; display: inline-block;}

.newuser {float: left; width: 100%; padding-top: 10px; background: #fff; overflow: hidden;}
.newuser h1 {float: left; width: 100%; line-height: 40px; font-size: 16px; text-indent: 25px; color: #3e3e3e; background: url(../images/huo.png) no-repeat 10px center; background-size: 10px auto;}
.newuser h1 i {position: relative; font-size: 14px; font-family: arial; padding-left: 15px; text-transform: uppercase;}
.newuser h1 i:after {content: ""; position: absolute; left: 8px; top: 1px; height: 14px; width: 1px; background: #555;}
.newuser ul {float: left; width: 100%; padding: 0 11px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.newuser li {float: left; width: 33.33%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.newuser li a {float: left; width: 100%; display: block;}
.newuser li em {float: left; width: 100%; overflow: hidden;}
.newuser li em img {float: left; width: 100%;}
.newuser li span {float: left; width: 100%; padding: 0 12px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: 26px; line-height: 26px; margin-top: 8px; font-size: 15px; color: #626262; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.new_detail,.new_detail img {float: left; width: 100%; overflow: hidden;}

/*---------------升级-------------------*/
.sj_top_box {float: left; position: relative; width: 100%; height: 228px; background: url(../images/vip_bg.png) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.sj_top_box .curjb {float: left; width: 100%; margin-top: 60px; font-size: 12px; text-align: center; color: rgba(255,255,255,.5); overflow: hidden;}
.sj_top_box .name {float: left; width: 100%; font-size: 38px; margin-top: 10px; text-align: center; color: #fff; overflow: hidden;}
.sj_top_box .ins {float: left; width: 100%; line-height: 22px; margin-top: 60px; font-size: 12px; text-align: center; color: rgba(255,255,255,.5); overflow: hidden;}
.upgrade_tab {float: left; width: 100%; background: #fff; overflow: hidden;}
.upgrade_tab li {float: left; width: 33.33%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;}
.upgrade_tab li em {width: 56px; height: 56px; border: 2px solid #ff7b4a; border-radius: 50%; margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.upgrade_tab li span {width: 100%; line-height: 30px; margin-bottom: 20px; font-size: 12px; color: #666; text-align: center;}
.upgrade_tab li.cur span {color: #ff7b4a;}

.Privilege {float: left; width: 100%; margin-top: 20px; overflow: hidden;}
.Privilege .title {float: left; width: 100%; height: 38px; line-height: 38px; font-size: 16px; color: #ff7b4a; text-align: center; overflow: hidden;}
.Privilege .title span {position: relative; padding: 0 70px; height: 38px; display: inline-block;}
.Privilege .title span:before {content: ""; position: absolute; right: 0; top: 19px; width: 55px; height: 1px; background: #ff7b4a;}
.Privilege .title span:after {content: ""; position: absolute; left: 0; top: 19px; width: 55px; height: 1px; background: #ff7b4a;}
.Privilege .fuli_txt {float: left; position: relative; width: 100%; padding: 10px 20px; font-size: 14px; line-height: 22px; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.sji_btn {float: left; width: 100%; padding: 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.sji_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

.sxy_tit {float: left; width: 100%; height: 45px; background: #fff; border-bottom: 1px solid #eee; overflow: hidden;}
.sxy_tit span {float: left; width: 58px; text-align: center; height: 23px; line-height: 23px; font-size: 14px; color: #ff7b4a; margin: 10px 0 0 15px; border: 1px solid #ff7b4a; border-radius: 3px; background: #fff;}
.ty_btn {float: left; width: 100%; padding: 40px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.ty_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

/*---------------登录-------------------*/
.login_list {float: left; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; overflow: hidden;}
.login_list li {float: left; position: relative; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; overflow: hidden;}
.login_list li:last-child {border: none;}
.login_list li em {position: absolute; left: 10px; top: 0; font-style: normal; font-weight: normal; font-size: 14px; color: #333; height: 60px; width: 90px; overflow: hidden;}
.login_list li b {position: absolute; right: 0; top: 0; width: 60px; text-align: center; height: 60px; overflow: hidden;}
.login_list li b img {width: 40px; margin-top: 18px;}
.login_list li b a {float: left; width: 100%; height: 100%; display: block;}
.login_list li span {height: 60px; margin-left: 100px; overflow: hidden; display: block;}
.login_list li span input {width: 100%; height: 60px; border: none; background: none; line-height: normal; outline: none; font-size: 14px; color: #666; overflow: hidden;}
.login_btn {float: left; width: 100%; padding: 10px; margin-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.login_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}
.forget {float: left; width: 100%; line-height: 25px; font-size: 14px; color: #82c1ea; text-align: center; overflow: hidden;}
.forget a {color: #ff7b4a;}
.lreg {position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; line-height: 30px; font-size: 14px; color: #82c1ea;}
.lreg a {color: #ff7b4a;}
.third_txt {position: absolute; bottom: 80px; left: 0; width: 100%; overflow: hidden;}
.third_txt h1 {float: left; width: 100%; font-style: normal; font-weight: normal; line-height: 30px; text-align: center; font-size: 12px; color: #bbb; overflow: hidden;}
.third_txt .tbox {float: left; width: 100%; margin-top: 7px; text-align: center; overflow: hidden;}
.third_txt .tbox .wx_btn {padding: 0 21px; overflow: hidden; display: inline-block;}
.third_txt .tbox .wx_btn span {width: 44px; height: 44px; background: #ececec; text-align: center; border-radius: 50%; overflow: hidden; display: inline-block;}
.third_txt .tbox .wx_btn span a {float: left; width: 100%; display: block;}
.third_txt .tbox .wx_btn span img {width: 44px; height: 44px;}

/*---------------注册-------------------*/
.reg_list {float: left; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; overflow: hidden;}
.reg_list li {float: left; position: relative; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; overflow: hidden;}
.reg_list li:last-child {border: none;}
.reg_list li em {position: absolute; left: 10px; top: 0; font-style: normal; font-weight: normal; font-size: 14px; color: #333; height: 60px; width: 90px; overflow: hidden;}
.reg_list li span {height: 60px; margin-left: 100px; overflow: hidden; display: block;}
.reg_list li span input {width: 100%; height: 60px; border: none; background: none; line-height: normal; outline: none; font-size: 14px; color: #666; overflow: hidden;}
.reg_list li.info b {position: absolute; right: 0; top: 10px; width: 90px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 40px; text-align: center; border-radius: 5px; background: #ff7b4a; color: #fff; overflow: hidden; display: block;}
.reg_list li.info b a {color: #fff; display: block;}
.reg_list li.info span {margin: 0 100px;}
.reg_btn {float: left; width: 100%; padding: 10px; margin-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.reg_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}

/*---------------全部商品-------------------*/
.mall_tab {float: left; width: 100%; height: 45px; line-height: 45px; background: #fff; overflow: hidden;}
.mall_tab li {float: left; position: relative; width: 20%; text-align: center; font-size: 14px; overflow: hidden;}
.mall_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.mall_tab li:last-child:before {background: none;} 
.mall_tab li.cur {color: #ff7b4a; position: relative;}
.mall_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #ff7b4a;}
.mall_detail {float: left; width: 100%; font-size: 14px; line-height: 25px; color: #333; overflow: hidden;}
.mall_detail .pro_list {float: left; width: 100%; margin-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: tabz .4s; overflow: hidden;}
.mall_detail .pro_list li {float: left; position: relative; padding-bottom: 10px; margin-bottom: 8px; width: 49%; background: #fff; overflow: hidden;}
.mall_detail .pro_list li:nth-child(even) {float: right;}
.mall_detail .pro_list li a {float: left; width: 100%; display: block;}
.mall_detail .pro_list li .proimg {float: left; width: 100%; overflow: hidden;}
.mall_detail .pro_list li .proimg img {width: 100%;}
.mall_detail .pro_list li .pro_name {float: left; width: 100%; height: 30px; line-height: 30px; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mall_detail .pro_list li .rj_price {float: left; width: 100%; line-height: 30px; font-size: 16px; text-indent: 5px; color: #ff7b4a; overflow: hidden;}
.mall_detail .pro_list li .gwc {position: absolute; right: 5px; bottom: 10px; border-radius: 3px; line-height: 30px; font-size: 13px; color: #fff; background: #ff7b4a; overflow: hidden;}
.mall_detail .pro_list li .gwc a {width: auto; color: #fff; padding: 0 6px; display: block;}

/*---------------产品评价-------------------*/
.pro_tab li {width:33.33%;}
.pro_detail .plcount {padding: 0 10px; font-size: 14px; background: #fff; height: 45px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.pro_detail .plcount span {color: #333;}
.pro_detail .plcount em {color: #666;}

.pro_detail .pinglun {background: #fff; display: flex; flex-direction: column;}
.pro_detail .pinglun .pmsg_box {padding: 10px; text-align: left; border-bottom: 1px solid #eee; display: flex; flex-direction: column;}
.pro_detail .pinglun .pmsg_box .face_name {display: flex; align-items: center; justify-content: space-between}
.pro_detail .pinglun .pmsg_box .face_name img {width: 40px; height: 40px; border-radius: 50%;}
.pro_detail .pinglun .pmsg_box .face_name .name_pf {width: 100%; flex: 1; height: 40px; padding-left: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.pro_detail .pinglun .pmsg_box .face_name .name_pf span {font-size: 15px; text-align: left; color: #333; padding-left: 5px;}
.pro_detail .pinglun .pmsg_box .face_name .name_pf .credit {position: relative; width: 75px; height: 15px; margin: 0 3px; display: inline-block; vertical-align: middle; background: url(../images/star.png) no-repeat 0 -15px; background-size: 75px auto;}
.pro_detail .pinglun .pmsg_box .face_name .name_pf .credit i {height: 15px; position: absolute; top: 0; left: 0; background: url(../images/star.png) no-repeat 0 0; background-size: 75px auto;}
.pro_detail .pinglun .pmsg_box .face_name em {font-size: 12px; color: #999;}
.pro_detail .pinglun .pmsg_box .msg {font-size: 14px; color: #333; line-height: 20px; margin-top: 10px;}
.pro_detail .pinglun .pmsg_box .cate {font-size: 12px; color: #999; margin-top: 5px;}
.pro_detail .pinglun .pmsg_box .photo {display: flex; flex-wrap: wrap; margin: 5px -5px 0;}
.pro_detail .pinglun .pmsg_box .photo a {width: 33.33%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pro_detail .pinglun .pmsg_box .photo img {width: 100%;}

/*---------------评论-------------------*/
.pl_list {float: left; margin-bottom: 10px;}
.pl_pro {padding: 5px; border-radius: 5px; padding-bottom: 10px; border-bottom: 1px dashed #eee; background: #fff; display: flex; justify-content: center;}
.pl_pro a {display: flex; justify-content: center;}
.pl_pro .pic {width: 65px; height: 65px;}
.pl_pro .pic img {width: 100%; height: 100%;}
.pl_pro .content {width: 100%; flex: 1; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.pl_pro .content .name {font-size: 12px; color: #333; max-height: 36px; line-height: 18px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pl_pro .content .price {color: #ff7b4a; font-size: 16px;}
.pjms {float: left; width: 100%; overflow: hidden;}
.pjms textarea {float: left; width: 100%; height: 120px; padding: 10px 15px; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 22px; border: none; font-size: 12px; color: #333; outline: none; overflow: hidden;}
.up_img {float: left; width: 100%; padding-bottom: 10px; background: #fff;}
.up_img ul {float: left; width: 100%; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.up_img ul li {float: left; position: relative; width: 25%; max-height: 100px; padding: 6px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.up_img ul li img {width: 100%; max-height: 92px; border-radius: 5px;}
.up_img ul li em {position: absolute; right: -3px; top: -3px; width: 21px; height: 21px; text-indent: -9999px; border-radius: 50%; background: rgba(0,0,0,.8); overflow: hidden;}
.up_img ul li em a {float: left; width: 100%; display: block;}
.up_img ul li em:before {content: ""; position: absolute; top: 4px; right: 10px; width: 1px; height: 12px; background: #fff; -webkit-transform: rotate(45deg);}
.up_img ul li em:after {content: ""; position: absolute; top: 4px; left: 10px; width: 1px; height: 12px; background: #fff; -webkit-transform: rotate(-45deg);}
.up_img li input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.up_img ul li.up img {border: 1px dashed #ccc; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col-sm-12 {float: left; width: 100%; padding: 10px 0; border-top: 1px dashed #eee; background: #fff; overflow: hidden;}
.col-sm-12 .col-sm-6 {float: left; width: 100%;}
.col-sm-12 .col-sm-6 p {float: left; width: 100%; height: 30px; line-height: 30px; padding-left: 12px; -webkit-box-sizing: border-box; font-size: 14px; display: flex;}
.col-sm-12 .col-sm-6 label {padding-right: 15px; display: inline-block; text-align: right; max-width: 100%; font-weight: bold; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: flex; align-items: center;}
.col-sm-12 .col-sm-6 label img {max-width: 20px; margin: 0 3px;}
.pj_btn {float: left; width: 100%; padding: 0 10px 10px; margin-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.pj_btn button {width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; border-radius: 5px; background: #b8a085; display: block;}

/*---------------团购首页-------------------*/
.groupon .pintuan {float: left; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .pintuan .probox {float: left; position: relative; width: 100%; margin-top: 15px; border-radius: 8px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow: hidden;}
.groupon .pintuan .probox em {float: left; position: relative; width: 100%; overflow: hidden;}
.groupon .pintuan .probox em img {float: left; width: 100%;}
.groupon .pintuan .probox em i {position: absolute; left: 0; top: 0; height: 23px; line-height: 23px; border-radius: 0 0 8px 0; color: #fff; font-size: 12px; padding: 0 12px; background: #ff7b4a;}
.groupon .pintuan .probox .tit {float: left; width: 100%; padding: 10px 10px 0; line-height: 22px; font-size: 16px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .pintuan .probox .count {float: left; width: 100%; padding: 0 10px; line-height: 20px; font-size: 12px; color: #999; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .pintuan .probox .price {float: left; width: 100%; padding: 10px 10px 5px; line-height: 30px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .pintuan .probox .price b:nth-child(1) {font-size: 22px; color: #ff7b4a; margin-right: 10px; font-family: arial;}
.groupon .pintuan .probox .price b:nth-child(2) {color: #333; margin-right: 10px; text-decoration: line-through;}
.groupon .pintuan .probox .price b:nth-child(3) {color: #999; margin-right: 10px;}
.groupon .pintuan .probox .btn {position: absolute; right: 10px; bottom: 10px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; border-radius: 16px; box-shadow: 0 0 5px rgba(242,165,60,.8); background: -webkit-linear-gradient(left, #ff7b4a,#ff7b4a);}
.groupon .pintuan .probox .btn:after {content: ""; position: absolute; right: 12px; top: 12px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}
.groupon .pintuan .probox .btn a {color: #fff; padding: 0 22px 0 15px;}

/*---------------团购列表页-------------------*/
.groupon .time_cate {float: left; width: 100%; padding: 12px 0; background: #ff7b4a; display: flex; white-space: nowrap; overflow-x: auto;}
.groupon .time_cate::-webkit-scrollbar {display: none;}
.groupon .time_cate ul {width: 100%; flex: 1;}
.groupon .time_cate li {position: relative; display: inline-table; width: 75px;}
.groupon .time_cate li span {float: left; width: 100%; text-align: center; font-size: 14px; color: rgba(255,255,255,.5); line-height: 20px;}
.groupon .time_cate li.cur span {color: rgba(255,255,255,1);}

.groupon .pro_list {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.groupon .pro_list .pro_box {position: relative; min-height: 150px; padding: 0 10px 0 140px; border-bottom: 1px solid #eee; background: #fff; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around;}
.groupon .pro_list .pro_box:last-child {border: none;}
.groupon .pro_list .pro_box a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 10px 0 150px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.groupon .pro_list .pro_box .pic {width: 130px; height: 130px; position: absolute; left: 10px; top: 10px;}
.groupon .pro_list .pro_box .pic img {width: 100%; height: 100%;}
.groupon .pro_list .pro_box .name {font-size: 14px; color: #333; max-height: 40px; margin-top: 8px; line-height: 20px; overflow: hidden; display: flex;}
.groupon .pro_list .pro_box .count {margin-top: 20px; font-size: 12px; color: #999; display: flex; align-items: center; justify-content: space-between;}
.groupon .pro_list .pro_box .count i {height: 20px; line-height: 20px; border: 1px solid #ff7b4a; font-size: 12px; color: #ff7b4a; padding: 0 6px; display: inline-block;}
.groupon .pro_list .pro_box .price_btn {display: flex; align-items: center; justify-content: space-between; margin-top: 5px;}
.groupon .pro_list .pro_box .price_btn .price {display: flex; flex-direction: column;}
.groupon .pro_list .pro_box .price_btn .price span {color: #ff7b4a; font-size: 12px;}
.groupon .pro_list .pro_box .price_btn .price span:first-child i {font-style: normal; font-size: 20px;}
.groupon .pro_list .pro_box .price_btn .price span:last-child {color: #999; font-size: 12px; text-decoration: line-through;}
.groupon .pro_list .pro_box .price_btn .btn {line-height: 35px; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 15px; text-align: center; background: #ff7b4a;}
.groupon .pro_list .pro_box .price_btn .btn.none {background: #8a8a8a;}

.groupon .diline {float: left; width: 100%; height: 50px; line-height: 50px; font-size: 12px; color: #bbb; text-align: center; overflow: hidden;}
.groupon .diline span {position: relative; padding: 0 50px; height: 50px; display: inline-block;}
.groupon .diline span:before {content: ""; position: absolute; right: 0; top: 24px; width: 39px; height: 1px; background: #ddd;}
.groupon .diline span:after {content: ""; position: absolute; left: 0; top: 24px; width: 39px; height: 1px; background: #ddd;}

/*---------------商品详情-------------------*/
.groupon .banner {position: relative; width: 100%;text-align: center; overflow: hidden;}
.groupon .box {width: 100%; position: relative;}
.groupon .box .swiper-wrapper {width: 100%;}
.groupon .box .swiper-slide img {float: left; width: 100%;}
.groupon .box .swiper-pagination {width: 100%; height: 18px; text-align: center; bottom: 7px;}
.groupon .box .swiper-pagination-bullet {margin: 0 3px;}
.groupon .box .swiper-slide,.groupon .box .swiper-wrapper {height: auto !important;}
.groupon .box .bg {position: absolute; z-index: 9; left: 0; bottom: 0; width: 100%; text-align: center; overflow: hidden;}
.groupon .box .bg img {float: left; width: 50%; margin-left: 25%;}

.groupon .pindan {float: left; width: 100%; margin-top: 10px; background: #fff; overflow: hidden;}
.groupon .pindan .title {float: left; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; overflow: hidden;}
.groupon .pindan .title span {float: left; padding-left: 10px; font-size: 14px; color: #333;}
.groupon .pindan .title em {float: right; position: relative; padding-right: 30px; font-size: 14px; color: #999;}
.groupon .pindan .title em a {color: #999; display: block;}
.groupon .pindan .title em:after {content: ""; position: absolute; right: 15px; top: 50%; width: 12px; height: 12px; margin-top: -7px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: rotate(45deg);}
.groupon .pindan ul {float: left; width: 100%; overflow: hidden;}
.groupon .pindan ul li {float: left; width: 100%; height: 60px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.groupon .pindan ul li:last-child {border: none;}
.groupon .pindan ul li .face_name {display: flex; align-items: center;}
.groupon .pindan ul li .face_name img {width: 45px; height: 45px; border-radius: 50%;}
.groupon .pindan ul li .face_name b {padding-left: 10px; font-size: 14px; color: #333;}
.groupon .pindan ul li .pd {display: flex; align-items: center;}
.groupon .pindan ul li .pd .info {display: flex; flex-direction: column; align-items: center;}
.groupon .pindan ul li .pd .info em {font-size: 14px; color: #333;}
.groupon .pindan ul li .pd .info em i {padding: 0 3px; color: #ff7b4a;}
.groupon .pindan ul li .pd .info b {font-size: 12px; color: #999;}
.groupon .pindan ul li .pd .btn {padding-left: 10px; display: flex; align-items: center;}
.groupon .pindan ul li .pd .btn a {height: 32px; border-radius: 5px; line-height: 32px; padding: 0 10px; font-size: 14px; color: #fff; background: #ff7b4a;}

/*---------------更多拼团弹窗-------------------*/
.groupon .ptmore_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.groupon .ptmore_box {z-index: 10003; position: fixed; left: 10%; top: 50%; margin-top: -157px; width: 80%; height: 315px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.groupon .ptmore_box .close {position: absolute; right: -10px; top: -15px; text-indent: -9999px; width: 35px; height: 35px; border-radius: 50%; background: #fff; overflow: hidden;}
.groupon .ptmore_box .close a {float: left; width: 100%; height: 100%; display: block;}
.groupon .ptmore_box .close:before {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(-45deg);}
.groupon .ptmore_box .close:after {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(45deg);}
.groupon .ptmore_box .tit {float: left; width: 100%; line-height: 40px; text-align: center; font-size: 14px; color: #333; border-bottom: 1px solid #eee; overflow: hidden;}
.groupon .ptmore_box ul {float: left; width: 100%; height: 240px; overflow-y: auto;}
.groupon .ptmore_box ul::-webkit-scrollbar {display: none;}
.groupon .ptmore_box ul li {float: left; width: 100%; height: 60px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.groupon .ptmore_box ul li .face_name {display: flex; align-items: center;}
.groupon .ptmore_box ul li .face_name img {width: 45px; height: 45px; border-radius: 50%;}
.groupon .ptmore_box ul li .face_name b {padding-left: 10px; font-size: 14px; color: #333;}
.groupon .ptmore_box ul li .pd {display: flex; align-items: center;}
.groupon .ptmore_box ul li .pd .info {display: flex; flex-direction: column; align-items: center;}
.groupon .ptmore_box ul li .pd .info em {font-size: 14px; color: #333;}
.groupon .ptmore_box ul li .pd .info em i {padding: 0 3px; color: #ff7b4a;}
.groupon .ptmore_box ul li .pd .info b {font-size: 12px; color: #999;}
.groupon .ptmore_box ul li .pd .btn {padding-left: 10px; display: flex; align-items: center;}
.groupon .ptmore_box ul li .pd .btn a {height: 32px; border-radius: 5px; line-height: 32px; padding: 0 10px; font-size: 14px; color: #fff; background: #ff7b4a;}
.groupon .ptmore_box .ts {float: left; width: 100%; line-height: 30px; text-align: center; font-size: 12px; color: #999;}

/*---------------去拼团弹窗-------------------*/
.groupon .addpt_info .black {z-index:10001; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}
.groupon .addpt_box {z-index: 10003; position: fixed; left: 10%; top: 50%; margin-top: -123px; width: 80%; height: 246px; border-radius: 6px; background: #fff; box-sizing: border-box; animation-name: anim-open; animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.6,0,0.4,1);}
.groupon .addpt_box .close {position: absolute; right: -10px; top: -15px; text-indent: -9999px; width: 35px; height: 35px; border-radius: 50%; background: #fff; overflow: hidden;}
.groupon .addpt_box .close a {float: left; width: 100%; height: 100%; display: block;}
.groupon .addpt_box .close:before {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(-45deg);}
.groupon .addpt_box .close:after {content: ""; position: absolute; left: 50%; top: 8px; width: 1px; height: 18px; background: #494949; -webkit-transform: rotate(45deg);}
.groupon .addpt_box .btn {float: left; width: 100%; padding: 15px 25px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.groupon .addpt_box .btn button {width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff7b4a; display: block;}
.groupon .addpt_box .tit {float: left; width: 100%; line-height: 40px; text-align: center; margin-top: 20px; font-size: 18px; color: #000; overflow: hidden;}
.groupon .addpt_box .txt {float: left; width: 100%; line-height: 20px; text-align: center; font-size: 14px; color: #666; overflow: hidden;}
.groupon .addpt_box .txt i {padding: 0 5px; color: #ff7b4a; font-weight: bold;}
.groupon .addpt_box ul {float: left; width: 100%; margin: 15px 0; display: flex; align-items: center; justify-content: center;}
.groupon .addpt_box ul li {position: relative; width: 50px; height: 50px; border: 1px solid #ff7b4a; margin: 0 10px; border-radius: 50%;}
.groupon .addpt_box ul li img {width: 100%; height: 100%; border-radius: 50%;}
.groupon .addpt_box ul li b {position: absolute; left: -5px; top: -5px; height: 20px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #fff; border-radius: 12px; border: 2px solid #fff; background: #ff7b4a;}
.groupon .addpt_box ul li.blk {border: 1px dashed #ccc; background: url(../images/ask.png) no-repeat center; background-size: 15px auto;}


/*---------------商品详情页-------------------*/
.groupon .name_cs {float: left; width: 100%; background: #fff; overflow: hidden;}
.groupon .name_cs .price_time {float: left; width: 100%; height: 50px; background: #fff; overflow: hidden;}
.groupon .name_cs .price_time .price {float: left; width: 65%; height: 50px; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7b4a; overflow: hidden}
.groupon .name_cs .price_time .price em {float: left; width: 100%; margin-top: 8px; line-height: 20px; font-size: 18px; color: #fff; overflow: hidden;}
.groupon .name_cs .price_time .price span {float: left; width: 100%; line-height: 20px; font-size: 12px; color: #fff; text-decoration: line-through; overflow: hidden;}
.groupon .name_cs .price_time .yp {float: right; width: 35%; height: 50px; line-height: 50px; text-align: center; font-size: 12px; color: #999; background: #fbebe9; overflow: hidden;}
.groupon .name_cs h1 {float: left; width: 100%; font-style: normal; font-weight: normal; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; font-size: 16px; color: #333; line-height: 22px; max-height: 44px; overflow: hidden;}
.groupon .name_cs .price_yf {float: left; width: 100%; line-height: 25px; padding: 0 15px; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .name_cs .price_yf em {float: left; font-style: normal; font-weight: normal; font-size: 20px; color: #ff7b4a; overflow: hidden;}
.groupon .name_cs .price_yf b {float: left; font-style: normal; font-weight: normal; font-size: 20px; color: #f00; display: flex; align-items: center; overflow: hidden;}
.groupon .name_cs .price_yf b i {height: 20px; line-height: 20px; padding: 0 5px; margin-right: 6px; text-align: center; border-radius: 3px; background: #e85555; font-size: 12px; color: #fff;}
.groupon .name_cs .price_yf span {float: right; font-size: 14px; color: #999; overflow: hidden;}
.groupon .cujfen {float: left; width: 100%; height: 40px; line-height: 40px; padding: 0 15px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; background: #fff; overflow: hidden; display: flex; justify-content: space-between;}
.groupon .cujfen span {color: #666;}
.groupon .name_cs .cs_txt {float: left; position: relative; width: 100%; height: 45px; border-top: 1px solid #eee; line-height: 45px; font-size: 14px; color: #333; overflow: hidden;}
.groupon .name_cs .cs_txt a {padding: 0 40px 0 15px; color: #333; display: block;}
.groupon .name_cs .cs_txt:after {content: ""; position: absolute; right: 15px; top: 15px; width: 14px; height: 14px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; -webkit-transform: rotate(45deg);}

.groupon .pro_tab {float: left; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; margin-top: 10px; background: #fff; overflow: hidden;}
.groupon .pro_tab li {float: left; position: relative; width: 33.33%; text-align: center; font-size: 14px; overflow: hidden;}
.groupon .pro_tab li:before {content: ""; position: absolute; top: 10px; right: 0; width: 1px; height: 25px; background: #eee;}
.groupon .pro_tab li:last-child:before {background: none;} 
.groupon .pro_tab li.cur {color: #ff7b4a; position: relative;}
.groupon .pro_tab li.cur:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 2px; background: #ff7b4a;}
.groupon .pro_detail {float: left; width: 100%; background: #fff; text-align: center; font-size: 14px; line-height: 25px; color: #333; overflow: hidden;}
.groupon .pro_detail p {text-align: left; padding: 15px;}
.groupon .pro_detail img {max-width: 100%;}

.groupon .detail_bottom {z-index: 9997; position: fixed; left: 0; bottom: 0; width: 100%; height: 45px; background: #fff; overflow: hidden;}
.groupon .detail_bottom .collect {position: absolute; left: 0; top: 0; height: 44px; width: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-top: 1px solid #ddd; border-right: 1px solid #eee;}
.groupon .detail_bottom .collect em {width: 20px; height: 20px; margin-bottom: 2px; background: url(/Assets/images/home.png) no-repeat center; background-size: 18px auto;}
.groupon .detail_bottom .collect span {font-size: 12px; color: #666;}
.groupon .detail_bottom .collect.cur em {background: url(/Assets/images/home.png) no-repeat center; background-size: 18px auto;}
.groupon .detail_bottom .btn {margin-left: 61px; display: block; overflow: hidden;}
.groupon .detail_bottom .btn span {float: left; width: 50%; line-height: 45px; font-size: 14px; text-align: center; overflow: hidden;}
.groupon .detail_bottom .btn span em {float: left; width: 100%; line-height: 18px; margin-top: 5px; font-size: 14px; color: #fff;}
.groupon .detail_bottom .btn span i {float: left; width: 100%; line-height: 18px; margin-bottom: 4px; font-size: 12px; color: #fff;}
.groupon .detail_bottom .btn span.add_cart {color: #ff7b4a; background: rgba(245,127,162,.5);}
.groupon .detail_bottom .btn span.add_cart a {color: #fff; display: block;}
.groupon .detail_bottom .btn span.buy {color: #fff; background: #ff7b4a;}
.groupon .detail_bottom .btn span.buy a {color: #fff; display: block;}

.groupon .buy_div {position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998; width: 100%; height: 100%; overflow: hidden;}
.groupon .popup {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9999; visibility: visible; transform: translate3d(0px, 0px, 0px);    transition: all 300ms ease; opacity: 1; background: white; box-shadow: 0 -1px 14px rgba(0,0,0,.9); -webkit-animation: tabz .4s;}
.groupon .popup .sku_pro {margin: 15px 15px 8px; min-height: 88px; border-bottom: 1px solid #eee; display: block;}
.groupon .popup .sku_pro .thumb {position: relative; width: 100px; height: 100px; border-radius: 5px; float: left; margin: -27px auto 0 auto; background-size: cover; overflow: hidden;}
.groupon .popup .sku_pro .thumb img {position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.groupon .popup .sku_pro .detail {margin-left: 115px; width: auto; position: relative; zoom: 1;}
.groupon .popup .sku_pro .detail .title {position: relative; padding-right: 33px; color: #333; margin-bottom: 5px; font-size: 16px; max-height: 44px; line-height: 22px; overflow: hidden;}
.groupon .popup .sku_pro .detail .goods-price {padding: 0 55px 0 0; text-align: left;}
.groupon .popup .sku_pro .detail .price {padding: 0 33px 0 0; text-align: left; font-size: 16px; color: #ff7b4a;}
.groupon .popup .sku_pro .detail .price em {font-style: normal; font-weight: normal; font-size: 12px; color: #999; padding-left: 5px;}
.groupon .popup .sku-cancel {position: absolute; height: 42px; width: 42px; right: 0; top: 0;}
.groupon .popup .sku-cancel a {padding: 10px; display: block;}
.groupon .popup .sku-cancel img {width: 22px; height: 22px;}
.groupon .popup .adv-opts {float: left; width: 100%; overflow: hidden;}
.groupon .popup .adv-opts h1 {float: left; width: 100%; line-height: 36px; text-indent: 12px; font-style: normal; font-weight: normal; font-size: 14px; text-align: left; color: #333; overflow: hidden;}
.groupon .popup .adv-opts ul {padding: 0 12px; overflow: hidden;}
.groupon .popup .adv-opts li {float: left; line-height: 28px; cursor: pointer; border: 1px solid #ccc; font-size: 14px; border-radius: 3px; padding: 0 12px; margin: 0 10px 10px 0; overflow: hidden;}
.groupon .popup .adv-opts li.active {border: 1px solid #ff7b4a; background: #ff7b4a; color: #fff;}

.groupon .popup .block-item {position: relative; border-top: 2px solid #e5e5e5; border-top-width: 1px; color: #333; padding: 20px 12px; overflow: hidden;}
.groupon .popup .block-item .pull-left {float: left; line-height: 29px; font-size: 14px;}
.groupon .popup .block-item .count {float: right; height: 32px; overflow: hidden;}
.groupon .popup .block-item .count span {float: right; height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius: 4px; background: #fff; display: inline-block; overflow: hidden;}
.groupon .popup .block-item .count span a {float: left; width: 30px; font-size: 19px; color: #333; text-align: center; background: #f2f2f2; display: inline-block;}
.groupon .popup .block-item .count span input {float: left; width: 42px; height: 30px; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dedede; border-right: 1px solid #dedede; font-size: 14px; color: #ff7b4a; text-align: center; margin: 0; padding: 0;}
.groupon .popup .item_btn {float: left; width: 100%; height: 45px; display: block; overflow: hidden;}
.groupon .popup .item_btn span {float: left; width: 50%; line-height: 44px; font-size: 14px; text-align: center; overflow: hidden;}
.groupon .popup .item_btn span.add_cart {color: #ff7b4a; border-top: 1px solid #ddd;}
.groupon .popup .item_btn span.add_cart a {color: #ff7b4a; display: block;}
.groupon .popup .item_btn span.buy {color: #fff; background: #ff7b4a; border-top: 1px solid #ff7b4a;}
.groupon .popup .item_btn span.buy a {color: #fff; display: block;}
.groupon .black_div {height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; transition: none 0.2s ease; opacity: 1; background-color: rgba(0, 0, 0, 0.8);}
.groupon .tj_tit {float: left; width: 100%; margin-top: 10px; line-height: 40px; font-size: 14px; color: #333; text-indent: 15px; background: #fff; overflow: hidden;}
.groupon .pro_tj {float: left; width: 100%; padding-bottom: 10px; background: #fff; display: flex; white-space: nowrap; overflow-x: auto;}
.groupon .pro_tj::-webkit-scrollbar {display: none;}
.groupon .pro_tj ul {width: 100%; flex: 1; padding: 0 5px 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.groupon .pro_tj li {position: relative; width: 110px; display: inline-table;}
.groupon .pro_tj li:last-child {margin-right: 5px;}
.groupon .pro_tj li a {position: relative; background: #fff; display: block; width: 100%;}
.groupon .pro_tj li .img_wrap {position: relative; width: 100%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.groupon .pro_tj li .img_wrap img {float: left; width: 100%;}
.groupon .pro_tj li .name {padding: 5px 10px 0; height: 40px; line-height: 20px; color: #333; font-size: 12px; white-space: normal; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.groupon .pro_tj li .price {position: relative; float: left; width: 100%; height: 26px; line-height: 26px; color: #ff7b4a; font-size: 10px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .pro_tj li .price em {font-style: normal; font-weight: normal; font-size: 14px;}

.groupon .hj_cs {float: left; width: 100%; border-top: 1px solid #eee; overflow: hidden;}
.groupon .hj_cs .pn {position: relative; height: 40px; line-height: 40px; text-indent: 10px; color: #333; font-size: 12px; overflow: hidden;}
.groupon .hj_cs .pn:after {content: ""; position: absolute; right: 18px; top: 13px; width: 12px; height: 12px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg);}
.groupon .hj_cs .pn a {color: #333; height: 40px; padding-right: 35px; display: block;}
.groupon .hj_cs .pn i {padding: 0 10px 0 18px; background: url(../images/qou.png) no-repeat left center; background-size: 12px auto;}

.groupon .service_div {position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000; width: 100%; height: 100%; overflow: hidden;}
.groupon .sev_box {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1002; visibility: visible; transform: translate3d(0px, 0px, 0px); transition: all 300ms ease; opacity: 1; background: #fff; box-shadow: 0 -1px 14px rgba(0,0,0,.9); -webkit-animation: tabz .4s; display: flex; flex-direction: column;}
.groupon .sev_box .title {border-bottom: 1px solid #eee; display: flex; justify-content: space-between;}
.groupon .sev_box .title h1 {width: 100%; flex: 1; height: 55px; line-height: 55px; text-indent: 55px; color: #000; font-size: 16px; text-align: center;}
.groupon .sev_box .title .close {position: relative; width: 55px; height: 55px; text-indent: -9999px;}
.groupon .sev_box .title .close a {float: left; width: 100%; height: 100%; display: block;}
.groupon .sev_box .title .close:before {content: ""; position: absolute; left: 20px; top: 27px; width: 16px; height: 1px; background: #333; -webkit-transform: rotate(45deg);}
.groupon .sev_box .title .close:after {content: ""; position: absolute; left: 20px; top: 27px; width: 16px; height: 1px; background: #333; -webkit-transform: rotate(-45deg);}
.groupon .sev_box ul {padding: 0 18px; display: flex; flex-direction: column;}
.groupon .sev_box ul li {padding: 15px 0; border-bottom: 1px dashed #ededed; display: flex; flex-direction: column;}
.groupon .sev_box ul li:last-child {border: none;}
.groupon .sev_box ul li em {font-size: 15px; color: #333; line-height: 30px; text-indent: 25px; background: url(../images/qou.png) no-repeat left center; background-size: 15px auto;}
.groupon .sev_box ul li span {font-size: 12px; color: #999; line-height: 20px;}
.groupon .sev_box .qbtn {height: 49px; line-height: 49px; color: #fff; text-align: center; font-size: 16px; background: #ff7b4a;}
.groupon .sev_box .qbtn a {color: #fff; display: block;}

/*---------------拼团用户列表-------------------*/
.groupon .user_list {float: left; width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; white-space: nowrap; overflow: hidden;}
.groupon .user_list .tit {float: left; width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px; color: #ff7b4a; font-size: 16px; overflow: hidden;}
.groupon .user_list ul {float: left; width: 100%; margin-top: 20px; overflow-x: auto;}
.groupon .user_list ul::-webkit-scrollbar {display: block;}
.groupon .user_list ul li {position: relative; width: 50px; height: 50px; border: 1px solid #ff7b4a; margin: 0 5px; border-radius: 50%; display: inline-table;}
.groupon .user_list ul li img {width: 100%; height: 100%; border-radius: 50%;}
.groupon .user_list ul li b {position: absolute; left: -5px; top: -5px; height: 20px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #fff; border-radius: 12px; border: 2px solid #fff; background: #ff7b4a;}
.groupon .user_list .ss_on {float: left; width: 100%; text-align: center; line-height: 40px; color: #666; font-size: 14px; overflow: hidden;}
.groupon .user_list .ss_on a {float: left; width: 100%; color: #666; display: block;}
.groupon .user_list .ss_on i {position: relative; width: 15px; height: 15px; margin-left: 5px;}
.groupon .user_list .ss_on i:after {content: ""; position: absolute; left: 0; top: 0; width: 0px; height: 0px; border: 6px solid transparent; border-bottom: 10px solid #999;}

/*---------------参团-------------------*/
.groupon .ct_list {float: left; width: 100%; background: #fff; overflow: hidden;}
.groupon .ct_list dl {float: left; position: relative; width: 100%; min-height: 80px; border-bottom: 1px solid #eee; overflow: hidden;}
.groupon .ct_list dl a {float: left; width: 100%; min-height: 80px; display: block;}
.groupon .ct_list dl dt {position: absolute; left: 15px; top: 10px; width: 60px; height: 60px; overflow: hidden;}
.groupon .ct_list dl dt img {width: 100%; height: 100%;}
.groupon .ct_list dl dd {margin: 0 80px 0 90px; overflow: hidden;}
.groupon .ct_list dl dd.name {line-height: 20px; margin-top: 10px; color: #333; font-size: 14px;}
.groupon .ct_list dl dd.price {line-height: 20px; margin-top: 5px; margin-bottom: 10px; color: #333; font-size: 14px;}
.groupon .ct_list dl dd.price i {color: #ff7b4a; font-size: 16px;}
.groupon .ct_list dl dd.zt {position: absolute; right: 10px; top: 6px; width: 70px; height: 70px; margin: 0; transform: rotate(-20deg);}
.groupon .ct_list dl dd.zt img {width: 100%; height: 100%;}
.groupon .tz_box {float: left; position: relative; width: 100%; height: 50px; padding: 0 12px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; background: #4b4b4b;}
.groupon .tz_box:after {content: ""; position: absolute; left: 50%; top: -5px; margin-left: -8px; width: 10px; height: 10px; background: #4b4b4b; transform: rotate(45deg);}
.groupon .tz_box .face {display: flex; align-items: center;}
.groupon .tz_box .face img {width: 30px; height: 30px; border-radius: 50%; margin-right: 10px;}
.groupon .tz_box .face span {font-size: 14px;}
.groupon .tz_box em {font-size: 12px;}

.groupon .ct_cy {float: left; width: 100%;}
.groupon .ct_cy .box {float: left; position: relative; width: 100%; height: 50px; padding: 0 12px; margin-top: 20px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff;}
.groupon .ct_cy .box:after {content: ""; position: absolute; left: 26px; top: -22px; width: 1px; height: 9px; background: #ccc;}

.groupon .ct_cy .box .face {display: flex; align-items: center;}
.groupon .ct_cy .box .face img {width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; margin-top: -45px;}
.groupon .ct_cy .box .face span {font-size: 14px;}
.groupon .ct_cy .box em {font-size: 12px; color: #999;}

.groupon .pt_btn {float: left; width: 100%; padding: 20px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.groupon .pt_btn a {float: left; width: 48%; margin: 0 1%; height: 40px; border-radius: 5px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; background: #777;}
.groupon .pt_btn a:last-child {background: #df2228;}

.groupon .pd_suc {float: left; width: 100%; margin-top: 10px; padding: 15px 0; background: #fff; overflow: hidden;}
.groupon .pd_suc em {float: left; width: 100%; text-indent: 45px; background: url(../images/pd_ico.png) no-repeat 15px center; background-size: 18px auto;}
.groupon .pd_suc ul {float: left; width: 100%; margin: 15px 0 0; padding-left: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center;}
.groupon .pd_suc ul li {position: relative; width: 50px; height: 50px; border: 1px solid #ff7b4a; margin: 0 5px; border-radius: 50%;}
.groupon .pd_suc ul li img {width: 100%; height: 100%; border-radius: 50%;}
.groupon .pd_suc ul li b {position: absolute; left: -5px; top: -5px; height: 20px; line-height: 20px; padding: 0 6px; font-size: 12px; color: #fff; border-radius: 12px; border: 2px solid #fff; background: #ff7b4a;}