.form{ position: relative; padding-bottom: 50px; } #bread{ position: relative; } .message-top{ height: 50px; line-height: 50px; border-bottom: solid 1px #e2383a; box-sizing: border-box; overflow: hidden; } .mt-left{ font-size: 24px; color: #666; float: left; } .mt-right{ color: #e2383a; font-size: 14px; float: right; vertical-align: bottom; padding-top: 8px; box-sizing: border-box; } .table-info{ width: 100%; overflow: hidden; line-height: 56px; border-top: solid 1px #E6E6E6; border-left: solid 1px #E6E6E6; box-sizing: border-box; margin-bottom: 20px; } .table-info .th{ width: 25%; height: 56px; line-height: 56px; font-size: 16px; color: #333; text-align: center; display: block; float: left; vertical-align: middle; box-sizing: border-box; border-right: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; } #trade_name { border-radius: 0; border-color: #ccc; text-indent: 6px; } .trade_name { text-indent: 6px; } .table-info .td{ width: 25%; height: 56px; line-height: 56px; font-size: 16px; color: #666; text-align: center; float: left; box-sizing: border-box; border-right: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; } #total-price{ font-weight: bold; color: #e2383a; } .input-wrap{ width: 160px; height: 32px; line-height: 32px; margin: 12px auto; border: solid 1px #50aaf0; border-radius: 4px; box-sizing: border-box; overflow: hidden; } .input-wrap .reduce,.input-wrap .add{ cursor: pointer; } .input-wrap .reduce,.input-wrap .add,.input-wrap .count{ width: 25%; height: 100%; line-height: 30px; font-size: 16px; color: #50aaf0; text-align: center; box-sizing: border-box; float: left; } #count{ width: 50%; border-right: solid 1px #50aaf0; border-left: solid 1px #50aaf0; } .pm-bottom{ background: #f3f9fd; padding: 36px 0; box-sizing: border-box; border: solid 1px #e6e6e6; margin-bottom: 10px; } .inp label{ width: 186px; text-align: right; font-size: 16px; color: #999; display: inline-block; } .inp .input-text{ width: 240px; height: 32px; line-height: 32px; text-indent: 8px; background: #fff; border: solid 1px #CCCCCC; margin-right: 4px; } .liuyan label{ display: block; float: left; line-height: 34px; } .inp .textarea-text{ float: left; height: 98px; box-sizing: border-box; padding: 8px; background: #fff; width: 320px; line-height: 16px; border: solid 1px #CCCCCC; margin-right: 4px; resize: none; } .inp .icon{ color: #e2383a; vertical-align: middle; } .pm-price{ text-align: right; overflow: hidden; } .pm-price p{ line-height: 60px; font-size: 24px; color: #666; } .pm-price .pm-price-span{ font-weight: bold; font-size: 24px; color: #E2383A; } .now-payment{ display: inline-block; width: 180px; height: 46px; font-size: 18px; color: #fff; line-height: 46px; text-align: center; background: #E2383A; border-radius: 4px; margin-top: 20px; } .table-info .th{ width: 20%; background: #f7f7f7; } #weixin_xcx .table-info .th,#weixin_xcx .table-info .td{ width: 50%; } #weixin_xcx .inp .textarea-text{ height: 162px; } .table-info .td{ width: 20%; } .table-info .td select{ width: 100px; height: 30px; line-height: 30px; margin: 12px auto; border: solid 1px #ccc; box-sizing: border-box; overflow: hidden; outline: none; } .pm-price p{ /* line-height: normal; */ } .pm-price .yh-p{ font-size: 18px; color: #666; font-weight: normal; line-height: 48px; padding-right: 36px; padding-top: 10px; padding-bottom: 0; } .n-money{ margin-bottom: 20px; margin-top: 10px; } .table-info .th{ width: 20%; background: #f7f7f7; } .table-info .td{ width: 20%; } .table-info .td select{ width: 100px; height: 30px; line-height: 30px; margin: 12px auto; border: solid 1px #ccc; box-sizing: border-box; overflow: hidden; outline: none; }