@charset "utf-8";

/* 头部 */
.header{width: 100%; /*height:6vw;*/ background: linear-gradient(to right, #fc944d, #fa8077); position: fixed; top: 0; left: 0; z-index: 9;}
.header.home{background: none; position: absolute; top:0; left: 0;}
.header_in{width: 95vw; margin: 0 auto;}
.header_logo{width: 15.2vw; float: left; padding-top: 1.5vw;}
.header_logo img{width: 100%; display: block;}
.nav{float: left; margin-top: 3.3vw; line-height: 1.38vw;}
.nav ul li{ margin-left: 3vw; float: left;}
.nav ul li a{color: #5c2a09; position: relative;}
.nav ul li a.now{font-weight: bold; color: #2e2e2e;}
.nav ul li a.now::after{content: ''; width: 2vw; height: 0.25vw; background: #ffc9ac; border-radius: 100vw; position: absolute; bottom: -0.5vw; left: 0;}
.nav ul li a:hover{color: #5c2a09;}
.header_r{float: right;  height: 6vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.header_user{position: relative;}
.header_user_in{height: 3.9vw; background: #fff; border-radius: 100vw; padding-left: 0.5vw; padding-right: 1.56vw; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.header_user_avatar{width: 3.125vw; height: 3.125vw; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.header_user_name{margin-left: 0.5vw; color: #5c2a09;}
.header_user_name a{color: #5c2a09;}
.header_language{margin-left: 1vw;}
.header_language a{color: #5c2a09;}

/* 首页 */
.idx_banner{width: 100%; position: relative;}
.idx_banner img{width: 100%; display: block;}
.idx_banner_font1{font-size: 2.7vw; color: #fff; position: absolute; top: 11.5vw; left: 7.3vw; font-weight: bolder; text-transform: uppercase;}
.idx_banner_font2{width: 53.66vw; color: #fff; position: absolute; top: 20vw; left: 7.3vw; line-height: 2.5vw;  animation-delay: 1s;}
a.idx_btn{width: 14.45vw; height: 3.9vw; line-height: 3.9vw; text-align: center; color: #6e330d; background: #ffeebb; text-transform: uppercase; position: absolute; top: 30vw; left: 7.3vw; border-radius: 100vw; animation-delay: 2s;}
a.idx_btn:hover{background: #fff; color: #fc944d; }

.idx_title{width: 94%; margin: 0 auto; text-align: center; font-size: 2.77vw; font-weight: bolder;}

.idx_why_all{width: 100%; overflow: hidden;}
.idx_why{width: 85vw; margin: 0 auto;}
.idx_why_title{font-size: 2.22vw; font-weight: bold; color: #fc944d;}
.idx_why_content{line-height: 2.5vw; margin-top: 3.5vw; font-size: 1.2vw;}

.idx_why1_l{width: 41vw; float: left; margin-top: 10.5vw;}
.idx_why1_r{width: 36.9vw; float: right; position: relative; margin-top: 2.3vw;}
.idx_why1_r img{width: 100%;position: absolute; top: 0; right: 0;}
.idx_why1_r img:nth-child(1){z-index: 1; animation-delay: 0.5s;}
.idx_why1_r img:nth-child(2){z-index: 2; animation-delay: 0.8s;}
.idx_why1_r img:nth-child(3){z-index: 4; animation-delay: 1.1s;}
.idx_why1_r img:nth-child(4){z-index: 3; animation-delay: 1.1s;}
.idx_why1_r img:nth-child(5){z-index: 5;}

.idx_why2_l{width: 43vw; float: left; margin-top: 3.2vw; position: relative;}
.idx_why2_l img{width: 100%; position: absolute;}
.idx_why2_l img:nth-child(1){z-index: 1; animation-delay: 1s;}
.idx_why2_l img:nth-child(2){z-index: 2; animation-delay: 2s;}
.idx_why2_l img:nth-child(3){z-index: 4; animation-delay: 3s;}
.idx_why2_l img:nth-child(4){z-index: 3; animation-delay: 3s;}
.idx_why2_r{width: 41vw; float: right; margin-top: 11.8vw;}

.idx_why3_l{width: 41vw; float: left; margin-top: 18.5vw; padding-bottom: 7.4vw;}
.idx_why3_r{width: 40.36vw; float: right; position: relative; margin-top: 2.3vw;}
.idx_why3_r img{width: 100%;position: absolute; top: 0; right: 0;}
.idx_why3_r img:nth-child(1){z-index: 1; animation-delay: 1.5s;}
.idx_why3_r img:nth-child(2){z-index: 3; animation-delay: 2.5s;}
.idx_why3_r img:nth-child(3){z-index: 2; animation-delay: 4s;}
.idx_why3_r img:nth-child(4){z-index: 4; animation-delay: 3.5s;}

.pro_list{width: 85vw; margin: 0 auto; margin-top: 5vw;}
.pro_list ul{width: 100%; margin-top: 4vw;}
.pro_list ul li{width: 20vw; float: left; border: 1px solid #e5e5e5; border-radius: 1.56vw; margin-right: 1.66vw; margin-bottom: 2.2vw; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.pro_list ul li:nth-child(4n){margin-right: 0;}
.pro_list_pic{width: 100%; height: 12.66vw; border-radius: 1.56vw; position: relative; overflow: hidden; border-bottom: 0.4vw solid #fc944d; background-color: #fff; background-position: center center; background-repeat: no-repeat; -webkit-background-size:85%; -moz-background-size:85%; background-size:85%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.pro_list_content{padding: 0 1vw; padding-top: 0.78vw;}
.pro_name{font-size: 1.38vw; color: #443932; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_link{font-size: 1.11vw; color: #999999; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_num{margin: 0.8vw 0; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.pro_price{font-size: 1.66vw; color: #fa8077; font-weight: bold;}
.pro_capacity{padding: 0.36vw 0.65vw; border-radius: 100vw; background: #f2f2f2; color: #999999; font-size: 1.11vw; line-height: 1.11vw; margin-left: 0.57vw;}
.pro_synopsis{height: 3.7vw; padding-top: 0.833vw; margin-bottom: 0.833vw; border-top: 1px dashed #e5e5e5; color: #6e330d; font-size: 1.1vw; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.pro_list ul li:hover{border: 1px solid #fc944d; background: #fffcfa;}
/* .pro_list ul li a:hover .pro_name{color: #fc944d;} */
.pro_list ul li a:hover .pro_list_pic{-webkit-background-size:90%; -moz-background-size:90%; background-size:90%;}
.pro_recommend{width: 2.34vw; height: 2.34vw; line-height: 2.3vw; text-align: center; border-radius: 50%; position: absolute; top: 0.26vw; right: 0.26vw; background: #fc944d; font-size: 1.5vw; color: #fff;}

.idx_statistics{width: 100%; height: 24vw; margin-top: 4vw; background: url(../images/idx_statistics.jpg) center center; background-size: cover; color: #fff; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.idx_statistics_in{width: 85%;}
.idx_statistics_in .idx_title{color: #fff;}
.idx_statistics_in dl{width: 20%; float: left; text-align: center; margin-top: 2vw;}
.idx_statistics_in dt{display: block; font-size: 1.3vw;}
.idx_statistics_in dd{display: block; font-size: 4vw; font-family: Georgia, 'Times New Roman', Times, serif;}
.idx_statistics_in dd.num_plus::after{content: '+';}

.idx_steps{width: 85%; margin: 0 auto; margin-top: 3.9vw;}
.idx_steps .idx_title{margin-bottom: 3.6vw;}
.idx_steps dl{width: 33.33%; text-align: center; margin-bottom: 3.6vw; float: left;}
.idx_steps dl:nth-child(1){animation-delay: 0s;}
.idx_steps dl:nth-child(2){animation-delay: 0.5s;}
.idx_steps dl:nth-child(3){animation-delay: 0.5s;}
.idx_steps dl:nth-child(4){animation-delay: 1s;}
.idx_steps dl:nth-child(5){animation-delay: 1.5s;}
.idx_steps dl:nth-child(6){animation-delay: 2s;}
.idx_steps dl:nth-child(7){animation-delay: 2.5s;}
.idx_steps dl dt{width: 5.3vw; height: 5.3vw; display: block; margin: 0 auto; background: linear-gradient(to right, #fc944d, #fa8077); border-radius: 1.56vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.idx_steps dl dt img{height: 3.6vw;}
.idx_steps dl dd{display: block; margin-top: 1.3vw; }

.footer{width: 100%; padding-top: 3.1vw; background: #1b212f; color: #ceced0;}
.footer_in{width: 80%; margin: 0 auto;}
.footer_in_t{width: 100%; display: flex; justify-content: space-between; font-size: 1vw; line-height: 2vw;}
.footer_l{width: 30vw;}
.footer_l img{width: 15.2vw; display: block; margin-bottom: 1vw;}
.footer_title{font-size: 1.3vw; line-height: 1.3vw; font-weight: bold; margin-top: 1.8vw; margin-bottom: 1vw; color: #fff;}
.footer_links a, .footer_links2 a{color: #ceced0; display: block;}
.footer_links a:hover, .footer_links2 a:hover{color: #fff;}
.footer_links a::after{content: '\e615'; margin-left: 0.4vw;}
.footer_links2 a::before{margin-right: 0.4vw;}
.footer_links3 a{width: 3vw; height: 3vw; line-height: 3vw; text-align: center; display: inline-block; background: #fff; color: #fc944d; font-size: 2vw; border-radius: 50%; margin-top: 0.8vw; margin-right: 0.8vw;}
.footer_links3 a:hover{background: #fc944d; color: #fff;}
.footer_links3 a:last-child{margin-right: 0;}
.footer_in_b{width: 100%; margin: 0 auto; padding: 1.5vw 0; margin-top: 1.5vw; text-align: center; border-top: 1px solid #424c55; font-size: 1vw;}

/* 个人中心 */
.personal_l_in{width: 20vw; background: #fff; border-radius: 1.25vw; overflow: hidden;}
.personal_l_in.header_hover{position: absolute; top: 0; right: 0; border: 1px solid #e9d9ae; display: none;}
.personal_l_t{width: 100%; background: url(../images/personal_bg.svg) top center; background-size: cover; padding: 1.3vw 0.93vw;}
.personal_l_t_t{display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.personal_avarter{position: relative;}
.personal_avarter_in{width: 6.2vw; height: 6.2vw; border: 5px solid #f9efd3; box-sizing: border-box; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-color: #fff;}
.personal_avarter_dot{width: 1.9vw; position: absolute; bottom: 0.23vw; right: 0; z-index: 3;}
.personal_avarter_dot img{width: 1.9vw;}
.personal_info{width: calc(100% - 6.2vw); padding: 0 0.78vw; box-sizing: border-box; overflow: hidden;}
.personal_info_name{font-size: 1.38vw; color: #5c2a09;}
.personal_info_uid{font-size: 1vw; color: #8f8770;}
.personal_info_wallet{font-size: 1.38vw; color: #a2573c; margin-top: 0.2vw; font-weight: bold;}
.personal_info_wallet::before{font-weight: normal; margin-right: 0.2vw;}
.personal_l_t_b{display: flex; justify-content: space-between;}
a.personal_l_t_b_btn{width: 8.5vw; height: 2.66vw; line-height: 2.66vw; text-align: center; display: block; border-radius: 0.52vw; color: #fff; margin-top: 0.89vw;}
a.personal_l_t_b_btn.orange{background: #fc944d;}
a.personal_l_t_b_btn.orange:hover{background: #fff; color: #fc944d;}
a.personal_l_t_b_btn.red{background: #ff6e75;}
a.personal_l_t_b_btn.red:hover{background: #fff; color: #ff6e75;}
.personal_l_b{padding-left: 2vw;}
.personal_l_b dl dd{width: 100%; border-bottom: 1px solid #f2f2f2;}
.personal_l_b dl dd:last-child{border: none;}
.personal_l_b dl dd a{display: block; padding: 1.5vw 0;}
.personal_l_b dl dd a.now{color: #fc944d;}

/* 内页 */
.h_4vw{height: 4vw;}
.h_6vw{height: 6vw;}
.mgt_2p2vw{margin-top: 2.2vw;}
.crumbs{margin: 2vw 0; color: #999999; font-size: 1.1vw;}
.crumbs.msg{color: #443932;}
.crumbs.msg span{color: #ff6e75; font-weight: bold;}
.el-radio > input[type="radio"] + .el-radio-style:before, .el-checkbox > input[type="checkbox"] + .el-checkbox-style:before{background: #fff;}

/* 商店 */
.shop_adv{margin-top: 3vw;}
.shop_search{width: 48%; height: 4.3vw; margin: 2.5vw auto; padding: 0 1.5vw; border-radius: 1vw; border: 5px solid #f2f2f2; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.shop_search a{width: 1.7vw; display: block;}
.shop_search a img{width: 100%; display: block;}
.shop_search input{width: calc(100% - 3.2vw); border: none; box-sizing: border-box; padding: 0; margin: 0;}
.shop_all{width: 95vw; margin: 0 auto; display: flex; justify-content: space-between;}
.shop_l{width: 15.5vw;}
.shop_nav{width: 100%; max-height: 19.9vw; overflow: hidden; /*margin-bottom: 3vw;*/ }
.shop_nav.show_all{max-height: unset;}
.shop_nav ul li{width: 100%; margin-bottom: 1.8vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
/* .shop_nav ul li:last-child{margin-bottom: 0;} */
.shop_nav ul li.now a{font-weight: bold; color: #2e2e2e; text-shadow: #a19186 0 1px 3px;}
a.shop_nav_more{color: #39acfe; margin-bottom: 1.8vw; display: block;}
.shop_nav ul li img{width: 1.4vw;}
.shop_nav_title{color: #fc944d; font-size: 1.38vw; margin-bottom: 1.8vw; margin-top: 0.5729vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.shop_nav_title img{width: 1.5vw; margin-left: 0.2vw;}
.shop_nav_interval{margin-top: -1.3vw; margin-bottom: 1.8vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.shop_nav_interval input{width: 3.65vw; height: 1.93vw; border: 1px solid #C0CCDA; border-radius: 0.26vw; padding: 0 0.2vw; box-sizing: border-box; text-align: center;}
.el-radio, .el-checkbox{display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.el-radio .margin-l, .el-checkbox .margin-l{margin-left: 0.5vw;}
.el-radio .margin-l, .el-checkbox .margin-l span{color: #fc944d;}

.shop_r{width: calc(100% - 15.8vw);}
.shop_r .pro_list{width: 100%; margin-top: 0;}
.shop_r .pro_list ul{margin-top: 0;}
.shop_r .pro_list ul li{width: 18.55vw;}
.shop_tab{width: 100%; margin-bottom: 2vw;}
.shop_tab ul{float: left;}
.shop_tab ul li{font-size: 1.38vw; color: #999999; background: #fff; border-radius: 100vw; padding: 0.5729vw 1vw; cursor: pointer; float: left; margin-right: 1vw;}
.shop_tab ul li.now{background: linear-gradient(to right, #fc944d, #fa8077); color: #fff;}
.shop_tab a.reset{color: #6e330d; float: right; margin-top: 0.5729vw;}
.shop_tab a.reset::before{margin-right: 0.2vw;}
.shop_tab a.reset:hover{color: #ff6e75;}

.to_rgst{width: 100%; margin-bottom: 2.2vw;}
.to_rgst img{width: 100%; display: block;}

.pages{width: 100%; margin-bottom: 2.2vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.pages select{display: inline; font-size: 1.2vw; margin-left: 1.5vw; margin-right: 0.68vw; padding: 0 0.2vw; border: 1px solid #e5e5e5; border-radius: 0.52vw;}
.page_num{display: inline-block;}
.page_num ul li{width: 3vw; height: 3vw; line-height: 3vw; text-align: center; background: #fff; border: 1px solid #e5e5e5; border-radius: 0.52vw; color: #443932; cursor: pointer; float: left; margin-left: 0.8vw;}
.page_num ul li.now{background: #fc944d; border: 1px solid #fc944d; color: #fff;}
.page_num ul li.dot{width: unset; border: none; cursor: default;}
.page_num ul li.iconfont{font-size: 1vw;}

.shop_sort{border: 1px solid #e5e5e5; float: right; padding: 5px; border-radius: 5px;}
.shop_sort select{border:none; display: inline;}

/* Press release */
.press_release ul li{width: 24vw; float: left; border: 6px solid #e5e5e5; position: relative; border-radius: 1.56vw; padding-top: 5vw; box-sizing: border-box; margin-bottom: 3vw; margin-left: 3.6vw;}
.press_release ul li:nth-child(3n+1){margin-left: 0;}
.press_release_t{width: calc(100% + 10px); position: absolute; top: -5px; left: -5px; text-align: center;}
.press_release_t img{width: 100%;}
.press_release_t span{width: 100%; height: 4vw; line-height: 4vw; text-align: center; position: absolute; top: 0; left: 0; display: block; color: #fff; font-size: 1.66vw;}
.press_release_price{text-align: center; font-size: 2.2vw; color: #fa8077; font-weight: bold;}
.press_release_amount{text-align: center; font-size: 1.1vw; color: #999;}
.press_release_merchant{width: 20.8vw; height: 17.7vw; padding: 1vw 0.7vw; box-sizing: border-box; color: #6e330d; border: 1px solid #e5e5e5; margin: 0.88vw auto; overflow-y: scroll;}
.press_release_merchant_t{text-align: center; font-size: 1.1vw; margin-bottom: 1vw;}
.press_release_merchant dl{margin-bottom: 1vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.press_release_merchant dl dt img{height: 0.9vw; display: block;}
.press_release_merchant dl dt.merchant img{height: 1.56vw;}
.press_release_merchant dl dd{margin: 0 0.3vw; color: #443932;}
.press_release_link{width: 20.8vw; margin: 0.88vw auto;}
.press_release_link a{color: #39acfe;}
.press_release_select{width: 20.8vw; margin: 0 auto; padding: 0 0.57vw; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 0.26vw;}
.press_release_select select{width: 100%; height: 2.6vw; border: none; outline: none;}
.press_release_btns{width: 20.8vw; margin: 0.88vw auto; display: flex; justify-content: space-between;}
a.press_release_btn{width: 9.98vw; height: 2.66vw; line-height: 2.66vw; text-align: center; display: block; border-radius: 0.52vw; color: #fff; box-sizing: border-box;}
a.press_release_btn::before{margin-right: 0.2vw;}
a.press_release_btn.orange{background: #fc944d; border:1px solid #fc944d;}
a.press_release_btn.orange:hover{background: #fff; color: #fc944d; border:1px solid #fc944d;}
a.press_release_btn.red{background: #ff6e75; border:1px solid #ff6e75;}
a.press_release_btn.red:hover{background: #fff; color: #ff6e75; border:1px solid #ff6e75;}

/* 弹出会员权益 */
@keyframes floatAnimation {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      transform: translateY(0);
    }
}
.bg_dark{width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8);  position: fixed; top: 0; left: 0; z-index: 9; display: none;} 
.bg_dark_in{width: 100%; height: 100vh; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; overflow: hidden;}
.be_member{width: 38.02083333333333vw; height: 40.729vw; background: url(../images/be_member_bg.png) center center no-repeat; background-size: cover; position: relative;}
.crown{width: 10.4vw; position: absolute; top: -7vw; left: -1vw; animation: floatAnimation 3s infinite;}
.crown img{width: 100%; display: block;}
.be_member_cost{width: 100%; padding-top: 4.2vw; text-align: center; color: #aa4c29; font-size: 1.944vw; line-height: 1.944vw; font-weight: bold;}
.be_member_list{padding: 0 5.57vw; margin-top: 0.99vw;}
.be_member_list ul li{margin-bottom: 1.5vw; color: #443932; font-size: 1.1vw; line-height: 1.2vw; padding-left: 1.6vw; position: relative;}
.be_member_list ul li::before{color: #d28c58; position: absolute; top: 0.1vw; left: 0;}
.be_member_tips{width: 15vw; height: 1.5625vw; line-height: 1.5625vw; text-align: center; margin: 0 auto; margin-top: 2.5vw; border-radius: 100vw; font-size: 1.1vw; color: #fff; background: #ff6666;}
a.be_member_btn{width: 17.4vw; height: 3.68vw; line-height: 3.68vw; text-align: center; font-size: 1.66vw; color: #6c2a0d; background: linear-gradient(to right, #e7c389, #f9eac0, #e7c389); display: block; margin: 0 auto; text-transform: uppercase; border-radius: 10vw; margin-top: 2.6vw; animation-iteration-count: 200000; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
a.be_member_btn:hover{background: linear-gradient(to right, #f9eac0, #e7c389, #f9eac0); color: #a64318;}
a.be_member_close{width: 2.2vw; height: 2.2vw; position: absolute; top: -1.7vw; right: 2.2vw;}
a.be_member_close:hover{transform: rotate(90deg);}
a.be_member_close img{width: 100%; display: block;}

/* 登录注册 */
.login_all{width: 100%; height: 100vh; background: url(../images/lgoin_bg.jpg) center center no-repeat; background-size: cover; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.login_box{width: 30vw; padding: 0 2vw; box-sizing: border-box; border-radius: 1vw; background: #fff;  box-shadow: 0px 13px 35px 0px rgba(160, 10, 10, 0.24);}
.login_box_t{margin: 2vw 0; margin-top: 4vw; font-size: 2.66vw; font-weight: bold; text-align: center;}
.login_box_txb{width: 100%; height: 3.2vw; border: 1px solid #e5e5e5; border-radius: 1vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap; margin-bottom: 1.2vw; position: relative;}
.login_box_txb i{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.login_box_txb img{width: 1.5vw; margin: 0 0.78vw;}
.login_box_txb input,.login_box_txb select{width: calc(100% - 4vw); height: 100%; border: none; padding: 0; margin: 0;}
.login_box_txb select{font-size: 98%;}
.login_box_txb_b{display: flex; justify-content: space-between;  align-items: center; color: #999999; margin-bottom: 4vw;}
.login_box_txb_b .el-checkbox{display: flex; align-items: center;}
.login_box_txb_b a{color: #999999; font-size: 85%;}
.login_box_txb_b a:hover{color:#39acfe}
a.login_btn{width: 21.2vw; height: 3.54vw; line-height: 3.54vw; text-align: center; color: #fff; background: #fc944d; font-size: 1.33vw; display: block; text-transform: uppercase; margin: 0 auto; border-radius: 100vw;}
.to_sign_up{text-align: center; font-size: 1vw; color: #999999; margin: 2vw 0;}
.to_sign_up a{color: #ff6e75;}
.to_sign_up a:hover{color:#39acfe}

/* 媒体详情页面 */
.pro_details{width: 95%; margin: 0 auto;}
.pro_details_title{margin-bottom: 1.15vw; font-size: 1.66vw; color: #fc944d;}
.pro_details_l{width: 44vw; float: left;}
.pro_details_l_t{width: 100%; height: 33.22vw; position: relative;}
.pro_details_l_t img.computer{width: 54vw; position: absolute; top: 0; left: 50%; margin-left: -27vw; z-index: 1;}
.pro_details_l_t_details{width: 41.4vw; height: 25.7vw; position: absolute; top: 2.0833vw; left: 50%; margin-left: -20.7vw; background: #fff; z-index: 2;}
.pro_details_l_m{width: 100%; margin-bottom: 2.3vw;}
.pro_details_l_m table{
  border-collapse: collapse;/* 边框合并属性  */
}
.pro_details_l_m th{
  border: 1px solid #e5e5e5;
  padding: 1.3vw 2vw;
}
.pro_details_l_m td{
  border: 1px solid #e5e5e5;
  padding: 1.3vw 2vw;
}
.pro_details_l_b ul{width: 100%; margin-bottom: 2vw; display: flex; justify-content: space-between;}
.pro_details_l_b ul li{width: 13vw; border-radius: 1vw; position: relative; align-self: flex-end; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.pro_details_l_b ul li:nth-child(1){border: 1px solid #ff6e75; height: 18vw;}
.pro_details_l_b ul li:nth-child(2){border: 1px solid #ffc547; height: 17vw;}
.pro_details_l_b ul li:nth-child(3){border: 1px solid #6fbdff; height: 16vw;}
.pro_details_l_b dl{text-align: center;}
.pro_details_l_b dl dt{height: 3.125vw; margin-bottom: 2.2vw;}
.pro_details_l_b dl dt img{height: 100%; display: block; margin: 0 auto;}
.pro_details_l_b dl dd{display: block;}
.pro_details_l_b dl dd.country_name{font-size: 1.4vw;}
.pro_details_l_b dl dd.account{font-size: 1.2vw; color: #999999; margin-top: 0.9vw;}
.medal{width: 2.8vw; position: absolute; top: -1px; left: -1px;}
.medal img{width: 100%; display: block;}
.pro_details_r{width: 44vw; float: right; position: relative;}
.pro_name_id{width: 94%; position: relative; word-wrap: break-word; margin-bottom: 2.3vw;}
.pro_name_id label{color: #fc944d;}
.pro_name_id span{color: #999999; margin-top: 1.2vw; display: block;}
.collect{width: 1.93vw; height: 1.93vw; position: absolute; top: 0; right: 0; cursor: pointer; background: url(../images/dot_collect.svg) center center no-repeat; background-size: cover;}
.collect.collected{background: url(../images/dot_collected.svg) center center no-repeat;}
.pro_cost_date{width: 100%; margin-bottom: 2.3vw;}
.pro_cost_date ul{display: flex; justify-content: space-between;}
.pro_cost_date ul li{width: 21vw; height: 8.22vw; line-height: 2.5vw; border: 1px solid #e5e5e5; border-radius: 1vw; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.pro_cost_date ul li span{font-size: 2.22vw; color: #ff6e75; font-weight: bold;}
.pro_rules{margin-bottom: 2.3vw;}
.pro_rules_in{line-height: 2.5vw; padding-left: 1.4vw;}
.pro_rules_in ul{list-style-type: decimal;}
.pro_rules_in ul li{margin-bottom: 1.6vw;}
.pro_rules_in ul li:last-child{margin-bottom: 0;}
.pro_option{width: 100%; border-top: 1px solid #e5e5e5; padding-top: 2.3vw; margin-bottom: 0.7vw;}
.pro_option .el-radio{float: left; margin-right: 1.8vw;  margin-bottom: 1.6vw; font-size: 90%;}
.pro_option .el-radio > input[type="radio"] + .el-radio-style:before{border-radius: 3px;}
.pro_option .el-radio.el-radio-yellow > input[type="radio"]:checked + label:before, .el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before{background: #f7ba2a;}

.pro_option .el-radio > input[type="radio"] + .el-radio-style:after{
  border-radius: unset;
  top: 0.2em;
  left: 0.55em;
  box-sizing: border-box;
  width: 0.4em;
  height: 0.85em;
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.pro_option label.wrong{
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background: #ff6e75;
  font-weight: bold;
}

.pro_settlement{background: #fffeef; padding: 1.77vw; margin-bottom: 2.3vw;}
.pro_settlement_t{margin-bottom: 1.6vw; color: #443932;}
.pro_settlement_t span{font-size: 2.22vw; color: #ff6e75; font-weight: bold;}
.pro_settlement_btns{width: 25.5vw; display: flex; justify-content: space-between;}
.pro_settlement_btns.chinese{width: 100%; justify-content: center;}
.pro_settlement_btns.chinese a.pro_settlement_btn{width: 15vw;}
a.pro_settlement_btn{width: 12vw; height: 3.5vw; line-height: 3.5vw; text-align: center; display: block; border-radius: 0.52vw; color: #fff; box-sizing: border-box;}
a.pro_settlement_btn::before{margin-right: 0.2vw;}
a.pro_settlement_btn.orange{background: #fc944d; border:1px solid #fc944d;}
a.pro_settlement_btn.orange:hover{background: #fff; color: #fc944d; border:1px solid #fc944d;}
a.pro_settlement_btn.red{background: #ff6e75; border:1px solid #ff6e75;}
a.pro_settlement_btn.red:hover{background: #fff; color: #ff6e75; border:1px solid #ff6e75;}

/* 购物车 */
.cart_list{width: 95%; margin: 0 auto;}
.cart_t{width: 100%; height: 4vw; line-height: 4vw; background: #fff8e2; border-radius: 1vw; margin-bottom: 1vw;}
.cart_t_td1{width: 11.66vw; float: left; padding-left: 1.4vw; box-sizing: border-box; cursor: pointer;}
.cart_t_td2{width: 61.3vw; float: left;}
.cart_t_td3{width: 12.66vw; text-align: center; float: left;}
.cart_t_td4{width: 7vw; text-align: center; float: right;}
.cart_b{width: 100%; padding: 1.5vw 0; border: 1px solid #e5e5e5; margin-bottom: 1vw;}
.cart_b.mgb_2vw{margin-bottom: 2vw;}
.cart_b_td1{width: 3.6vw; height: 10vw; padding-left: 1.4vw; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.cart_b_td2{width: 15vw; height: 10vw; box-sizing: border-box; background: #fff; border: 5px solid #fedac1; border-radius: 1vw; float: left;  background-position: center center; background-repeat: no-repeat; -webkit-background-size:85%; -moz-background-size:85%; background-size:85%;}
.cart_b_td2 a{width: 100%; height: 100%; display: block;}
.cart_b_td3{width: 27vw; height: 10vw; line-height: 1.8vw; margin-left: 1.97vw; padding-right: 1.97vw; box-sizing: border-box; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.cart_b_td3 a{color: #443932;}
.cart_b_td3 dt{display: block;}
.cart_b_td3 dt span{color: #fc944d;}
.cart_b_td3 dd{display: block; color: #999999;}
.cart_b_td4{width: 25.4vw; height: 10vw; line-height: 1.8vw; padding-right: 1.97vw; box-sizing: border-box; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.cart_b_td5{width: 12.66vw; height: 10vw; font-size: 2vw; font-weight: bold; color: #ff6e75; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.cart_b_td6{width: 7vw; height: 10vw; float: right; font-size: 1.66vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.cart_b_td7{float: right; height: 10vw; float: right; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.cart_b_td7_l{width: 4vw; height: 4vw; line-height: 4vw; text-align: center; border: 1px solid #e5e5e5; background: #fff;  font-size: 150%; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.cart_b_td7_r{width:26vw; height: 4vw; border: 1px solid #e5e5e5; background: #fff; border-left: 0; padding: 0 1vw; box-sizing: border-box; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.cart_b_td7_r input{width: 100%; height: 100%; padding: 0; margin: 0; border: none;}
.el-checkbox > input[type="checkbox"]:checked + .cart_b{background: #999;}
.cart_b_t{border-bottom: 1px solid #e5e5e5; padding-bottom: 1.5vw; margin-bottom: 1vw;}
.cart_b_t_l{padding-left: 1.4vw; float: left;}
.cart_b_t_r{width: 7vw; text-align: center; font-size: 1.66vw; float: right;}
.cart_b_t_r.gray{color: #999; width: unset; margin-right: 1.9vw; font-size: 1.2vw;}
.carts{margin-bottom: 1vw;}
.carts:last-child{margin-bottom: 0;}
.carts_total{display: none;}
.cart_settlement{width: 100%; height: 4vw; line-height: 4vw; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; left: 0;}
.cart_settlement_in{width: 95%; margin: 0 auto;}
.cart_settlement_td1{width: 9vw; float: left; padding-left: 1.4vw; box-sizing: border-box; cursor: pointer; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.cart_settlement_td2{float: left;}
a.cart_buy{width: 12vw; height: 100%; float: right; display: block; background: #ff6e75; color: #fff; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.cart_total{float: right; margin-right: 2vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.cart_total span{font-size: 2vw; font-weight: bold; color: #ff6e75; margin-left: 0.5vw;}
.cart_selected{float: right; margin-right: 2vw;}
.cart_selected span{color: #ff6e75;}

/* 订单支付页 */
.order_list{width: 95%; margin: 0 auto; margin-bottom: 2vw;}
.order_list_all{border: 10px solid #f2f2f2; box-sizing: border-box; border-radius: 1vw; padding: 1.35vw 1.17vw}
.order_title{font-weight: bold; font-size: 1.2vw; line-height: 1.3vw; margin-bottom: 1vw;}
.order_title2{font-weight: bold; font-size: 1.2vw; line-height: 1.3vw; margin-bottom: 0.5vw;}
.order_font{font-size: 1.1vw; padding-bottom: 1.5vw; margin-bottom: 1.5vw; border-bottom: 1px solid #e5e5e5; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.order_font .el-radio{margin-right: 2vw;}
.order_font .margin-l{color: #443932; font-weight: bold; font-size: 1.1vw;}
.order_font .margin-l img{height: 2.8vw; display: block; border: 1px solid #e5e5e5;}
.order_details{padding: 1.5vw; background: #fffeef;}
.order_details .carts{margin-bottom: 1vw;}
.order_details .carts:last-child{margin-bottom: 0;}
.order_details .carts .cart_b_td5{float: right;}
.order_protection{width: 95%; margin: 0 auto; margin-bottom: 2vw;}
.order_protection img{width: 100%; display: block;}
.order_confirm{width: 60vw; height: 96vh; overflow-y: scroll; background: #fff; border-radius: 1.56vw; padding: 1.5vw 2vw; box-sizing: border-box; position: relative;}
.order_confirm.chinese{width: 31vw; height: unset; overflow: hidden;}
a.order_confirm_close{width: 2vw; height: 2vw; position: absolute; top: 0.5vw; right: 0.5vw;}
a.order_confirm_close img{width: 100%; display: block;}
a.order_confirm_close:hover{transform: rotate(90deg);}
.order_confirm_t{margin-bottom: 1.5vw;}
.order_confirm_t.chinese{display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.order_confirm_t dl{display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.order_confirm_t dl dt{width: 6vw; margin-right: 1.2vw;}
.order_confirm_t dl dt img{width: 100%; display: block;}
.order_confirm_t dl dd span{display: block; font-size: 1.3vw; color: #5c2a09;}
.order_confirm_t dl dd label{display: block; color: #8f8770;}
.order_confirm_box{width: 100%; border: 1px solid #f2f2f2; margin-bottom: 1.5vw;}
.order_confirm_box_t{height: 2.5vw; line-height: 2.5vw; padding: 0 1.1vw; background: #f2f2f2;}
.order_confirm_box_b{padding: 1.1vw;}
.order_confirm_box_b input{width: 100%; height: 2.8vw; border: 1px solid #e5e5e5; border-radius: 1vw; padding: 0 1.1vw; box-sizing: border-box;}
.order_confirm_box_b img{width: 100%; display: block;}

.order_confirm_box.chinese{width: 15vw; height: 15vw; padding: 0.5vw; box-sizing: border-box; border: 1px solid #e5e5e5; margin: 0 auto; margin-bottom: 2vw;}
.order_confirm_box.chinese img{width: 100%; height: 100%; display: block;}

/* 会员中心 */
.member_center{width: 100%; position: relative; padding-top: 5.4vw;}
.member_center_ribbon{width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.member_center_ribbon img{width: 100%; display: block;}
.member_center_t{width: 70vw; height: 10vw; margin: 0 auto; position: relative; border-top-left-radius: 1vw; border-top-right-radius: 1vw; background: url(../images/member_center_t.jpg) #e9d9ae top center no-repeat; background-size: 100%;}
.member_center_avatar{width:8.33vw; height: 8.33vw; background: #e9d9ae; border-radius: 50%; position: absolute; top: -3.645833vw; left: 3.38vw; z-index: 2;}
.member_center_avatar_in{width: 7.292vw; height: 7.292vw; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -3.646vw; margin-left: -3.646vw; z-index: 3; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.member_center_name{width: 14vw; position: absolute; bottom: -3.6vw; left: 50%; margin-left: -7vw; text-align: center;}
.member_center_name label{display: block; font-size: 1.66vw; color: #5c2a09;}
.member_center_name span{display: block; font-size: 1.11vw; color: #8f8770;}
.member_center_wallet_l{width: 7.2vw; height: 7.2vw; position: absolute; top: 50%; left: 14.5vw; margin-top: -3.6vw; border-radius: 1vw; background: linear-gradient(to bottom, #fffae1, #e9d9ae); box-shadow: 0px 0px 7px 0px rgba(226, 193, 105, 0.07); display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.member_center_wallet_l img{width: 3.75vw; display: block;}
.member_center_wallet{height: 7.2vw; position: absolute; top: 50%; left: 23vw; z-index: 4; margin-top: -3.6vw; color: #ab4c29; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.member_center_wallet dl dt{font-size: 1.1vw;}
.member_center_wallet dl dd{font-size: 1.94vw; font-weight: bold;}
.member_center_btns{height: 10vw; position: absolute; top: 50%; left: 29.9vw; margin-top: -5vw; z-index: 5; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.member_center_btns a{width: 8.5vw; height: 2.6vw; line-height: 2.6vw; text-align: center; border-radius: 0.52vw; color: #fff; font-size: 1.1vw; margin-right: 1vw;}
.member_center_btns a.orange{background: #fc944d; border:1px solid #fc944d;}
.member_center_btns a.orange:hover{background: #fff; color: #fc944d; border:1px solid #fc944d;}
.member_center_btns a.red{background: #ff6e75; border:1px solid #ff6e75;}
.member_center_btns a.red:hover{background: #fff; color: #ff6e75; border:1px solid #ff6e75;}
.member_center_btns a.yellow{background: #f5ad0f; border:1px solid #f5ad0f;}
.member_center_btns a.yellow:hover{background: #fff; color: #f5ad0f; border:1px solid #f5ad0f;}
.member_center_m{width: 70vw; padding-top: 3.5vw; margin: 0 auto; margin-bottom: 3.9vw; position: relative; border: 2px solid #f8f4e7; box-sizing: border-box; border-bottom-left-radius: 1.5625vw; border-bottom-right-radius: 1.5625vw; background: linear-gradient(to bottom, #f8f4e7, #ffffff);}
.member_center_m_t{width: 19.4vw; height: 2.8vw; line-height: 2.8vw; text-align: center; color: #6c2a0d; text-transform: uppercase; position: absolute; top: -0.38vw; left: 50%; margin-left: -9.7vw; z-index: 6; background: url(../images/vip_banefits_bg.png) center center no-repeat; background-size: 100%;}
.member_center_m_m{width: 66vw; margin: 0 auto; position: relative; z-index: 6;}
.member_center_m_m dl{width: 100%; padding-bottom: 1.2vw; margin-bottom: 1.2vw; border-bottom: 1px solid #e9d9ae; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.member_center_m_m dl:last-child{border: none; margin-bottom: 0;}
.member_center_m_m dl dt{width: 4vw; display: block; font-family: '宋体', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #fc944d; font-size: 2.77vw; font-weight: lighter; font-style: italic;}
.member_center_m_m dl dd{width: calc(100% - 4vw); display: block; font-size: 1.1vw; color: #5c2a09;}
.member_discount{width: 66vw; padding-left: 4vw; padding-bottom: 1.875vw; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 6;}
.member_discount ul{width: 100%; display: flex; justify-content: space-between;}
.member_discount ul li{width: 14.2vw; border-radius: 1.11vw; overflow: hidden; background: linear-gradient(to bottom, #ffffff, #d7bb98);}
.member_discount_t{width: 100%; height: 2.35vw; line-height: 2.35vw; text-align: center; font-size: 1.1vw; text-transform: uppercase; color: #f5dbb6; background: linear-gradient(to right, #141414, #3e3e3e, #141414);}
.member_discount_b{width: 100%; height: 7.55vw; text-align: center;  display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.member_discount_b dl dt{font-size: 1.38vw; line-height: 2.2vw; color: #ed7d3e; font-weight: bold}
.member_discount_b dl dt span{font-size: 3.33vw; margin-right: 0.3vw;}
.member_discount_b dl dd{font-size: 1.11vw; color: #704e13;}
.member_center_b{width: 70vw; margin: 0 auto; margin-bottom: 4vw;}
.member_center_b ul{width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.member_center_b ul li{width: 21.68vw; position: relative; z-index: 6; padding: 3.75vw 1.4vw 2vw 1.4vw; box-sizing: border-box; border:1px solid #fdad17; box-shadow: #fedac1 0 0.52vw; border-radius: 1.562vw;}
.member_contrast_icon{width: 5.3vw; height: 5.3vw; border-radius: 1.562vw; background: url(../images/member_contrast_bg.jpg); background-size: cover; position: absolute; top: -2.65vw; left: 50%; margin-left: -2.65vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.member_contrast_icon img{height: 2.86vw; display: block;}
.member_contrast_title{width: 100%; height: 3.5vw; margin-bottom: 1.2vw; color: #5c2a09; text-align: center; font-size: 1.56vw; position: relative;}
.member_contrast_title::after{content: ''; width: 3.12vw; height: 0.1625vw; border-radius: 100vw; background: #fc944d; position: absolute; bottom: 0; left: 50%; margin-left: -1.56vw;}
.member_contrast_cost{width: 100%; height: 3.5vw; text-align: center; font-size: 1.944vw; font-weight: bold; color: #a2573c;}
.member_contrast_billing{width: 15vw; height: 1.875vw; line-height: 1.875vw; text-align: center; font-size: 1.1vw; color: #fff; background: #fff; margin: 0 auto; margin-bottom: 1.77vw; border-radius: 100vw;}
.member_contrast_billing.red{background: #ff6666;}
.member_contrast_list dl{width: 100%; margin-bottom: 1.8vw; display: flex; display: -webkit-flex; align-items: top; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.member_contrast_list dl:last-child{margin: 0;}
.member_contrast_list dt{width: 1.3vw; height: 1.3vw; line-height: 1.4vw; margin-top: 0.2vw; text-align: center; background: #fc944d; color: #fff; font-size: 0.7vw; border-radius: 50%;}
.member_contrast_list dt.red{background: #ff6666;}
.member_contrast_list dd{width: calc(100% - 1.87vw); margin-left: 0.57vw;}

/* 个人中心 */
.mine{background: #f2f2f2;}
.mine_all{width: 95%; margin: 0 auto; display: flex; justify-content: space-between;}
.mine_l{width: 20vw; background: #fff;}
.mine_l .personal_l_in{border-radius: 0;}
.mine_l .personal_l_t{border-top-left-radius: 1.25vw; border-top-right-radius: 1.25vw;}
.mine_l .personal_l_t_out{background: #f2f2f2;}
.mine_r{width: 72vw; background: #fff;}
.mine_r_t_all{height: 4.7vw; background: #f2f2f2;}
.mine_r_t{height: 3.9vw; line-height: 3.9vw; font-size: 1vw; padding: 0 1vw; background: #fff; border-bottom-left-radius: 1.56vw; border-bottom-right-radius: 1.56vw; color: #999999;}
.mine_r_t a{color: #443932;}
.mine_r_b_all{background: #f2f2f2;}
.mine_r_b{background: #fff; border-top-left-radius: 1.56vw; border-top-right-radius: 1.56vw;}
.mine_r_b_in{padding: 0 1vw;}
.mine_tab_search{width: 100%; padding: 0.73vw 0;}
.mine_tab{height: 3.28vw; line-height: 3.28vw; float: left;}
.mine_tab ul li{margin-right: 3.33vw; position: relative; float: left; text-align: center;}
.mine_tab ul li a{color: #443932;}
.mine_tab ul li.now::after{content: ''; width: 2.30vw; height: 0.2vw; border-radius: 100vw; background: #fc944d; position: absolute; bottom: 0; left: 50%; margin-left: -1.15vw;}
.mine_tab ul li.now a{color: #fc944d;}
.mine_search{width: 21.77vw; height: 3.28vw; padding: 0 1vw; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 1vw; float: right; display: flex; justify-content: space-between; align-items: center;}
.mine_search_l{width: 17.5vw; height: 100%;}
.mine_search_l input{width: 100%; height: 100%; border: none; padding: 0; margin: 0; box-sizing: border-box;}
a.mine_search_r{width: 1.46vw; display: block;}
a.mine_search_r img{width: 100%; display: block;}
.mine_content{padding: 0.9vw 0; padding-top: 0;}
.mine_content table{
  border-collapse: collapse;/* 边框合并属性  */
  font-size: 1vw;
}
.mine_content th{
  border: 1px solid #e5e5e5;
  padding: 0.5vw 0.5vw;
  background: #fff8e2;
  color: #69310e;
  font-weight: normal;
  text-align: left;
}
.mine_content th.center{text-align: center;}
.mine_content td{
  border: 1px solid #e5e5e5;
  padding: 0.5vw 0.5vw;
  line-height: 1.66vw;
}
.mine_content td.center{text-align: center;}
.mine_content td font.orange{color: #fc944d;}
.mine_content td font.gray{color: #999999;}
.mine_content td font.green{color: #348f4c;}
.mine_content td font.red{color: #ff6666;}
.mine_content td font.cost{color: #ff6e75;}
.mine_content .pro_list{width: 70vw; margin-top: 1vw;}
.mine_content .pro_list ul{ margin-top: 0;}
.mine_content .pro_list ul li{width: 16.25vw;}
a.mine_btn{width: 5.78vw; height: 2.29vw; display: block; margin: 0.5vw auto; line-height: 2.29vw; text-align: center; border-radius: 0.26vw;}
a.mine_btn.inline{width: unset; padding: 0 0.73vw; margin-right: 0.52vw; float: left;}
a.mine_btn::before{margin-right: 0.2vw;}
a.mine_btn.orange{color: #fc944d; border: 1px solid #fc944d;}
a.mine_btn.orange:hover{background: #fc944d; color: #fff;}
a.mine_btn.blue{color: #39acfe; border: 1px solid #39acfe;}
a.mine_btn.blue:hover{background: #39acfe; color: #fff;}
a.mine_btn.red{color: #ff6666; border: 1px solid #ff6666;}
a.mine_btn.red:hover{background: #ff6666; color: #fff;}
a.mine_btn.gray{color: #e5e5e5; border: 1px solid #e5e5e5; cursor: not-allowed;}
.mine_invoice ul li{width: 100%; border: 1px solid #f2f2f2; margin-bottom: 2vw;}
.mine_invoice_t{padding: 0.5vw 0.5vw; background: #f2f2f2; font-size: 1vw;}
.mine_invoice_b_all{position: relative;}
.mine_invoice_b_all_btn{height: 2.6vw; line-height: 2.6vw; position: absolute; top: 50%; margin-top: -1.3vw; left: calc(51.86vw + 28px);}
.mine_invoice_b_all_btn a{padding: 0 0.78vw; height: 2.6vw; line-height: 2.6vw; display: block; border: 1px solid #fc944d; background: #fc944d; color: #fff; font-size: 1.1vw; border-radius: 0.5vw;}
.mine_invoice_b_all_btn a:hover{background: #fff; color: #fc944d;}
.mine_invoice_b_all_btn.green{color: #348f4c;}
.mine_invoice_b{padding: 14px; line-height: 1.66vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.mine_invoice_b_td1{width: 8.9vw; height: 5.3vw; border: 1px solid #e5e5e5; border-radius: 1vw; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:85%; -moz-background-size:85%; background-size:85%;}
.mine_invoice_b_td2{width: 26.3vw; padding: 0 1.3vw; box-sizing: border-box;}
.mine_invoice_b_td2 label{color: #fc944d;}
.mine_invoice_b_td2 span{color: #999999; display: block;}
.mine_invoice_b_td3{width: 16.66vw; margin-right: 1.3vw;}
.mine_invoice_b_td3 dl{width: 100%; margin-bottom: 0.3vw; font-size: 1.1vw; display: flex; display: -webkit-flex; align-items: start; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.mine_invoice_b_td3 dl dt{width: 1.6vw; padding-top: 0.2vw; color: #999;}
.mine_invoice_b_td3 dl dd{width: calc(100% - 1.6vw);}
.mine_invoice_b_td4 a{padding: 0 0.78vw; height: 2.6vw; line-height: 2.6vw; display: block; border: 1px solid #fc944d; background: #fc944d; color: #fff; font-size: 1.1vw; border-radius: 0.5vw;}
.mine_invoice_b_td4 a:hover{ border: 1px solid #fc944d; background: #fff; color: #fc944d;}
.mine_invoice_b_td4 font.green{color: #348f4c;}
.invoice_show{width: 85%; margin: 0 auto; padding: 1vw;}
.invoice_show table{
  border-collapse: collapse;/* 边框合并属性  */
  font-size: 1vw;
}
.invoice_show th{
  border: 1px solid #fff;
  line-height: 1.6vw;
  font-weight: normal;
  text-align: left;
}
.invoice_show td{
  border: 1px solid #fff;
  line-height: 1.6vw;
  padding: 0.5vw;
}
.invoice_show img.logo{width: 15.2vw; display: block;}

a.big_btn{padding: 0 0.989vw; height: 2.6vw; line-height: 2.6vw; display: inline-block; color: #fff; border-radius: 0.52vw; margin-top: 1.56vw; font-size: 1vw;}
a.big_btn::before{margin-right: 0.2vw;}
a.big_btn.orange{background: #fc944d; border: 1px solid #fc944d;}
a.big_btn.orange:hover{background: #fff; border: 1px solid #fc944d; color: #fc944d;}
.main_form{width: 100%;}
.main_form th{
  border: 1px solid #fff;
  padding: 0.5vw 0.5vw;
  text-align: left;
}
.main_form td{
  border: 1px solid #fff;
  padding: 0.5vw 0.5vw;
  text-align: left;
  font-size: 1.2vw;
}
.main_form td.text_r{text-align: right;}
.main_form td.text_r font.red{color: #f66;}
.main_form input{width: 35vw; height: 3.28vw; border: 1px solid #e5e5e5; padding: 0 1vw; box-sizing: border-box; border-radius: 1vw;}
.mine_list ul{padding-top: 1vw;}
.mine_list ul li{padding-bottom: 1.5vw; margin-bottom: 1.5vw; border-bottom: 1px solid #f2f2f2;}
.mine_list_l{width: 80%; float: left;}
.mine_list_l.news::before{width: 3%; display: block; content: '·'; font-size: 5vw; line-height: 1.5vw; color: #e5e5e5;}
.mine_list_l.news.last::before{color: #ff6666;}
.mine_list_l.news{display: flex; display: -webkit-flex; align-items: start; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.mine_list_l.news a{width: 97%; display: block; line-height: 2vw;}
.mine_list_l .time{color: #999; margin-top: 0.4vw; font-size: 1.1vw;}
.mine_list_r{width: 20%; float: right; text-align: right;}
.mine_list_r font.green{color: #348f4c;}
.mine_list_r font.red{color: #ff6666;}
.mine_list_r font.gray{color: #999;}

/* 短信链接-订单列表 */
.h_15vw{height: 15vw;}
body.phone_msg{font-size: 4.5vw;}
body.phone_msg .header{height: unset; padding: 2vw 0;}
body.phone_msg .header_logo{width: 30vw; padding: 0; margin-top: 1vw;}
body.phone_msg .header_r{height: unset;}
body.phone_msg .header_user_in{height: unset; padding: 1vw;}
body.phone_msg .header_user_avatar{width: 8vw; height: 8vw;}
body.phone_msg .crumbs{font-size: 4.5vw; margin-bottom: 5vw;}
body.phone_msg .carts{margin-bottom: 3vw;}
body.phone_msg .cart_b{padding-bottom: 3vw; margin-bottom: 5vw;}
body.phone_msg .cart_b_t{margin-bottom: 3vw;}
body.phone_msg .cart_b_td2{border: 1px solid #e5e5e5; margin-left: 4vw;}
body.phone_msg .cart_b_td3{width: 55vw; font-size: 4vw; line-height: 5vw;}
body.phone_msg .cart_b_td5{font-size: 4vw; width: unset; padding-right: 4vw; float: right;}
body.phone_msg .cart_b_td5 span{color: #443932;}
body.phone_msg .cart_b_t_r{font-size: 4vw; padding-right: 1.4vw; width: unset; color: #999;}
body.phone_msg .cart_order_list_b{width: 100%; border-top: 1px solid #e5e5e5; margin-top: 3vw; padding: 2vw 0;}
body.phone_msg .cart_order_list_b_l{float: left; padding-left: 4vw;}
body.phone_msg .cart_order_list_b_l a{padding: 2vw; border-radius: 5px; display: block; padding: 2vw 4vw; color: #fff; background: #fc944d;}

.cart_order_list_b{width: 100%; border-top: 1px solid #e5e5e5; margin-top: 3vw; padding-top: 1.5vw;}
.cart_order_list_b_l{float: left; padding-left: 1.4vw;}
.cart_order_list_b_l a{height:3.8vw; line-height: 3.8vw; padding: 0 1.2vw; border-radius: 5px; display: block; color: #fff; background: #fc944d;}
.cart_order_list_b_l a.red{background: #f66;}
.cart_b_td5 span{color: #443932; font-size: 1.2vw; align-items: baseline;}
.cart_b_td5.total{height:3.8vw; line-height: 3.8vw; float: right; margin-right: 1.9vw; justify-content: right; }

/* 订单支付页后填写资料手机版 */
body.phone_msg .order_confirm{padding-bottom: 3vw;}
body.phone_msg .order_confirm_t{margin-bottom: 5vw; margin-top: 2vw;}
body.phone_msg .order_confirm_t dl dt{width: 10vw;}
body.phone_msg .order_confirm_t dl dd span{font-size: 4.5vw;}
body.phone_msg .order_confirm_t dl dd label{font-size: 4vw;}
body.phone_msg .order_confirm_box{margin-bottom: 4vw;}
body.phone_msg .order_confirm_box_t{height: 8vw; line-height: 8vw;}
body.phone_msg .order_confirm_box_b{padding: 3vw;}
body.phone_msg .order_confirm_box_b input{height: 8vw; font-size: 4vw;}
body.phone_msg .pro_settlement_btns{width: 100%;}
body.phone_msg a.pro_settlement_btn{width: 46vw; height: 10vw; line-height: 10vw; border-radius: 1vw;}
.mg0{margin: 0 !important;}

/* 折扣码 */
.discount_code{height: 3vw; margin-top: 0.5vw; margin-left: 2vw; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.discount_code_l{width: 3vw; height: 3vw; line-height: 3vw; text-align: center; border: 1px solid #fc944d; background: #fc944d; color: #fff; font-size: 150%; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.discount_code_r{width:26vw; height: 3vw; border: 2px solid #fc944d; background: #fff; border-left: 0; padding: 0 1vw; box-sizing: border-box; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.discount_code input{width: 100%; height: 100%; padding: 0; margin: 0; border: none; display: block;}

/* 银行帐号显示 */
.bank_account{display: none;}
.order_font a.copy{background: #d6edff; color: #39f; padding: 5px 5px; border-radius: 5px; margin-left: 5px;}

.order_font2{font-size: 1.1vw; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.order_font2 a.copy{background: #d6edff; color: #39f; padding: 5px 5px; border-radius: 5px; margin-left: 5px;}

/* 弹出框 */
.alert-message-all{width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; z-index: 9;}
.alert-message{width: 30vw; padding: 15px; box-sizing: border-box; border-radius: 10px; cursor: default;}
.alert-message-top{width: 100%; background: linear-gradient(to right, #fc944d, #fa8077); box-sizing: border-box; padding: 10px; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.alert-message-top span{float: left;}
.alert-message-top label{float: right; margin: 0; cursor: pointer; font-size: 1.5vw;}
.alert-message-bottom{padding: 10px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.alert-message-bottom-top{padding-bottom: 15px; margin-bottom: 15px;  border-bottom: 1px solid #e5e5e5;}
.alert-message-bottom-bottom{text-align: right;}
.alert-message-bottom-bottom a{display: inline-block; height: 30px; line-height: 30px; border: 1px solid #e5e5e5; border-radius: 100px; padding: 0 15px; color: #130f40; font-size: 14px; margin-left: 5px;}
.alert-message-bottom-bottom a.confirm{background: #fc944d; border: 1px solid #fc944d; color: #fff;}

.alert-message-qr{width: 50%; text-align: center; margin: 0 auto;}
.alert-message-qr img{width: 100%; display: block; border: 1px solid #f2f2f2; box-sizing: border-box;}
.alert-message-qr span{display: block; padding-top: 10px;}

/* phone */
@media screen and (max-width: 500px) {
    .alert-message{width: 90vw;}
}

/* loading */
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

.loading-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-text {
  color: #fff;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 20px;
  text-align: center;
}

/* 填写发票信息 */
/* 遮罩层 */
.invoice-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

/* 弹框 */
.invoice-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  z-index: 1001;
}

/* 关闭按钮 */
.invoice-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
/* 表单容器样式 */
.invoice-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* 标签样式 */
.invoice-form label {
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

/* 输入框样式 */
.invoice-form input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

.invoice-form input:focus {
  outline: none;
  /* border-color: #007BFF;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); */
}

/* 提交按钮样式 */
.invoice-form input[type="submit"] {
  background: linear-gradient(to right, #fc944d, #fa8077);
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.invoice-form input[type="submit"]:hover {
  background: linear-gradient(to right, #fa8077, #fc944d);
}


/* 首页顶部广告 */
.idx_top_banner{width: 100%; height: 60px; line-height: 60px; position: relative; background: url(../images/idx_top_banner.jpg) center center / cover no-repeat #fef3e1;}
.idx_top_banner .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
}

/* 提现按钮 */
a.withdraw{ display: inline-block; border-radius: 0.2vw; color: #a2573c; font-size: 12px; text-transform: uppercase;}
a.withdraw font{ font-size: 16px;}

 *::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    border-radius: 5px;
    background: rgba(0,0,0,0.1);
  }

/* 漂浮购物车按钮样式 */
.floating-cart-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}

.floating-cart-btn a {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #ff6600;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: white;
    font-size: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.floating-cart-btn a:hover {
    transform: scale(1.1);
    background-color: #ff5500;
}