/* 
* @Author: Marte
* @Date:   2016-10-17 15:28:20
* @Last Modified by:   Marte
* @Last Modified time: 2016-10-27 17:48:30
*/
@charset 'utf-8';
@font-face {font-family: 'iconfont';
    src: url('font/ux_1476936477_111477/iconfont.eot'); /* IE9*/
    src: url('font/ux_1476936477_111477/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/ux_1476936477_111477/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/ux_1476936477_111477/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/ux_1476936477_111477/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'paylogo';
    src: url('font/ux_1477560769_4668162/iconfont.eot'); /* IE9*/
    src: url('font/ux_1477560769_4668162/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/ux_1477560769_4668162/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/ux_1477560769_4668162/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/ux_1477560769_4668162/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.pay-header {text-align: center;}
.pay-header img{max-width: 70%;}
.pay-door .pay-input{background-color:#f5f5f5;}
.pay-input .pay-row input{background-color:#f5f5f5;height: 30px;line-height: 30px;padding-left:0.1rem;box-sizing: border-box;border-left: 1px solid #ccc;}
.pay-door .pay-header{padding:0!important;}
.pay-door .pay-count{margin-top: 0.2rem;}
.select-ul .select-li .wrap-radio{background: url(../images/fuxuan2.png) no-repeat; background-position: 0 0;height: 20px;width: 20px;background-size: cover;margin-top: 10px;}
.select-ul .select-li .on { background-position: 0 bottom; }
.select-ul .select-li .wrap-radio{display:inline-block;}
.select-li .wrap-radio .radio{margin-top: -10px;}
.pay-select{margin-top: 0.2rem;}
.pay-select .pay_ways{margin-bottom: 0.1rem;}
.pay_tips{font-size: 0.14rem;color:#666;margin:0.2rem 0;}
.pay-door .pay-sure{overflow:hidden;margin-top:0.4rem;margin-bottom: 0.2rem;}
.pay-door .pay-input .pay-row{padding:0.10rem 0.1rem;}
.pay-input .pay-row input{font-size: 0.16rem;}
.weixin_kefu{margin-top: 0.1rem;margin-bottom: 0.1rem;}
.weixin_kefu img{margin-top: 0.05rem;}

.page{font-size: 0.14rem;color:#888;width: 100%;}
.pay_float_login{position:fixed;overflow:hidden;top:0;background-color:rgba(0,0,0,0.5) ;display:none;}
.pay_float_warning{background-color: #fff;width: 300px;height: 300px;position: absolute;left: 50%;top:50%;margin-left: -150px;margin-top: -150px;border-radius: 5px;background-color:#fff;color:#373737;font-size: 0.14rem;}
.pay_float_login .pay_center{margin-top: 15px;}
.pay_float_login .pay_center img{display:block;width: 70%;margin:10px auto 0;}
.pay_img_title{font-size: 0.12rem;color:#666;text-align: center;width: 80%;margin:0 auto;}


.pay_float{position:fixed;overflow:hidden;top:0;}
.pay_float_kuang{background-color: #fff;width: 168px;height: 130px;position: absolute;left: 50%;top:50%;margin-left: -84px;margin-top: -65px;border-radius: 5px;background-color:rgba(0,0,0,0.5);color:#fff;font-size: 14px;}
.pay_float_kuang .pay_center{margin: 31px auto; text-align: center;}
.pay_center .firing{text-align: center;line-height: 30px;}
.pay_center .firing span{font-size: 30px;font-weight: bold;font-family: 'iconfont';-webkit-animation: go 1s linear 0s infinite;animation: go 1s linear 0s infinite;display:inline-block;width: 30px;height: 30px;border-radius: 50%;color:#fff;line-height: 30px;}
 @-webkit-keyframes go{
                0%{-webkit-transform: rotate(0deg);
                   -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);} 
                100% {-webkit-transform: rotate(360deg);
                   -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);}
            }
            
             @-moz-keyframes go{
                0%{-webkit-transform: rotate(0deg);
                   -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);} 
                100% {-webkit-transform: rotate(360deg);
                   -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);}
            }
            
             @-ms-keyframes go{
                0%{-webkit-transform: rotate(0deg);
                   -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);} 
                100% {-webkit-transform: rotate(360deg);
                   -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);}
            }
            
             @-o-keyframes go{
                0%{-webkit-transform: rotate(0deg);
                   -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);} 
                100% {-webkit-transform: rotate(360deg);
                   -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);}
            }

            @keyframes go{
                0%{-webkit-transform: rotate(0deg);
                   -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);} 
                100% {-webkit-transform: rotate(360deg);
                   -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);}
            }
.pay_center .two_step{margin-top:10px;}
.pay_center .tense{margin-left:20px;}
#paypwdiv{position:fixed;overflow:hidden;top:0;background-color:rgba(0,0,0,0.5) ;display:none;}
.marticle-modal{display:block;}
/*支付小logo*/
.select-li .payLittleLogo{font-family:'paylogo';color:#00C800;font-size: 0.2rem;margin-right: 0.05rem;}
.select-li .enn{font-size: 0.15rem;color:#0357A2;}