@charset "utf-8";
/* CSS Document */
body{background:#eee; margin:0px; font-family:微软雅黑;}
.js_main{width:430px; height:400px;overflow:hidden; }
.js_top{ height:60px;color:#169893;  overflow: hidden;}
.js_top span.js_top_logo{height:60px; font-size:22px; line-height:60px; color:#169893; text-indent:55px; display: inline-block; float: left; background:url(../Images/WebPay/icon.png) no-repeat 2px 2px; background-size: 60px;
    width: 200px;
}
.js_top ul{display: inline-block; float: right; background-color:#00beb7;width: 200px;height:100%; margin-top: 5px; margin-right: 5px;}
.js_top ul li{overflow: hidden;height: 25px; line-height: 25px;}
.js_top ul li p{font-size:14px;height: 25px; line-height: 25px; color:#ffffff; text-align: right; display: inline-block; font-style:normal; float: right; margin-bottom: 0; overflow: hidden;
}
.js_top p i{display: inline-block; width: 40px; height: 25px; line-height: 25px; font-style:normal; text-align: center; border-radius: 4px; color: #fff; margin-left: 10px; float: right; overflow: hidden; }
.js_top p i.buyer{width: 40px;background: #52c83f;}
.js_top p i input{color: #fff;height: 22px; line-height: 22px;width: 30px;background: #1fc1ff;border: none; font-size: 12px; margin-top: -2px;}

.js_yhjs{margin-top:5px;  height:100px;}
.js_yhjstb{ height:25px; width:100px; text-align:center; font-size:14px; color:#fff; background:url(../Images/WebPay/Wallet.png) 22px 15px no-repeat #169893; padding-top:75px; float:left}
.js_yhqb_box{width: 159px; height:100px; float:left; overflow: hidden;margin-left:3px; }
.js_yhqb{ width:100%; height:80px; text-decoration:none; background:#00beb7; padding:10px 0; color:#fff; font-size:14px; display:block; line-height:18px; }
.js_yhje{width: 160px; height:80px; margin-left:3px; float:left;background:#00beb7; padding:10px 0; color:#fff; font-size:14px; display:block;  float:left;}
.js_yhje p.js_yhje-t{color: #c42424; font-size: 20px; line-height: 20px;margin-bottom: 14px;}
.js_yhje-input-box{border:1px solid #f00;padding:2px; margin:4px; text-align: left;}
.js_yhje p.js_yhje-b{color: #fff; font-size: 14px; line-height: 14px; margin-bottom: 5px;}
.js_yhje p.js_yhje-input{font-size: 16px; height: 25px; line-height: 25px;}
.js_yhje p.js_yhje-input input{font-size: 16px; height: 25px; width: 80px; float: left;}
.js_yhje p.js_yhje-input span{font-size: 14px; height: 25px; width: 60px; text-align: center; display: inline-block; background-color: #1fc1ff;}
.js_yhqb:hover{background:#109994;}


.js_wxjs{margin-top:5px; float:left; height:80px; width: 215px;}
.js_wxjstb{ height:25px; width:100px; text-align:center; font-size:14px; color:#fff; background:url(../Images/WebPay/i56_wx.png) 22px 5px no-repeat #52c83f; padding-top:55px; float:left}
.js_wxsjsm{ width:100px; height:70px;  line-height: 70px; text-decoration:none; background:#52c83f; padding:5px 5px; color:#fff; font-size:14px; display:block;  float:left;}
/*.js_wxjs:hover{background:#52b542; }*/
.js_wxsjsm img{width: 50px; width: 50px;}
.js_wxjs:hover .js_wxjstb{color: red;background-color:#52b542;}
.js_wxjs:hover .js_wxsjsm{color: red;background-color:#52b542;}

.js_zfbjs{margin-top:5px; float:left; height:80px;width: 215px;}
.js_zfbjstb{ height:25px; width:100px; text-align:center; font-size:14px; color:#fff; background:url(../Images/WebPay/i56_zfb.png) 22px 5px no-repeat #1fc1ff; padding-top:55px; float:left}
.js_zfbsjsm{ width:100px; height:70px;  line-height: 70px;  text-decoration:none; background:#1fc1ff;  padding:5px 5px;  color:#fff; font-size:14px; display:block;  float:left;}
/*.js_zfbjs:hover{background:#00adef;color: red;}*/
.js_zfbsjsm img{width: 50px; width: 50px;}
.js_zfbjs:hover .js_zfbjstb{background-color:#00adef;color: red;}
.js_zfbjs:hover .js_zfbsjsm{background-color:#00adef;color: red;}

.js_da{ font-size:20px; margin-bottom:3px; display:inline-block;line-height: 26px; margin-top: 7px}
.js_da_i{font-style: normal; font-size: 12px;}
.bottom{ width:430px; height:24px; margin-top:10px; font-size:14px; color:#666; text-align:center; line-height:24px; float:left;}

.js_ewm{ width:225px; height:225px; padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; background:#fff; margin:0px auto; margin-top:15px }
.js_ewm img{ width:225px; height:225px;}
.js_shuom{ text-align:center; line-height:36px; margin-top:10px;}
.js_shuom img{ vertical-align:middle; margin-right:5px;}

.js_fkje{ margin-top:50px; font-size:24px; color:#666; text-align:center; }
.js_je{ margin-top:10px; font-size:24px; color:#000; text-align:center;}
.js_je span{ font-size:36px; color:#ff3300;}
.js_tm { text-align:center; margin-top:60px; font-size:14px;}
.js_tm input{ margin-right:5px;}

.selectpay{ width: 430px; text-align: center; padding-top:10px;}
.selectpay h2{line-height: 40px; font-size:20px; color:#393939; margin-bottom:20px;  width:100%; text-align:center;}
.selectpay-list{}
.selectpay-list ul{}
.selectpay-list ul li{font-size: 16px; background:#00beb7; line-height: 45px; width: 300px; color:#fff; text-align: center; border-radius: 4px; -webkit-border-radius:4px; box-shadow:2px 2px 10px rgba(0,0,0,0.5); margin:25px auto;}
.selectpay-list ul li a{color:#fff; display: inline-block; width: 300px;}
.selectpay-list ul li a:hover{text-decoration:none;}


.tc-buyer{width:100%; height: 100%;display: none; opacity:0;}
.tc-buyer-bg{background: rgba(0,0,0,0.6);width:100%; height: 100%;position: fixed; top:0; left: 0; z-index: 10;}
.tc-buyer-con{width: 340px; position:absolute; top:50px; left:50%; z-index: 10; background: #fff; border-radius: 4px; margin-left: -170px; }
.tc-buyer-content{padding:10px;}
.tc-buyer-content h3{font-size:18px; line-height: 40px; color: #393939;margin-bottom: 10px;}
.tc-buyer-content p{width: 95%; border:1px solid #149B96; border-radius: 4px; margin:0 auto; line-height: 40px; height: 40px;}
.tc-buyer-content input{width: 100%; height: 35px; border: none; text-indent: 10px; margin-top: -1px; font-size: 16px;}
.tc-buyer-content ul{display: flex;display: -webkit-box; margin-top: 15px; margin-bottom: 10px;}
.tc-buyer-content ul li{flex: 1;-webkit-box-flex: 1; text-align: center; line-height: 40px; height: 40px; font-size: 1.2rem; margin:0 10px; width: 100%;}
.tc-buyer-content ul li:nth-child(1){background: #149B96;border:1px solid #149B96;border-radius: 4px; color: #fff;}
.tc-buyer-content ul li:nth-child(2){border:1px solid #149B96;border-radius: 4px;}

.sweep_code_box{margin-top: 10px; padding:5px;clear: both;}
.sweep_code_box h4{font-size: 20px; text-align: left; margin-bottom: 10px;}
.sweep_code_box h4 span{font-size: 14px; text-align: left; margin-bottom: 10px; font-style: normal;}
.sweep_code_ui{ background: #fff; width: 100%; overflow:hidden; box-sizing:border-box;border:1px solid #ccc;}
.sweep_code_ui input{width:65%; height:40px; float: left; box-sizing: border-box; border:none;font-size: 16px; margin:5px 10px;}
.sweep_code_btn{display: inline-block; float: right; height: 40px; margin:5px 10px; line-height:40px; text-align: center; width: 20%; font-size: 18px;border-left:1px solid #ccc;box-sizing:border-box;background: #00bcd4; color: #fff;}