/*.header{position:fixed!important}*/
.hdR.online a{float:left;}/*line-height: 34px;*/
.hdR.online .layui-icon{
    color:#166ff8;
    margin-left:10px;
    margin-right: 5px;;float:left
}
.hdR.online span{
    float:left;cursor:pointer;
}
@media  screen and ( min-width:1680px){
.main_colum {
    float: left;
    width: 100%;
    min-height: calc(100vh - 160px);
    background-color: #f8f9fa;
  /*  padding-top:90px;*/
}
}

@media screen and (max-width:1679px ) and ( min-width:1440px){
.main_colum {
    float: left;
    width: 100%;
    min-height: calc(100vh - 150px);
    background-color: #f8f9fa;
    /*padding-top:80px;*/
}
}

@media screen and (max-width:1440px ) and ( min-width:1280px){
.main_colum {
    float: left;
    width: 100%;
    min-height: calc(100vh - 134px);
    background-color: #f8f9fa;
  /*  padding-top:70px;*/
}
}

@media screen and (max-width:1280px ) and ( min-width:960px){
.main_colum {
    float: left;
    width: 100%;
    min-height: calc(100vh - 117px);
    background-color: #f8f9fa;
   /* padding-top:60px;*/
}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.main_colum {
    float: left;
    width: 100%;
    min-height: calc(100vh - 110px);
    background-color: #f8f9fa;
   /* padding-top:60px;*/
}	
}
@media only screen and (max-width:639px){
.main_colum {
    float: left;
    width: 100%;
    min-height: calc(100vh - 115px);
    background-color: #f8f9fa;
    /*padding-top:0.42rem;*/
}
}
.main_colum ul{margin:0 auto;display: grid;height:100%;background-color: #ffffff;display:flex} 
.login_colum{margin: 0 auto;}
.login_colum .sele_section{float: left;width: 100%;text-align: center;}
.login_colum .sele_section span{float:left;text-align:center;color:#828e9a;display: inline-block;cursor:pointer;box-sizing: border-box;}
.login_colum .sele_section span.active{font-weight: bold;color: #3d464d;}
.login_colum .list{float: left;width: 100%;}
.login_colum .login_sub_btn{float:left;text-align:center;color:#fff;width:100%;border:0;cursor:pointer;background:#c0c5cc;}
/*支付*/
/*支付*/
.buy_colum{float: left;width: 100%;box-sizing: border-box;}
.buy_colum .sele_section{float: left;width: 100%;}
.buy_colum .sele_section .mtit{float: left;color: #a4b0bd;}
.buy_colum .sele_section .layui-form{float: right;}
.buy_colum .sele_section .layui-icon{float: left;}
.buy_colum .list{float: left;background: #f8f8f8;width: 100%;box-sizing: border-box;}
.buy_colum .list .left{float: left;}
.buy_colum .list .left img{float: left;width: 100%;}
.buy_colum .list .right{float: right;}
.buy_colum .list .right .infor{float:left;width: 100%;}
.buy_colum .list .right .infor .tit{float: left;color: #3d464d;}
.buy_colum .list .right .infor .price{float: right;color: #f75165;}
.buy_colum .list .right .finfor{float:left;width: 100%;}
.buy_colum .list .right .finfor .tit{float: left;color: #3d464d;}
.buy_colum .list .right .finfor .price{float:right;font-weight: 600;color: #f75165;}
.wxpay_sign{float: left;background: url(../image/wxpay.png) no-repeat center;}
.alipay_sign{float: left;background: url(../image/alipay.png) no-repeat center;}
.buy_colum .layui-form-radio{padding-right:0px!important;margin-right: 0px!important;}
.jubao_colum{float: left;width: 100%;box-sizing: border-box;}
.jubao_colum .type_sele{
float: left;width: 100%;display: flex;}
.jubao_colum .type_sele .mtit{float: left;font-weight: bold;}
.jubao_colum .name_sele .layui-form-radio{padding-right:0px!important;/*margin-right: 0px!important;*/}
.jubao_colum .type_sele{float: left;width: 100%;display: flex;}
.jubao_colum .name_sele .mtit{float: left;font-weight: bold;}
.jubao_colum .name_sele .layui-form-radio{padding-right:0px!important;width: 100%;/*margin-right: 0px!important;*/}
.jubao_colum .layui-textarea{float:left;width:100%;}
.footer{width: 100%;background-color: #222;float: left; bottom: 0px;text-align: center; }
.footer span,.footer a{color: #fff;}



@media  screen and ( min-width:1440px){
.main_colum {padding-bottom: 20px}
.main_colum ul{width:1200px;margin-top:20px;} 


.login_colum{width: 80%;}
.login_colum .sele_section span{font-size: 18px;padding: 0 20px;width: 33.33%;}
.login_colum .list{margin-top:50px;}
.login_colum .login_sub_btn{font-size: 16px;height: 48px;line-height: 48px;border-radius: 50px;margin-top: 42px;}
/*支付*/
/*支付*/
.buy_colum{padding:20px;}
.buy_colum .sele_section .mtit{font-size: 14px;line-height: 28px;margin-top: 6px;}
.buy_colum .list{height: 150px;padding: 12px 20px;border-radius: 4px;margin: 0 auto 16px;margin-top:20px;}
.buy_colum .list .left{width: 126px;height: 150px;}
.buy_colum .list .right{width: calc(100% - 200px);}
.buy_colum .list .right .infor{height: 50px;border-bottom: 1px solid #eee;}
.buy_colum .list .right .infor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .infor .price{height: 28px;font-size: 16px;line-height: 28px;}
.buy_colum .list .right .finfor{margin-top: 8px;}
.buy_colum .list .right .finfor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .finfor .price{height: 34px;font-size: 26px;line-height: 34px;}
.wxpay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.alipay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.jubao_colum{padding:0px 20px;}
.jubao_colum .type_sele .mtit{line-height: 38px;}
.jubao_colum .name_sele .mtit{line-height: 38px;}
.jubao_colum .layui-textarea{margin-top:10px}
	
.footer{height: 50px;}
.footer span,.footer a{line-height: 50px;}
}

@media screen and (max-width:1440px ) and ( min-width:1280px){
.main_colum {padding-bottom:18px}
.main_colum ul{width:1080px;margin-top:18px;} 
	

.login_colum{width: 80%;}
.login_colum .sele_section span{font-size: 18px;padding: 0 20px;width: 33.33%;}
.login_colum .list{margin-top:50px;}
.login_colum .login_sub_btn{font-size: 16px;height: 48px;line-height: 48px;border-radius: 50px;margin-top: 42px;}
/*支付*/
/*支付*/
.buy_colum{padding:20px;}
.buy_colum .sele_section .mtit{font-size: 14px;line-height: 28px;margin-top: 6px;}
.buy_colum .list{height: 150px;padding: 12px 20px;border-radius: 4px;margin: 0 auto 16px;margin-top:20px;}
.buy_colum .list .left{width: 126px;height: 150px;}
.buy_colum .list .right{width: calc(100% - 200px);}
.buy_colum .list .right .infor{height: 50px;border-bottom: 1px solid #eee;}
.buy_colum .list .right .infor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .infor .price{height: 28px;font-size: 16px;line-height: 28px;}
.buy_colum .list .right .finfor{margin-top: 8px;}
.buy_colum .list .right .finfor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .finfor .price{height: 34px;font-size: 26px;line-height: 34px;}
.wxpay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.alipay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.jubao_colum{padding:0px 20px;}
.jubao_colum .type_sele .mtit{line-height: 38px;}
.jubao_colum .name_sele .mtit{line-height: 38px;}
.jubao_colum .layui-textarea{margin-top:10px}
	
.footer{height:46px;}
.footer span,.footer a{line-height: 46px;font-size:13px}
}

@media screen and (max-width:1280px ) and ( min-width:960px){
.main_colum {padding-bottom:15px}
.main_colum ul{width:900px;margin-top:15px;} 
	

.login_colum{width: 80%;}
.login_colum .sele_section span{font-size: 18px;padding: 0 20px;width: 33.33%;}
.login_colum .list{margin-top:50px;}
.login_colum .login_sub_btn{font-size: 16px;height: 48px;line-height: 48px;border-radius: 50px;margin-top: 42px;}
/*支付*/
/*支付*/
.buy_colum{padding:20px;}
.buy_colum .sele_section .mtit{font-size: 14px;line-height: 28px;margin-top: 6px;}
.buy_colum .list{height: 150px;padding: 12px 20px;border-radius: 4px;margin: 0 auto 16px;margin-top:20px;}
.buy_colum .list .left{width: 126px;height: 150px;}
.buy_colum .list .right{width: calc(100% - 200px);}
.buy_colum .list .right .infor{height: 50px;border-bottom: 1px solid #eee;}
.buy_colum .list .right .infor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .infor .price{height: 28px;font-size: 16px;line-height: 28px;}
.buy_colum .list .right .finfor{margin-top: 8px;}
.buy_colum .list .right .finfor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .finfor .price{height: 34px;font-size: 26px;line-height: 34px;}
.wxpay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.alipay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.jubao_colum{padding:0px 20px;}
.jubao_colum .type_sele .mtit{line-height: 38px;}
.jubao_colum .name_sele .mtit{line-height: 38px;}
.jubao_colum .layui-textarea{margin-top:10px}
	
.footer{height:42px;}
.footer span,.footer a{line-height: 42px; font-size:12px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.main_colum {padding-bottom:12px}
.main_colum ul{width:600px;margin:10px auto 10px;} 


.login_colum{width: 80%;}
.login_colum .sele_section span{font-size: 18px;padding: 0 20px;width: 33.33%;}
.login_colum .list{margin-top:50px;}
.login_colum .login_sub_btn{font-size: 16px;height: 48px;line-height: 48px;border-radius: 50px;margin-top: 42px;}
/*支付*/
/*支付*/
.buy_colum{padding:20px;}
.buy_colum .sele_section .mtit{font-size: 14px;line-height: 28px;margin-top: 6px;}
.buy_colum .list{height: 150px;padding: 12px 20px;border-radius: 4px;margin: 0 auto 16px;margin-top:20px;}
.buy_colum .list .left{width: 126px;height: 150px;}
.buy_colum .list .right{width: calc(100% - 200px);}
.buy_colum .list .right .infor{height: 50px;border-bottom: 1px solid #eee;}
.buy_colum .list .right .infor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .infor .price{height: 28px;font-size: 16px;line-height: 28px;}
.buy_colum .list .right .finfor{margin-top: 8px;}
.buy_colum .list .right .finfor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .finfor .price{height: 34px;font-size: 26px;line-height: 34px;}
.wxpay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.alipay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.jubao_colum{padding:0px 20px;}
.jubao_colum .type_sele .mtit{line-height: 38px;}
.jubao_colum .name_sele .mtit{line-height: 38px;}
.jubao_colum .layui-textarea{margin-top:10px}
	
.footer{padding:8px 4%}
.footer span,.footer a{line-height:22px; font-size:12px;}
	
}
@media only screen and (max-width:639px){
.main_colum {padding-bottom:0.1rem}
.main_colum ul{width:92%;margin:0.08rem auto;} 
	

.login_colum{width: 80%;}
.login_colum .sele_section span{font-size: 18px;padding: 0 20px;width: 33.33%;}
.login_colum .list{margin-top:50px;}
.login_colum .login_sub_btn{font-size: 16px;height: 48px;line-height: 48px;border-radius: 50px;margin-top: 42px;}
/*支付*/
/*支付*/
.buy_colum{padding:20px;}
.buy_colum .sele_section .mtit{font-size: 14px;line-height: 28px;margin-top: 6px;}
.buy_colum .list{height: 150px;padding: 12px 20px;border-radius: 4px;margin: 0 auto 16px;margin-top:20px;}
.buy_colum .list .left{width: 126px;height: 150px;}
.buy_colum .list .right{width: calc(100% - 200px);}
.buy_colum .list .right .infor{height: 50px;border-bottom: 1px solid #eee;}
.buy_colum .list .right .infor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .infor .price{height: 28px;font-size: 16px;line-height: 28px;}
.buy_colum .list .right .finfor{margin-top: 8px;}
.buy_colum .list .right .finfor .tit{font-size: 14px;line-height: 28px;}
.buy_colum .list .right .finfor .price{height: 34px;font-size: 26px;line-height: 34px;}
.wxpay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.alipay_sign{width: 25px;height: 25px;margin-top: 8px;margin-right: 5px;}
.jubao_colum{padding:0px 20px;}
.jubao_colum .type_sele .mtit{line-height: 38px;}
.jubao_colum .name_sele .mtit{line-height: 38px;}
.jubao_colum .layui-textarea{margin-top:10px}
	
.footer{padding:0.06rem 4%}
.footer span,.footer a{line-height:0.15rem; font-size:0.1rem;}
}





@media  screen and ( min-width:1440px){

}

@media screen and (max-width:1440px ) and ( min-width:1280px){

}

@media screen and (max-width:1280px ) and ( min-width:960px){
}
@media screen and (max-width:959px ) and ( min-width:640px){}
@media only screen and (max-width:639px){

}