/** 登录弹框（新栏目使用）  2021-05-31 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #bbb; }
input::placeholder, textarea::placeholder { color: #bbb; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; } 
input[type="number"]{ -moz-appearance: textfield; }
.s-primary { color: #11B790 !important; }
.cup { cursor: pointer; }
.u-btn { height: 40px; font-size: 16px; cursor: pointer; -webkit-transition: border-color .2s linear, color .2s linear, background-color .2s linear; transition: border-color .2s linear, color .2s linear, background-color .2s linear; }
.btn-primary { border-color: #11B790; background-color: #11B790; color: #fff;border-radius: 4px; }
.btn-primary:hover { opacity: .7; }
.btn-m { height: 32px; line-height: 32px; font-size: 14px; }
.u-btn.is-round { border-radius: 50px; }
.is-disabled { color: #bbb !important; }

/* u-popup-box */
.u-popup-box { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1002; }
.u-popup-box .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0, .5); }
.u-popup-box .popup-bar { -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; -webkit-transform: translateY(-5%); transform: translateY(-5%); overflow: hidden; }
.u-popup-box.popup-show .popup-bar, .popup-show.popup-bar { -webkit-transform: translateY(0); transform: translateY(0); }
.u-popup-box .conts-box { overflow: hidden; }
/* popup-bar */
.popup-bar { position: absolute; left: 50%; top: 50%; background-color: #fff; -webkit-box-shadow: 0 15px 32px 0 rgba(0,0,0, .08); box-shadow: 0 15px 32px 0 rgba(0,0,0, .08); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.popup-bar .pop-close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; text-align: center; cursor: pointer; }
.popup-bar .pop-close .iconfont { font-size: 12px; line-height: 22px; color: #bbb; -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-transform: scale(.8); transform: scale(.8); margin-top: 0; }
.popup-bar .pop-close:hover .iconfont { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #333; }

/* popup-login */
.popup-login .popup-bar { width: 700px; height:522px;margin: -261px 0 0 -350px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.popup-login .popup-bar .pop-title { font-size: 18px; line-height: 24px; font-weight: 600; }
.popup-login .popup-bar .u-input { border: 1px solid #E6E6E6; border-radius: 4px; margin-top: 20px; }
.popup-login .popup-bar .u-input input { font-size: 12px; }
.popup-login .popup-bar .u-btn { display: block; width: 100%; }
.popup-login .popup-bar .tip-f12 { font-size: 12px; color: #bbb; text-align: center; margin-top: 12px; }


/* popup-login-box  */
.popup-login-box {width: 340px;margin:60px 80px; box-sizing: border-box;}
.u-phone{width: 215px !important;}
.act-telverify{width: 108px  !important;margin-left: 10px;}
.act-telverify button{color: #bbb; padding: 0 !important;}
.act-telverify.is-this {border-color: #11B790 !important;}
.act-telverify.is-this button{ color: #11B790;}

/* u-input */
.u-input { display: inline-block; vertical-align: middle;  line-height: 40px; border: 1px solid #d9d9d9; border-radius: 4px; position: relative; }
.u-input.block { display: block; }
.u-input input ,.u-input button{ display: block; width: 100%; height: 38px; line-height: 38px; padding: 0 16px; }
    /**/
.u-input .u-fixation { position: absolute; top: -1px; z-index: 2; padding: 0 10px; color: #999; font-size: 12px; }
.u-input .u-fixation .iconfont { color: #999; margin-top: -4px; }
.u-input.u-suffix input { padding-right: 50px; }
.u-input.u-suffix .u-fixation { right: -1px; border-radius: 0 4px 4px 0; }
.u-input.u-prefix input { padding-left: 35px; }
.u-input.u-prefix .u-fixation { left: -1px; border-radius: 4px 0 0 4px; }

/* u-check */
.u-check { display: inline-block; cursor: pointer; margin-top: 0; }
.u-check .iconfont { position: relative; margin: -1px 2px 0 0; color: #d9d9d9;font-size: 14px; }
.u-check.is-checked .iconfont { color: #11B790; }
.u-check.is-checked .icon-checkbox:before { content: "\e852"; }
.u-check.is-disabled .iconfont { color: #e8e8e8; }


/* 支付结果 */
.pay-result-box .popup-bar{margin:-261px 0 0 -445px; width: 890px;}
.pay-result-box .pay-result{width:690px;padding-top:105px;text-align:center}
.pay-result .iconfont{font-size:60px;line-height:60px}
.pay-result .u-btn{width:314px;border-radius:4px}
.pay-for-alipay{width:314px;text-align:center;margin-top:30px}
.pay-for-alipay .u-btn{width:314px;line-height:40px;border-radius:4px;margin-top:13px;padding:0}

/*  已支付 */
.pay-already-box .popup-bar{width:400px;text-align:center;padding:46px 0;margin:-85px 0 0 -200px}
.pay-already-box .popup-bar .u-btn{width:230px;line-height:40px}