html,html body,html body #app{height:100%}@media only screen and (max-width:900px){.payBefore{background:url(../img/bg.5da3e9b3.svg) no-repeat;background-color:#f7f7f7;background-size:contain;width:100%}.payBefore header{width:100%;height:44.69px;line-height:44.69px;text-align:center;color:#fff;font-size:17px}.payBefore section{margin:5px 15px 0 15px;padding-bottom:113px}.payBefore section .product-card{background-color:#fff;padding:19px 15px 0 15px;box-shadow:0 2px 9px 0 hsla(0,0%,51%,.1)}.payBefore section .product-card .product-card_top{border-bottom:1px dashed #a7a9ae}.payBefore section .product-card .product-card_top .shopName{height:25px;line-height:25px}.payBefore section .product-card .product-card_top .shopName img{height:25px;width:25px;border-radius:25px;vertical-align:bottom;border:1px solid #e5e5e5}.payBefore section .product-card .product-card_top .shopName span{margin-left:10px;font-size:15px;color:#000;line-height:15px}.payBefore section .product-card .product-card_top .totalPrice{margin-top:24px;text-align:center}.payBefore section .product-card .product-card_top .totalPrice .totalPrice_currency{font-size:13px;color:#606470}.payBefore section .product-card .product-card_top .totalPrice .totalPrice_number{color:#000}.payBefore section .product-card .product-card_top .totalPrice .totalPrice_number span:first-child{font-size:15px}.payBefore section .product-card .product-card_top .totalPrice .totalPrice_number span:nth-child(2){font-size:30px}.payBefore section .product-card .product-card_top .product-detail{margin-top:36px}.payBefore section .product-card .product-card_top .product-detail .product-detail_message{font-size:15px;height:35px}.payBefore section .product-card .product-card_top .product-detail .product-detail_message p:first-child{float:left}.payBefore section .product-card .product-card_top .product-detail .product-detail_message p:nth-child(2){float:right}.payBefore section .product-card .product-card_top .product-detail .product-detail_message p:nth-child(3){float:right;margin-right:20px}.payBefore section .product-card .product-card_bottom{height:45px;line-height:45px}.payBefore section .product-card .product-card_bottom p:first-child{float:left;color:#606470;font-size:15px}.payBefore section .product-card .product-card_bottom p:nth-child(2){float:right;color:#000;font-size:15px}.payBefore section .customer-information{padding:20px 15px 15px 15px;background-color:#fff;box-shadow:0 2px 9px 0 hsla(0,0%,51%,.1);margin-top:10px}.payBefore section .customer-information .information{color:#2a2b2c;font-size:15px;font-weight:500}.payBefore section .customer-information .email,.payBefore section .customer-information .name,.payBefore section .customer-information .telephone{margin-top:20px;font-size:15px;display:flex}.payBefore section .customer-information .email label,.payBefore section .customer-information .name label,.payBefore section .customer-information .telephone label{color:#606470;padding:3px;width:25%}.payBefore section .customer-information .email .error-message,.payBefore section .customer-information .name .error-message,.payBefore section .customer-information .telephone .error-message{color:#f15f5d;right:0;font-size:12px;text-align:right}.payBefore section .customer-information .email .flex-row,.payBefore section .customer-information .name .flex-row,.payBefore section .customer-information .telephone .flex-row{width:75%;display:flex;flex-direction:column}.payBefore section .customer-information input{padding:5px;width:calc(100% - 10px);height:15px;text-align:right;overflow-x:scroll;outline-style:none;border:none}.payBefore section .customer-information .someTips{height:55px;margin-top:16px;padding:9px 15px 10px 15px;background-color:#f7f7f7;color:#606470;font-size:13px;box-sizing:border-box}.payBefore section .customer-information .emailExtendHeight{margin-top:25px}.payBefore section .logistics{margin-top:10px;box-shadow:0 2px 9px 0 hsla(0,0%,51%,.1);padding:20px 15px;background:#fff;box-sizing:border-box}.payBefore section .logistics .logistics_top{color:#2a2b2c;font-size:15px;height:15px;font-weight:500;line-height:15px}.payBefore section .logistics .logistics_center .logistics_center_left,.payBefore section .logistics .logistics_center .logistics_center_right{display:flex;flex-direction:column;font-size:15px;line-height:15px;margin-top:15px}.payBefore section .logistics .logistics_center .logistics_center_left p:first-child,.payBefore section .logistics .logistics_center .logistics_center_right p:first-child{color:#606470}.payBefore section .logistics .logistics_center .logistics_center_left p:nth-child(2),.payBefore section .logistics .logistics_center .logistics_center_right p:nth-child(2){color:#000;margin-top:15px}.payBefore section .logistics .logistics_center .logistics_center_left .flex-row{display:flex;justify-content:space-between}.payBefore section .logistics .logistics_center .logistics_center_left .flex-row .flex-column{display:flex;flex-direction:column;justify-content:space-between}.payBefore section .logistics .logistics_center .logistics_center_left .van-field{background:url(../img/right-select.57185a1c.svg) no-repeat 100%;background-size:6px 11px;width:100px;height:20px;font-size:15px;line-height:15px;padding:0}.payBefore section .logistics .logistics_center .logistics_center_left .van-field .van-field__control{border:none}.payBefore section .logistics .logistics_center .logistics_center_left .error-message{font-size:12px;color:#f15f5d;position:absolute;right:0;bottom:-15px}.payBefore section .logistics .logistics_bottom{margin-top:20px;height:88px}.payBefore section .logistics .logistics_bottom .el-textarea{border-radius:3px;border:1px solid #e5e5e5}.payBefore section .logistics .logistics_bottom .el-textarea .el-textarea__inner{height:88px;border:none;padding:15px 15px}.payBefore section .logistics .logistics_bottom .error-message{font-size:12px;height:12px;line-height:12px;color:#f15f5d;margin-top:8px}.payBefore section .extendLogistics{padding-bottom:35px}.payBefore section .remarks{padding:20px 15px;box-sizing:border-box;background:#fff;box-shadow:0 2px 9px 0 hsla(0,0%,51%,.1);margin-top:10px}.payBefore section .remarks .remark{height:15px;color:#000;font-size:15px;font-weight:500;margin-bottom:15px}.payBefore section .remarks .description{font-size:15px;line-height:20px;color:#606470}.payBefore section .accept{height:54px;margin-top:15px;display:flex}.payBefore section .accept .accept_left{margin-top:2px;height:15px;width:15px;vertical-align:bottom}.payBefore section .accept .accept_right{height:54px;width:325px;font-size:13px;margin-left:7px}.payBefore section .accept .accept_right p span:nth-child(2){color:#ff8100}.payBefore section .accept .accept_right p span:nth-child(2):hover{cursor:pointer}.payBefore section .bottom_btn{margin-top:25px;border-radius:8px;height:50px;border:none}.payBefore section .bottom_btn button{border:none;color:#fff;font-size:17px;line-height:50px;background-color:#ff8100;border-radius:8px;padding:0;width:100%}.payBefore section .bottom_btn .btn_disabled{background-color:#a7a9ae}.payBefore section .bottom_msg{position:fixed;left:0;bottom:0;padding-top:10px;padding-bottom:15px;width:100%;text-align:center;font-size:13px;height:13px;line-height:13px;background-color:#f7f7f7}.payBefore section .bottom_msg img{vertical-align:middle;width:48.9px;height:12.87px}.payBefore .appisFixed_button{width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;position:fixed;bottom:38px;left:0;background-color:#f7f7f7}}@media only screen and (min-width:900px){.payBefore{background:url(../img/bg_pc.cf255490.png) no-repeat;background-color:#f7f7f7;background-size:contain}.payBefore .main_wraper{width:900px;margin:0 auto}.payBefore .main_wraper header{padding-top:47px;color:#fff;font-size:32px;height:116px;box-sizing:border-box}.payBefore .main_wraper section .product-card{background-color:#fff;padding:30px 30px 0 30px;border-radius:10px;box-shadow:0 7px 20px 0 rgba(0,0,0,.05)}.payBefore .main_wraper section .product-card .product-card_top .shopName{height:40px;line-height:40px}.payBefore .main_wraper section .product-card .product-card_top .shopName img{height:40px;width:40px;border-radius:40px;vertical-align:bottom;border:1px solid #e5e5e5}.payBefore .main_wraper section .product-card .product-card_top .shopName span{margin-left:12px;font-size:18px;color:#000;line-height:18px}.payBefore .main_wraper section .product-card .product-card_top .totalPrice{margin-top:30px;text-align:right;padding-bottom:26px;border-bottom:1px dashed #a7a9ae}.payBefore .main_wraper section .product-card .product-card_top .totalPrice .totalPrice_currency{font-size:14px;color:#606470}.payBefore .main_wraper section .product-card .product-card_top .totalPrice .totalPrice_number{margin-top:10px;color:#000;font-size:30px;font-weight:600}.payBefore .main_wraper section .product-card .product-card_top .totalPrice .totalPrice_number span:first-child{margin-right:10px}.payBefore .main_wraper section .product-card .product-card_top .product-detail .product-detail_message{height:80px;line-height:80px;font-size:16px;border-bottom:1px dashed #a7a9ae}.payBefore .main_wraper section .product-card .product-card_top .product-detail .product-detail_message p:first-child{float:left;color:#2f323a}.payBefore .main_wraper section .product-card .product-card_top .product-detail .product-detail_message p:nth-child(2){float:right;color:#000}.payBefore .main_wraper section .product-card .product-card_top .product-detail .product-detail_message p:nth-child(3),.payBefore .main_wraper section .product-card .product-card_top .product-detail .product-detail_message p:nth-child(4){float:right;margin-right:70px;color:#000}.payBefore .main_wraper section .product-card .product-card_bottom{height:66px;line-height:66px;font-size:16px}.payBefore .main_wraper section .product-card .product-card_bottom p:first-child{float:left;color:#606470;margin-right:10px}.payBefore .main_wraper section .product-card .product-card_bottom p:nth-child(2){float:left;color:#000}.payBefore .main_wraper section .customer-information{position:relative;padding:30px 30px 0 30px;background-color:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.05);border-radius:10px;margin-top:10px;height:176px}.payBefore .main_wraper section .customer-information .information{color:#424242;font-size:18px;font-weight:600}.payBefore .main_wraper section .customer-information .email,.payBefore .main_wraper section .customer-information .name,.payBefore .main_wraper section .customer-information .telephone{position:relative;margin-top:20px;height:62px;float:left;width:266px;color:#2f323a;font-size:14px;margin-right:20px}.payBefore .main_wraper section .customer-information .email label,.payBefore .main_wraper section .customer-information .name label,.payBefore .main_wraper section .customer-information .telephone label{display:block;margin-bottom:12px;height:14px}.payBefore .main_wraper section .customer-information .email input,.payBefore .main_wraper section .customer-information .name input,.payBefore .main_wraper section .customer-information .telephone input{height:32px;width:246px;padding-left:12px;border:1px solid #c2c2c2;border-radius:3px}.payBefore .main_wraper section .customer-information .email .error-message,.payBefore .main_wraper section .customer-information .name .error-message,.payBefore .main_wraper section .customer-information .telephone .error-message{color:#f15f5d;position:absolute;left:10px;bottom:-22px;font-size:13px;white-space:pre}.payBefore .main_wraper section .customer-information .email{color:#606470;margin-right:0}.payBefore .main_wraper section .customer-information .name label,.payBefore .main_wraper section .customer-information .telephone label{margin-left:10px}.payBefore .main_wraper section .customer-information .telephone{width:268px;position:relative}.payBefore .main_wraper section .customer-information .telephone:after{content:"+";color:#262424;font-size:14px;position:absolute;left:12px;bottom:10px}.payBefore .main_wraper section .customer-information .telephone .error-message{color:#f15f5d;position:absolute;left:80px;bottom:-22px;font-size:13px}.payBefore .main_wraper section .customer-information .telephone input:nth-child(2){padding-left:22px;width:34px;margin-right:10px}.payBefore .main_wraper section .customer-information .telephone input:nth-child(3){width:174px}.payBefore .main_wraper section .customer-information .someTips{position:absolute;right:30px;bottom:30px;height:36px;width:254px;color:#606470;font-size:13px}.payBefore .main_wraper section .logisticsMode1{margin-top:10px;box-sizing:border-box;padding-left:30px;padding-top:30px;padding-bottom:30px;background-color:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.05);border-radius:10px}.payBefore .main_wraper section .logisticsMode1 .logistics_top{color:#424242;font-size:18px;font-weight:600;height:18px;line-height:18px;margin-bottom:20px}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom p:first-child{color:#606470;font-size:14px;height:14px;line-height:14px}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom p:first-child:before{content:"*";color:#e73b48;margin-right:5px}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .el-select{margin-top:12px;height:36px;width:266px}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .el-select .el-input{height:36px}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .el-select .el-input .el-input__inner{height:36px;padding-left:10px;border-color:#c2c2c2}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .el-select .el-input .el-input__suffix .el-input__icon{line-height:36px!important}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .error-message{color:#f15f5d;margin-top:5px;font-size:13px}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .el-textarea{margin-top:24px;height:66px;width:840px;border-radius:3px;border:1px solid #c2c2c2}.payBefore .main_wraper section .logisticsMode1 .logistics_bottom .el-textarea .el-textarea__inner{height:66px;border:none;padding:15px 12px}.payBefore .main_wraper section .logisticsMode2{margin-top:10px;box-sizing:border-box;padding-left:30px;padding-top:28px;padding-bottom:30px;background-color:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.05);border-radius:10px}.payBefore .main_wraper section .logisticsMode2 .logistics_top{height:25px;font-size:18px;font-weight:600;line-height:25px;color:#424242}.payBefore .main_wraper section .logisticsMode2 .logistics_center{margin-top:21px;height:54px}.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_left,.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_right{float:left}.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_left p:first-child,.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_right p:first-child{color:#606470;font-size:14px;height:14px;line-height:14px;margin-bottom:18px}.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_left p:nth-child(2),.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_right p:nth-child(2){color:#000;height:22px;line-height:22px;font-size:16px}.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_left{width:266px;margin-right:34px;padding-left:12px;box-sizing:border-box}.payBefore .main_wraper section .logisticsMode2 .logistics_center .logistics_center_right{width:184px}.payBefore .main_wraper section .logisticsMode2 .logistics_bottom{margin-top:24px;height:66px;width:840px}.payBefore .main_wraper section .logisticsMode2 .logistics_bottom .el-textarea{border-radius:3px;border:1px solid #c2c2c2}.payBefore .main_wraper section .logisticsMode2 .logistics_bottom .el-textarea .el-textarea__inner{height:66px;border:none;padding:15px 12px}.payBefore .main_wraper section .logisticsMode2 .logistics_bottom .error-message{color:#f15f5d;margin-top:5px;font-size:13px;margin-left:12px}.payBefore .main_wraper section .remarks{padding:30px;box-sizing:border-box;background:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.05);border-radius:10px;margin-top:10px}.payBefore .main_wraper section .remarks .remark{height:18px;color:#424242;font-size:18px;line-height:18px;font-weight:600;margin-bottom:20px}.payBefore .main_wraper section .remarks .description{font-size:16px;line-height:25px;color:#606470}.payBefore .main_wraper section .accept{float:left;height:48px;margin-top:30px}.payBefore .main_wraper section .accept .accept_left{margin-top:4px;float:left;height:16px;width:16px;vertical-align:bottom;margin-right:9px}.payBefore .main_wraper section .accept .accept_right{float:left;height:48px;width:587px;font-size:16px;line-height:24px}.payBefore .main_wraper section .accept .accept_right p span:nth-child(2){color:#ff8100}.payBefore .main_wraper section .accept .accept_right p span:nth-child(2):hover{cursor:pointer}.payBefore .main_wraper section .bottom_btn{cursor:pointer;float:right;margin-top:30px;border-radius:8px;height:50px;width:250px;background:#ff8100;text-align:center}.payBefore .main_wraper section .bottom_btn button{border:none;color:#fff;border-radius:8px;font-size:17px;width:250px;height:50px;line-height:50px;background:#ff8100}.payBefore .main_wraper section .bottom_btn .btn_disabled{background-color:#a7a9ae}.payBefore .el-dialog__wrapper .el-dialog{background:none;border:none;box-shadow:none;width:683px;height:611px;box-sizing:border-box;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.12);border-radius:2px}.payBefore .el-dialog__wrapper .el-dialog .el-dialog__header{padding:30px 30px 26px;font-size:20px;color:#282b2d;height:20px;line-height:20px}.payBefore .el-dialog__wrapper .el-dialog .el-dialog__body{height:505px;padding:0 30px 0 30px;overflow-y:scroll}.payBefore .el-dialog__wrapper .el-dialog .el-dialog__body .content{height:505px;font-size:14px;line-height:24px;color:#606470;white-space:pre-line}.payBefore .el-dialog__wrapper .el-dialog .el-dialog__body .content p{margin-bottom:6px}.payBefore .el-dialog__wrapper .el-dialog .el-dialog__body .content .title_detail{margin-top:10px;margin-bottom:4px;font-size:15px;font-weight:500;color:#2a2b2c}.payBefore .bottom_msg{margin-top:10px;margin-bottom:15px;text-align:center;font-size:13px}.payBefore .bottom_msg img{vertical-align:middle;width:48.9px;height:12.87px}.payBefore .bottom_msg_pc{margin-top:132px;height:60px;line-height:60px;text-align:center;background-color:#464646;color:#fff}.payBefore .bottom_msg_pc span{margin-top:22px;line-height:16px;display:inline-block;height:16px;margin-right:8px;font-size:14px}.payBefore .bottom_msg_pc img{width:81px;height:15px;vertical-align:middle}.payBefore .bottom_msg_pc_fixed{position:fixed;left:0;bottom:0;width:100%;height:60px;line-height:60px;text-align:center;background-color:#464646;color:#fff}.payBefore .bottom_msg_pc_fixed span{margin-top:22px;line-height:16px;display:inline-block;height:16px;margin-right:8px;font-size:14px}.payBefore .bottom_msg_pc_fixed img{width:81px;height:15px;vertical-align:middle}}body,h1,h2,h3,h4,h5,h6,html,p{margin:0;padding:0}