@charset "utf-8";
body { background: #f1f1f5; }
/*产品列表页*/
#content { position: relative; }
.op_admin_header { z-index: 1004; }
.prd_search { position: relative; width: 70%; margin: -1px auto 0; }
.prd_search input[type="text"] { width: 80%; height: 34px; margin-top: 5px; font-size: 16px; color: #fff; line-height: 34px; text-indent: 10px; border-radius: 5px; border: 0 none; background: #bfbfbf; }
.prd_search .prd_submit { position: absolute; right: 2.75rem; top: 0.45rem; width: 30px; height: 30px; border: 0 none; background: url(../images/list_search.png) no-repeat; cursor: pointer; }

.prdlist_main { position: relative; }
.prdlist_main #bg_black { position: absolute; }
.prdlist_main .prdlist_tit { border-bottom: 1px solid #DEDEDE; overflow: hidden; }
.prdlist_main .prdlist_tit span { position: relative; display: block; float: left; width: 33%; height: 45px; line-height: 45px; text-align: center; background: #fff; z-index: 1004; }
.prdlist_main .prdlist_tit span:last-child { width: 34%; }
.prdlist_main .prdlist_tit span a { display: block; font-size: 18px; color: #000; border-right: 1px solid #DEDEDE; }
.prdlist_main .prdlist_tit span a .all_scroll { margin: 0 0 -1px 5px; display: inline-block; *display: inline; border-style: solid; border-width: 5px 5px; border-color: #b2b2b2 transparent transparent; }
.prdlist_main .prdlist_tit span:last-child a { border-right: 0 none; }

.prdlist_main .prdlist_tit span .sel { display: inline-block; width: 0.9rem; height: 0.7rem; margin: 0 0 -1px 5px; background: url(../images/sx_01.png) no-repeat; background-size: 0.9rem 0.7rem; }
.prdlist_main .prdlist_tit span.cur a { color: #ff7600; }
.prdlist_main .prdlist_tit span .triangle i { display: inline-block; margin: 0 0 0 4px; border-top: 6px solid #b3b3b3; border-left: 5px solid transparent; border-right: 5px solid transparent; vertical-align: middle; }
.prdlist_main .prdlist_tit span.cur .triangle i { border-top: 6px solid #dc137b; }
.prdlist_main .prdlist_tit span.cur .sel { background: url(../images/sx_02.png) no-repeat; }
.prdlist_main .prdlist_tit span.cur .all_scroll { border-top-color: #ff7600; }
.prdlist_con .conlist { margin: 20px auto 0; max-width: 620px; overflow: hidden; }
.prdlist_con .conlist .items { min-height: 600px; padding-bottom: 18px; overflow: hidden; }
.prdlist_con .conlist .items .empty { display: block; margin-top: 50px; font-size: 18px; color: #ff7600; text-align: center; }
.prdlist_con .conlist .items .empty { font: 1.1rem/1.7rem "黑体"; }
.prdlist_con .conlist .items .empty span { color: #4c4c4c; }
.prdlist_con .conlist .items .empty .service { padding: 1.7rem 0 4.5rem; text-indent: 1.2rem; text-align: left; }
.prdlist_con .conlist .items .empty p { color: #999; line-height: 35px; }
.prdlist_con .conlist .items .empty .btnInfo { text-align: center; }
.prdlist_con .conlist .items .empty .btnInfo a { display: inline-block; width: 8.9rem; height: 2.2rem; line-height: 2.2rem; font-size: 0.9rem; color: #dc137b; background: #ffeee5; border: 1px solid #dc137b; border-radius: 7px; }
.prdlist_con .conlist .items .empty .btnInfo a:nth-child(2) { margin-left: 2.5rem; }
.prdlist_con .conlist li { margin-bottom: 1rem; float: left; width: 100%; text-align: center; background: #fff; }

.prdlist_con .conlist li div { border-bottom: 1px solid #DCDCDC; }
.prdlist_con .conlist li:nth-child(2n+1) div { border-right: 1px solid #DCDCDC; }
.prdlist_con .conlist li:nth-child(2n) div { border-right: 1px solid #fff; }
.prdlist_con .conlist li a { display: inline-block; width: 96%; padding-top: 3%; }
.prdlist_con .conlist li a img { width: 100%; max-height: 450px; }
.prdlist_con .conlist li p { font-size: 1.5rem; padding: 0.8rem 0; text-align: left; }
.prdlist_con .conlist li p span { display: block; height: 2rem; line-height: 2rem; overflow: hidden; color: #000; }
.prdlist_con .conlist li p .price { color: #b2b2b2; }
.prdlist_con .conlist li p .price strong { color: #dc137b; }
/*黄静做的   开始*/
.filtrate .on { color: #dc137b; }
.filtrate .prdnew_list { display: none; position: absolute; top: -20%; left: 0; width: 100%; height: 100%; z-index: 1003; padding-bottom: 10px; }
.filtrate .prdtrate_bg { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #d6d6d6; background: #000; opacity: 0.6; }
.filtrate .prdnew_list .prdtrate_main { position: relative; top: 0; width: 100%; background: rgba(255,255,255,0.96); }
.filtrate .prdnew_list .prdtrate_con { padding: 0.5rem 0; }
.prdnew_list .prdtrate_con ul { overflow: hidden; display: none; width: 100%; }
.prdnew_list .prdtrate_con ul li { display: block; width: 100%; text-indent: 4rem; height: 2rem; line-height: 2rem; font-size: 1rem; white-space: nowrap; }
.prdnew_list .prdtrate_con ul li.on a { color: #dc137b; }
.prdnew_list .prdtrate_con ul.hot li { float: left; width: 33%; }

/*黄静做的   结束*/
.filtrate .filtrate_list { position: absolute; width: 100%; height: 100%; top: 45px; right: -100%; z-index: 1003; display: none; }
.filtrate .filtrate_bg { position: absolute; left: 0; width: 30%; height: 100%; top: 0; right: 0; background: #000; opacity: 0.6; }
.filtrate .filtrate_main { position: absolute; right: 0; width: 60%; height: 100%; top: 0; padding-left: 10%; background: #fff; }
.filtrate_main .filtrate_con { padding: 30px 0; }
.filtrate_con h3 { color: #808080; font-weight: normal; font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #B3B3B3; }
.filtrate_con .fil_list .list_tit { line-height: 50px; font-size: 1.2rem; color: #000; border-bottom: 1px solid #B3B3B3; cursor: pointer; }
.fil_list .list_tit b { font-weight: normal; }
.fil_list .list_tit span { float: right; font-size: 1rem; color: #999; }
.fil_list .list_tit i { float: right; display: block; width: 22px; height: 25px; background: url(../images/prd_icon.png) no-repeat 8px 0; margin: 16px 25px 0 1rem; }
.filtrate_con .fil_list .list_tit.on { color: #dc137b; }
.filtrate_con .fil_list .list_tit.on i { background-position: -20px 1px; }
.fil_list .list_con { display: none; font-size: 18px; color: #000; }
.fil_list .list_con dl { padding: 10px 20px 10px 0; }
.fil_list .list_con dt { padding-left: 25px; }
.fil_list .list_con dd, .fil_list .list_con dt { padding: 5px 0 5px 25px; margin-top: 5px; cursor: pointer; position: relative; }
.fil_list .list_con dd i, .fil_list .list_con dt i { position: absolute; left: 2px; display: none; width: 20px; height: 20px; background: url(../images/prd_icon.png) 2px -22px no-repeat; }
.fil_list .list_con .current { color: #dc137b; background: rgba(219,219,219,0.4); border-radius: 4px; }
.fil_list .list_con .current i { display: block; }
.fil_submit { margin: 2rem 2rem 0 0.4rem; display: block; float: right; width: 14rem; text-align: center; height: 2.25rem; line-height: 2.25rem; font-size: 1rem; color: #fff; background: #dc137b; border-radius: 4px; }
.filtrate_con .fil_sure { padding-right: 25px; }
.fil_sure a { display: block; height: 45px; margin-top: 40px; line-height: 45px; padding-left: 25px; text-align: center; font-size: 20px; color: #fff; border-radius: 20px; background: #dc137b; }
.to_load { width: 100%; height: 8rem; line-height: 8rem; text-align: center; color: #999; font-size: 1.25rem; }

/* 视频2 */
.video_box { min-height: 24rem; width: 100%; background: rgba(0, 0, 0, 0.8); }
.video_box video { position: absolute; width: 100%; height: 100%; }
/* 视频 */
.prdinfo_video { position: absolute; z-index: 10; height: 100%; left: 0; width: 100%; }
.video_btn { position: absolute; display: block; z-index: 10; left: 50%; top: 50%; margin: -3rem 0 0 -3rem; width: 6rem; height: 6rem; background: url('../images/icons/video_btn.png'); background-size: 100%; }
.video_close { position: absolute; z-index: 10; left: 1rem; top: 0.5rem; width: 2rem; height: 2rem; background: url('../images/icons/video_close.png'); background-size: 100%; }
/* .video_c{position: absolute;display: none;z-index: 10;bottom: 1.6rem;width:100%;height:1.6rem;text-align: center;background: rgba(0, 0, 0, 0.6);color:#fff;}
.v_time{position: absolute;left:8%;top: 0rem;height:0.5rem;line-height:0.5rem;}
.progress{position: absolute;left:8%;bottom: 0rem;width:90%;height:0.5rem;background: #aaa;border-radius:20px;}
.v_cur{position: absolute;left:0;bottom: 0rem;width:70%;height:0.5rem;background: #f40;border-radius:20px;}
.cur_c{position: absolute;right:-0.3rem;;bottom: -0.1rem;width:0.7rem;height:0.7rem;background: #fff;border-radius:50%;}
.v_play{position: absolute;display: block;z-index: 10;left: 0.3rem;bottom: 0rem;width: 1.5rem;height: 1.5rem;background: url('../images/icons/play_icon.png');background-size: 100%;}
.v_stop{position: absolute;display: none;z-index: 10;left: 0.3rem;bottom: 0rem;width: 1.5rem;height: 1.5rem;background: url('../images/icons/stop_icon.png');background-size: 100%;} */
.xf_v { position: fixed; display: none; right: 0rem; top: 0rem; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.8); }
.xf_v .prdinfo_video { padding: 0; top: 0; right: 0rem; bottom: 0; margin: auto; height: auto; min-height: 22rem; }
.xf_v .video_close { right: 1rem; top: 2rem; }
/*产品详情页*/
.prdinfo_main .prdinfo_banner { position: relative;; padding-top: 0.6rem; background: #fff; min-height: 20rem; }
.prdinfo_banner .add_wrap { width: 100%; background: #fff; position: relative; }
.prdinfo_banner .add_wrap .swipe { overflow: hidden; position: relative; }
.prdinfo_banner .add_wrap .swipe_wrap { overflow: hidden; position: relative; }
.prdinfo_banner .add_wrap .swipe_wrap div { float: left; width: 100%; position: relative; min-height: 22rem; }
.prdinfo_banner .add_wrap .swipe_wrap img { width: 100%; }
.prdinfo_banner .add_wrap .num { position: absolute; bottom: 0rem; width: 100%; text-align: center; }
.prdinfo_banner .add_wrap #numlist { padding: 0; }
.prdinfo_banner .add_wrap #numlist li { width: 0.6rem; height: 0.6rem; display: inline-block; border-radius: 100%; background: #B9B2A2; }
.prdinfo_banner .add_wrap #numlist li.cur { background: #FFF; }
.prdinfo_main .prd_detail { padding: 10px 15px; border-bottom: 1px solid #DBDBDB; background: #fff; }
.prd_detail h3 { font-size: 20px; padding: 5px 0; }
.prd_detail h3 span { color: #dc137b; margin-left: 5px; font-size: 18px; }
.prd_detail p { font-size: 16px; color: #4c4c4c; line-height: 25px; }
.prd_detail p.prd_price { padding: 10px 0; overflow: hidden; height: 25px; }
.prd_detail p span { float: left; color: #000; vertical-align: middle; }
.prd_detail p .price { float: left; color: #dc137b; font-size: 22px; }
.prd_detail p del { margin: 3px 0 0 0.8rem; display: block; float: left; font-size: 0.8rem; color: #666; }

.prdinfo_main .prd_style { padding: 15px; background: #fff; font-size: 16px; margin: 10px 0; border-bottom: 1px solid #DBDBDB; }
.prd_style span { color: #808080; }
.prd_style b { font-weight: normal; }

.prd_apply_step { margin-bottom: 0.5rem; border-bottom: #dbdbdb solid 1px; }
.prd_apply_step img { width: 100%; }

.prd_apply { margin-bottom: 9px; background: #fffbf5; border-top: #dc137b solid 2px; border-bottom: #dbdbdb solid 1px; }
.prd_apply h4 { padding: 1.35rem 0 2.1rem; text-align: center; line-height: 30px; font-size: 1.1rem; color: #000; font-weight: normal; }
.prd_apply h4 span { color: #dc137b; }
.prd_apply h4 em { font-size: 30px; color: #dc137b; font-weight: bold; }
.prd_apply_com { margin: 0 auto; width: 24rem; }
.prd_apply_com p { height: 2.1rem; line-height: 2.1rem; text-align: center; font-size: 18px; color: #dc137b; }
.prd_apply_tex { margin: 0 0 0.95rem -1px; width: 100%; text-indent: 1rem; height: 2.9rem; line-height: 2.9rem; font-size: 0.9rem; color: #333; border: #b2b2b2 solid 1px; }
.prd_apply_sub { margin: 7px 0 1.65rem -1px; width: 100%; height: 3rem; line-height: 3rem; font-size: 22px; color: #fff; background: #dc137b; border: #dc137b solid; border-width: 0 1px; cursor: pointer; }

.prdinfo_main .prd_special .spec_tit { position: relative; width: 100%; top: 0; left: 0; z-index: 5; background: #fff; overflow: hidden; border-bottom: 1px solid #DBDBDB; }
.prd_special .spec_tit span { display: block; float: left; width: 33%; height: 40px; line-height: 40px; text-align: center; }
.prd_special .spec_tit span:last-child { width: 34%; }

.prd_special .spec_tit span a { display: block; font-size: 16px; color: #000; border-right: 1px solid #DBDBDB; }
.prd_special .spec_tit span.current { background: #dc137b; color: #fff; }
.prd_special .spec_tit span.current a { color: #fff; border-right: 1px solid #dc137b; }
.prd_special .spec_tit span:last-child a { border-right: 0 none; }
.prd_special .spec_con { position: relative; padding: 20px 15px 15px; background: #fff; }

.prd_special .spec_con .spec_info { text-align: center; }
/*.prd_special .spec_con .spec_info li{display:none;}*/
.prd_special .spec_con .spec_info li:first-child { display: block; }
.prd_special .spec_con .spec_info li img { max-width: 100%; }
.prd_special .spec_con .spec_info li:first-child img { margin-bottom: 15px; }

.spec_info_table { margin-bottom: 15px; padding: 5px 0 10px; border-bottom: #dbdbdb solid 1px; }
.spec_info_table dl { display: block; width: 100%; text-align: left; height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem; }
.spec_info_table dl dt { display: block; float: left; width: 7rem; color: #666; text-align: right; margin-right: 30px; }
.spec_info_table dl dd { display: block; float: left; color: #000; }

/* 猜你喜欢 */
.prd_related { margin: 9px 0 0; overflow: hidden; background: #fff; }
.prd_related h3 { margin-bottom: 13px; text-indent: 0.8rem; height: 2.25rem; line-height: 2.25rem; font-size: 1rem; color: #010101; font-weight: normal; border-bottom: #dbdbdb solid 1px; }
.prd_related_com_pad { padding: 0 0.375rem; }
.prd_related_com { display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; width: 100%; }
.prd_related a { padding: 0 0.375rem; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.prd_related dl { display: block; }
.prd_related dl dt { width: 100%; height: 7.25rem; }
.prd_related dl dt img { width: 100%; height: 7.25rem; }
.prd_related dl dd { padding: 0.5rem 0; line-height: 1rem; text-align: center; font-size: 0.8rem; }
.prd_related dl dd span { display: block; color: #000; overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*不换行*/ text-overflow: ellipsis; /*超出部分文字以...显示*/ }
.prd_related dl dd em { display: block; color: #dc137b; }

/*订单流程页*/
.wrap_order { font-size: 1rem; }
.wrap_order h3 { padding: 15px 26px; margin: 10px auto; font-size: 1.1rem; font-weight: normal; color: #191818; background: #fff; }
.wrap_order .order_con { }
.wrap_order .order_con ul li { position: relative; margin-top: 1px; padding: 0 26px; height: 40px; line-height: 40px; color: #000; background: #fff; }
.wrap_order .order_con ul li span, .sel_num { position: absolute; top: 12px; right: 26px; line-height: 17px; }
.wrap_order .order_con ul li .sel_num a { display: inline-block; width: 20px; height: 20px; border: 1px solid #d4d4d5; border-radius: 6px; vertical-align: middle; text-align: center; }
.wrap_order .order_con ul li span.total { color: #dc137b; }
.wrap_order .order_con ul li .sel_num input { width: 38px; height: 20px; font-size: 0.9rem; border: 1px solid #d4d4d5; border-radius: 6px; vertical-align: middle; text-align: center; }
.wrap_order .order_con ul li .sel_num .nobuy { background: #f0f2f5; }
.wrap_order .user_inp input { width: 100%; height: 45px; font-size: 1rem; color: #c8c8c8; border: 1px solid #d2d2d2; border-radius: 4px; background: #fcfdfd; text-indent: 20px; }
.wrap_order .user_inp .lab { padding: 30px 26px 10px; }
.wrap_order .user_inp .buy_now { padding: 20px 26px; background: #fff; }
.wrap_order .user_inp .buy_now div { position: relative; margin-bottom: 10px; }
.wrap_order .user_inp .buy_now div .send_code { position: absolute; top: 4px; right: 2px; width: 23%; height: 39px; line-height: 39px; font-size: 1rem; color: #fff; background: #a8a8a8; border-radius: 4px; text-align: center; border: none; }
.wrap_order .user_inp .buy_now div .codeCur { background: #dc137b; }
.wrap_order .user_inp .bind_tel { position: relative; padding: 12px 26px; background: #fff; }
.wrap_order .user_inp .bind_tel input { width: 100%; height: 45px; font-size: 1.1rem; color: #010101; }
.wrap_order .user_inp .bind_tel a { position: absolute; top: 22px; right: 32px; color: #c8c8c8; }
.wrap_order .sub { display: block; margin: 40px auto 30px; width: 50%; height: 62px; line-height: 62px; font-size: 1.2rem; color: #fff; border: none; border-radius: 6px; background: #a8a8a8; }
.wrap_order .btnCur { background: #dc137b; }
.wrap_order .tips { margin: 30px auto; font-size: 0.9rem; color: #929393; text-align: center; }
/*支付订单*/
.payment { display: block; }
.payment .pm_cont, .payment .order_totalmoney { padding: 0 1.5rem; background: #fff; overflow: hidden; }
.payment .pm_cont { margin: 1rem 0 0 0; }
.payment .order_totalmoney { margin: 0 0 1rem 0; }
.payment .order_totalmoney div { line-height: 3.4rem; color: #000; }
.payment .order_totalmoney div .total { float: right; font-size: 1.4rem; }
.payment .pm_cont img { width: 20%; vertical-align: top; display: inline-block; }
.payment .pm_cont .order_desc { margin-top: 10px; }
.order_number { width: 100%; padding: 1rem 0; line-height: 1rem; border-bottom: 1px solid #c3c3c3; }
.payment .pm_cont .order_pro_cont { display: inline-block; margin-left: 0.5rem; width: 75.5%; vertical-align: middle; text-align: right; }
.payment .pm_cont .order_pro_cont p { width: 100%; margin-bottom: 0.8rem; font-size: 1rem; overflow: hidden; }
.payment .pm_cont .order_pro_cont span { line-height: 25px; font-size: 1.2rem; }
.payment .pay_method ul li { position: relative; padding: 8px 26px; margin-top: 2px; font-family: '黑体'; color: #191818; background: #fff; }
.payment .pay_method ul li img { float: left; margin-right: 10px; }
.payment .pay_method ul li:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.payment .pay_method ul li .pay_method_txt { padding-top: 8px; line-height: 40px; }
.payment .pay_method ul li span { font-size: 1.3rem; }
.payment .pay_method ul li p { font-size: 0.8rem; }
.payment .pay_method ul li .pay_chk { position: absolute; top: 25px; right: 26px; width: 1.6rem; height: 1.6rem; border: 1px solid #c9c9c9; border-radius: 100%; }
.payment .pay_method ul li .pay_chk input { visibility: hidden; }
.payment .pay_method ul li .pay_chk label { display: block; position: absolute; top: -1px; right: -1px; width: 1.6rem; height: 1.6rem; border-radius: 100%; }
.payment .pay_method ul li .pay_chk input:checked + label { border: 1px solid #fff; background: #dc137b; }
.payment .pay_method ul li .pay_chk input:checked + label:after { opacity: 1; }
.payment .pay_method ul li .pay_chk label:after { position: absolute; top: 0.4rem; right: 0.35rem; content: ''; width: 0.7rem; height: 0.4rem; border: 2px solid #fff; border-top: none; border-right: none; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0; }
.payment .pay_method ul li .pay_chk label.cur { content: ''; }
.payment .sub { position: fixed; bottom: 0; width: 100%; height: 4rem; line-height: 4rem; z-index: 2000; font-size: 1.2rem; color: #fff; background: #dc137b; text-align: center; border: none; }
/*支付结果*/
.pay_result .tips { padding: 40px 0; margin-bottom: 10px; font-family: '黑体'; font-size: 1.6rem; color: #dc137b; background: #fff9f6; text-align: center; }
.pay_result .tips .success_tips { color: #dc137b; }
.pay_result .tips .error_tips { color: #777; }
.pay_result .tips i { position: relative; display: inline-block; margin-right: 10px; width: 37px; height: 37px; color: #fff; border-radius: 100%; background: #dc137b; vertical-align: top; }
.pay_result .tips .success_tips i:after { content: ''; position: absolute; top: 8px; left: 8px; width: 20px; height: 11px; border: 3px solid #fff; border-top: none; border-right: none; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.pay_result .tips .error_tips i { background: #777; }
.pay_result .tips .error_tips i:before, i:after { content: ''; position: absolute; top: 17px; width: 29px; height: 3px; }
.pay_result .tips .error_tips i:before { left: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.pay_result .tips .error_tips i:after { right: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }


.pay_result p { margin-top: 2px; padding: 10px 26px; font-size: 0.9rem; color: #191818; background: #fff; }
.pay_result p:nth-of-type(1) { width: 29.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pay_result .result_btn { text-align: center; }
.pay_result .result_btn2 { text-align: center; }
.pay_result a { display: inline-block; margin: 50px auto; height: 63px; line-height: 63px; font-size: 1.2rem; color: #fff; border-radius: 6px; background: #dc137b; }
.pay_result .result_btn a { width: 8rem; }
.pay_result .result_btn a:last-child { margin-left: 5px; }
.pay_result .result_btn2 a { width: 50%; }
/*待付款订单*/
.op_my_center_unpaid { background: #fff; }
.op_my_center_unpaid ul li { margin-top: 2px; padding: 14px 26px; }
.op_my_center_unpaid ul li img { width: 25%; height: 123px; display: inline-block; }
.op_my_center_unpaid ul li .order_pro_cont { display: inline-block; margin-left: 1rem; width: 62.5%; vertical-align: middle; }
.op_my_center_unpaid ul li .order_pro_cont h3 { width: 100%; font-size: 1.1rem; color: #191818; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.op_my_center_unpaid ul li .order_pro_cont p { padding: 10px 0 14px; line-height: 25px; font-size: 0.9rem; color: #686868; }
.op_my_center_unpaid ul li .order_pro_cont a { display: block; width: 87px; height: 42px; line-height: 42px; font-size: 1.1rem; color: #fff; background: #dc137b; text-align: center; border-radius: 5px; }
/*已完成订单*/
.op_my_center_orderList { background: #fff; color: #191818; margin: 1rem 0.8rem 0 0.8rem; border-radius: 0.5rem; padding: 0 0 0 1.5rem; }
.op_my_center_orderList .order_number { border-bottom: none; }
.op_my_center_orderList .order_number .btn { display: inline-block; background: #fff; height: 28px; border-radius: 14px; text-align: center; line-height: 28px; color: #000; padding: 0 15px; margin-top: -5px; margin-left: 10px;margin-right:10px; border: 1px solid #ccc; float:right; }
.op_my_center_orderList .order_number .refund { background: #dc137b; color: #fff; border: none; float: right; }
.op_my_center_orderList .order_number .pay { background: #dc137b; color: #fff; border: none; float: right; }
.op_my_center_orderList ul li { margin-top: 13px; position: relative; margin: 0 1rem 0 0; border-top: 1px solid #c3c3c3; padding: 1rem 0; }
.op_my_center_orderList ul li img { width: 20%; vertical-align: top; display: inline-block; }
.op_my_center_orderList ul li .order_pro_cont { display: inline-block; margin-left: 0.5rem; width: 76.5%; vertical-align: middle; text-align: right; }
.op_my_center_orderList ul li .order_pro_cont p { width: 100%; margin-bottom: 20px; font-size: 1rem; overflow: hidden; }
.op_my_center_orderList ul li .order_pro_cont span { line-height: 25px; font-size: 1.2rem; }
.op_my_center_orderList ul li .btn { display: inline-block; background: #fff; height: 28px; border-radius: 14px; text-align: center; line-height: 28px; color: #000; padding: 0 15px; margin-top: 5px; margin-left: 10px; border: 1px solid #ccc; }
.op_my_center_orderList ul li .refund { background: #dc137b; color: #fff; border: none; }
.op_my_center_orderList ul li .pay { background: #dc137b; color: #fff; border: none; }

.order_money { color: #a5a5a5; }
.order_money span { color: #dc137b; }

/*订单详情*/
.op_my_center_orderView { color: #191818; }
.op_my_center_orderView .order_pro_wrap { padding: 0 2rem; margin-bottom: 14px; background: #fff; }
.op_my_center_orderView .order_pro_wrap h4 { line-height: 3rem; border-bottom: 0.1rem solid #ccc; }
.op_my_center_orderView .order_pro { margin-bottom: 18px; padding: 1rem 0; background: #fff; }
.op_my_center_orderView .order_pro img { width: 25%; max-height: 123px; display: inline-block; vertical-align: top; }
.op_my_center_orderView .order_pro .order_pro_cont { display: inline-block; margin-left: 1rem; width: 69.5%; vertical-align: middle; }
.op_my_center_orderView .order_pro .order_pro_cont p { width: 100%; height: 1.8rem; font-size: 1rem; overflow: hidden; }
.op_my_center_orderView .order_pro .order_pro_cont p.attr { color: #9b9b9b; }
.op_my_center_orderView .order_pro .order_pro_cont span { line-height: 25px; font-size: 1.2rem; }
.op_my_center_orderView .order_pro .order_pro_cont .refund { height: 2.5rem; margin-top: 1rem; }
.op_my_center_orderView .refund a { display: inline-block; height: 2rem; line-height: 2rem; font-size: 1rem; width: 6.5rem; margin: 0; padding: 0; background: #fff; border-radius: 1rem; border: 1px solid #c3c3c3; color: #000; text-align: center; }
.text_right { text-align: right; }
.order_pro_wrap .order_attr { padding: 1rem 0; }
.order_pro_wrap .order_attr li { line-height: 2.5rem; }
.order_pro_wrap .order_attr li span { display: inline-block; width: 49%; font-size: 1.2rem; }
.order_pro_wrap .order_attr span.light { color: #9b9b9b; }
.order_pro_wrap .order_attr span.orange { color: #dc137b; }
.order_pro_wrap .order_msg03 .order_attr span { display: inline-block; width: 49%; font-size: 1rem; }
.order_pro_wrap .notice { line-height: 1.5rem; color: #9b9b9b; }
.order_pro_wrap .wx_code { text-align: center; padding: 1rem 0 2rem 0; height: 13rem; }
.op_my_center_orderView .view_list.order_msg03 h3 { display: inline-block; width: 60%; }
.op_my_center_orderView .view_list h3 { margin-bottom: 2px; line-height: 3.5rem; font-size: 1.2rem; background: #fff; }
.op_my_center_orderView .view_list p { font-size: 1rem; background: #fff; }
.op_my_center_orderView .view_list p i { display: inline-block; margin-right: 10px; width: 7px; height: 7px; background: #535353; border-radius: 100%; vertical-align: middle; }
.op_my_center_orderView .view_list p:last-child { padding-bottom: 25px; }
.op_my_center_orderView .order_msg03 a { float: right; margin-top: 1.5rem; display: inline-block; width: 8rem; height: 2rem; font-size: 1.2rem; color: #dc137b; line-height: 2rem; text-align: center; border-radius: 7px; }
/*我的订单*/
.op_my_center_order { padding: 30px 0; background: #fff; overflow: hidden; }
.op_my_center_order ul li { float: left; position: relative; width: 25%; text-align: center; }
.op_my_center_order ul li i { position: absolute; top: -10px; right: 40px; width: 22px; height: 22px; line-height: 22px; font-size: 0.7rem; color: #fff; background: #dc137b; border-radius: 100%; }
.op_my_center_order ul li img { }
.op_my_center_order ul li p { font-size: 1rem; color: #010101; }

.pro_coupon_choose { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1023; display: none; }
.pro_coupon_choose .panel { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; border-radius: 10px 10px 0 0; padding-top: 17px; }
.pro_coupon_choose ul { padding: 0 10px; }
.pro_coupon_choose ul li { display: inline-block; line-height: 30px; padding: 2px 10px; background: #f5f5f5; border-radius: 5px; margin-bottom: 6px; margin-left: 10px; font-size: 14px; }
.pro_coupon_choose ul li.active { background: #ff1b2f; color: #fff; }
.panel .text { line-height: 35px; padding: 0 10px; color: #aaa; }
.pro_coupon_choose .panel .price { color: #ff1b2f; font-size: 18px; }
.panel .number { position: relative; }
.number .num-input { position: absolute; top: 0; right: 14px; height: 100%; text-align: right; }
.number .num-input a { display: inline-block; width: 20px; height: 20px; background: #f5f5f5; line-height: 20px; text-align: center; }
.number .num-input input { width: 60px; height: 20px; border: none; outline: none; text-align: center; background: #f5f5f5; }
.panel .addcart { margin: 30px 50px; }
.panel .addcart a { height: 50px; background: red; display: block; color: #fff; font-size: 18px; text-align: center; line-height: 50px; border-radius: 30px; }

/*详情页用户信息*/
.op_usermsg { background: #fff; padding: 2rem 1rem; margin-bottom: 14px; }
.op_usermsg .addr_left { float: left; width: 3rem; height: 100%; text-align: right; }
.op_usermsg .addr_right { margin-left: 3.8rem; }
.op_usermsg .addr_right .addr_name { height: 2.5rem; line-height: 2.5; }

/*详情页底部购物车栏*/
.cart_bottom { position: fixed; width: 100%; max-width: 640px; height: 4rem; bottom: 0; z-index: 1000; background: #fff; }
.cart_bottom ul { display: flex; height: 100%; box-shadow: 1px 7px 20px #666; }
.cart_bottom ul li:nth-child(1), .cart_bottom ul li:nth-child(2) { flex: 1; }
.cart_bottom ul li:nth-child(3), .cart_bottom ul li:nth-child(4) { flex: 1.2; text-align: center; line-height: 4rem; font-size: 1rem; font-weight: bold; }
.cart_bottom ul li a { color: #fff; display: block; height: 100%; }
.cart_bottom ul li:nth-child(1) { background: url("../images/icons/icon_cart.png") no-repeat 0 0.1em; background-size: 14rem; }
.cart_bottom ul li:nth-child(2) { background: url("../images/icons/icon_cart.png") no-repeat -7rem 0.1em; background-size: 14rem; }
.cart_bottom ul li:nth-child(3) { background: #ffb000; }
.cart_bottom ul li:nth-child(4) { background: #dc137b; }

.pm_header { padding: 2rem 1.5rem; background: #fff; font-size: 1.2rem; border-bottom: 4px solid transparent; border-image: 16 repeating-linear-gradient(75deg, #e06868 0, #e06868 20px, transparent 0, transparent 32px, #58a 0, #58a 52px, transparent 0, transparent 64px); }
.pm_header .user_address { position: relative; padding-right: 20px; font-size: 15px; line-height: 24px; }
.pm_header .user_address:after { width: 0.6rem; height: 0.6rem; content: ""; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; transform: rotate(-45deg); position: absolute; top: 0; bottom: 0; margin: auto 0; right: 6px; }

.orderpreview { margin: 20px 0; border-radius: 0; }
.pagination { height: 3rem; line-height: 3rem; background: #fff; overflow: hidden; position: relative; }
.pagination .pagination-wrap { height: 3rem; width: 44rem; position: absolute; top: 0; left: 0; }
.pagination span { display: inline-block; width: 6rem; text-align: center; position: relative; }
.pagination .underline { position: absolute; bottom: 0; left: 0; border-top: 2px solid #dc137b; width: 5.5rem; height: 0; display: none; }
.swiper-slide { max-width: 640px !important; }
.swiper-container { min-height: 380px; }
.swiper-container2 { overflow: hidden; }
.no-order { text-align: center; margin: 9rem 0; }
.no-order img { width: 8rem; }
.no-order .t1 { font-size: 1.2rem; color: #808080; line-height: 3rem; }
.no-order .t2 { font-size: 1rem; color: #a8a8a8; }

.comment_wrap { text-align: center; margin-bottom: 10px; position: relative; }
.comment_wrap label { display: block; text-align: left; line-height: 3rem; margin: 0.4rem 0 0 2rem; }
.textarea { background: #f5f5f5; border: none; border-radius: 5px; padding: 1rem; width: 25rem; font-size: 1.1rem; }
.upload { background: #f5f5f5; border: none; border-radius: 5px; margin: 1rem; width: 27rem; font-size: 1.1rem; height: 8rem; position: relative; display: inline-block; }
.upload .icon { position: absolute; top: 50%; left: 50%; margin-left: -2rem; line-height: 3rem; font-size: 1.2rem; color: #8a8a8a; margin-top: -1.5rem; }
.upload .icon.plus { background: url("../images/icons/icon_plus.png") left center no-repeat; background-size: 1.5rem; padding-left: 1.5rem; margin-left: -3rem; }
.upload_input { display: none; }
.bottom_btn { position: fixed; left: 0; bottom: 0; line-height: 3rem; text-align: center; width: 100%; color: #fff; background: #dc137b; }
#upload_images { padding: 0 1rem; }
#upload_images img { width: 22%; margin-right: 10px; margin-bottom: 5px; }
.light { color: #9b9b9b; }
.card { background: #fff; margin: 0 1rem 1rem 1rem; border-radius: 0.5rem; position: relative; top: 1rem; }
.card .card-header { line-height: 2.8rem; border-bottom: 1px solid #e0e0e0; padding: 0 1.5rem; font-size: 1.2rem; font-family: 'microsoft yahei'; font-weight: bold; }
.card .card-header .card-title { display: inline-block; }
.card .card-header .card-action { float: right; display: inline-block; font-weight: 100; font-size: 1rem; }
.card .card-header .card-action a { color: #c6c6c6; }
.card .card-content.choose_status { padding: 1rem 0.5rem; }
.card .card-content { padding: 1rem 1.5rem; }
.card .card-content a span { background: url("../images/icons/icon_order_status.png") no-repeat 1.5rem 0; display: inline-block; width: 24%; text-align: center; height: 4rem; line-height: 6rem; background-size: 24rem; }
.card .card-content a:nth-child(2) span { background-position-x: -5.45rem; }
.card .card-content a:nth-child(3) span { background-position-x: -12.6rem; }
.card .card-content a:nth-child(4) span { background-position-x: -19.5rem; }
.card.order .card-header { padding: 0; margin: 0 1.5rem; }
.card.order .card-header .card-title { color: #808080; font-size: 1rem; font-weight: 100; }
.card.order .card-content img { width: 20%; vertical-align: top; }
.card.order .card-content .order_desc { display: inline-block; width: 78%; }
.card.order .card-content .order_desc .title { color: #000; padding-bottom: 1rem; text-align: right; }
.card.order .card-content .order_desc .price { color: #808080; font-size: 0.9rem; text-align: right; }
.card.order .card-content .order_desc .price span { color: #ff8952; }
.card.swiper .card-content .swiper-slide img { height: 6rem; }
.card.swiper .card-content .swiper-slide p { font-size: 0.8rem; }
.card.swiper .card-content .swiper-slide p.price { color: #ff8952; font-size: 1rem; }

.order_money input { outline: none; border: none; height: 3rem; width: 75%; margin-left: 1.5rem; }