@charset "utf-8";
/* CSS Document */


a { text-decoration: none; }
a:hover { text-decoration: none; }

body {
    background: #fff url(../images/bg1.jpg) center top/100% no-repeat; 
}
.bg-mobile {
    background: url(../images/bg-mobile.jpg) 0 0  no-repeat; 
}
.setwidther {max-width: 1030px; height: auto; margin:0 auto}

.bg-index-pc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/bg-index-pc.jpg) center center no-repeat; }
.index-con { width: 1200px; margin: 0 auto; }
.index-con .logo { height: 130px; padding: 20px 0px; padding-top: 50px }
.index-con .logo img { height: 100%; width: auto; }

.clearheight { width: 100%; height: 140px; clear: both; }
.index-con .enter { width: 800px; height: 250px; 
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
 }
.index-con .enter-float { width: 50%; float: left; }
.enter-float .enter-con { width: 298px; height: 236px; margin: 0 auto; }
.enter-float .enter-con .pic { height: 80px; width: auto; text-align: center; }
.enter-float .enter-con .pic img  { height: 100%; width: auto; display: block; margin:0 auto; }
.enter-con .text { height: 70px; line-height: 70px; color: #fff; font-size: 28px; text-align: center; }
.enter-con .go { width: 180px; height: 42px; margin: 0 auto; border:1px solid #fff; text-align: center; font-size: 16px; line-height: 44px; color: #fff  }

.enter-con a {display: block;}
.enter-con a:hover .text { color: #a7e4e9 }
.enter-con a:hover .go { border:none; color: #fff;  background: url(../images/bbg-btn.png) repeat; }

.juzhong { width: 100%; height: 530px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.swiper-container { height: 500px; }

.member-box {   text-align:center; padding-bottom: 10px; background: #FFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, .1);                  
-moz-box-shadow: 0 2px 16px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
}

.member-top { height: 110px;  border-bottom: 1px solid #2d8aec; }
.member-top .member-typename { height: 68px; line-height: 88px; font-size: 24px; color: #2a70b8;  }
.member-top .member-piece { height: 30px; line-height: 30px; color: #eaae3c; font-size: 18px;}

.member-con { padding: 20px 0px; height: 220px; text-align: left; }
.member-cona { width: 96px; margin: 0 auto }
.member-conb { width: 130px; margin: 0 auto }
.member-conc { width: 140px; margin: 0 auto }
.member-con p { margin: 0px; height: 30px; line-height: 30px }

.member-button {  width: 60%; margin: 0 auto;  height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #fff;  border-radius: 100px; 
    background: -webkit-gradient(linear, left top, left bottom, from(#6ba7fd), to(#2787eb)); 
	background:-moz-linear-gradient(top,#6ba7fd,#2787eb);
	background:-ms-linear-gradient(top,#6ba7fd,#2787eb);
	background:-0-linear-gradient(top,#6ba7fd,#2787eb);
	background:linear-gradient(top,#6ba7fd,#2787eb);  }
.member-button a { display: block; color: #fff; }
.member-button a:hover { color: #fff; }
.more a { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 15px; color: #72a0d0; text-decoration:none  }

.hele-center a { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #333; font-size: 14px; text-decoration:none ; display: block;;  }
.hele-center a:hover { color: #f00;}

.list-con-box { padding-top: 10px;  }
.list-con-box .ibox-content { border: none; }
.list-con-box .panel-default { border: none; }
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
     border-top: none; 
}
.list-con-box .panel-heading { padding: 10px 0px; border: none; border-bottom: 1px solid #ddd;  background-color: #fff; }
.list-con-box .panel-title { text-align: left;  background-color: #fff; }
.list-con-box .panel-title a { display: block; }

.list-con-box .layui-colla-title { overflow: hidden; background-color: #fff;    border-bottom: 1px solid #ddd; }
.list-con-box .layui-colla-title { padding: 0 30px 0 0px;  }
.list-con-box .layui-collapse {	border: none; }
.list-con-box .layui-colla-item {	border: none; }
.list-con-box .layui-colla-content { padding: 10px 10px 15px 10px;  }


.signin { border-radius: 4px; width: 420px; height: 340px; background: #fff; position: absolute;; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
 box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
 -moz-box-shadow: 0 2px 16px rgba(0,0,0,.1);
 -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
 }

.zhucebox { border-radius: 4px; width: 420px; height: 520px; background: #fff; position: absolute;; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
 box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
 -moz-box-shadow: 0 2px 16px rgba(0,0,0,.1);
 -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
 }
 .fuwuxieyi { height: 28px; line-height: 28px; }

.account-top { height: 80px }
.account-sign { padding-left: 34px; width: 120px; height: 80px; line-height: 80px; margin: 0 auto;   color: #006ce6; font-size: 18px; 
	background: url(../images/account.png) 0 center no-repeat;
 }


.account-bot { width: 280px; margin: 0 auto; }

.account-bot .input-group  { width: 100%; margin-bottom: 14px; }
.account-bot .input-group input {   border: 1px solid #ddd; border-radius: 4px; }
.account-bot .input-group input:focus { outline:none; border: 1px solid #95cdf8 }
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b3c4de;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b3c4de;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b3c4de;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b3c4de;
}


.user-tel { padding-left: 44px; background: url(../images/icon-tel.png) 15px center no-repeat; }
.user-password { padding-left: 44px; background: url(../images/icon-password.png) 15px center no-repeat; }

.rem-mm, .forget-mm { width: 50%; height: 28px; line-height: 28px; float: left; }
.rem-mm input { float: left; }
.forget-mm { color: #4a8ffe; text-align: right; }

.denglu { width: 100%; height: 38px; line-height: 38px; color: #fff; border: none; border-radius: 4px; font-size: 17px;
background: -webkit-gradient(linear, left top, left bottom, from(#2485ea), to(#70a9fe));
background: -moz-linear-gradient(top,#2485ea,#70a9fe);
background: -ms-linear-gradient(top,#2485ea,#70a9fe);
background: -0-linear-gradient(top,#2485ea,#70a9fe);
background: linear-gradient(top,#2485ea,#70a9fe);
}
.denglu a { display: block; color: #fff; text-decoration: none; } 
.denglu:hover { color: #fff; } 

.lijizuche { height: 50px; line-height: 50px; text-align: center; color: #4a8ffe }

.rzleft { color:#666666; width: 30%;  line-height:34px; float:left; text-align:center;  text-align:right; padding-right:8px; }
.rzright { width:70%; float:left; line-height:34px; border-radius:4px;} 
.rzright input { padding-left:10px; width:100%; border:none; background:#fff;  border-radius:4px;}

.getyzm { color: #4a9fff; border-left: none; background: url(../images/bg-getyzm-l.png) 0px center no-repeat;
background-size: 1px 18px; width: 50%; height: 34px; float: right; text-align: center; border-radius: 0px 2px 2px 0px;
border: 1px solid #ddd; border-left: none;}
.btn:hover, .btn active {background: #fff}
.btn:focus { outline:none; border: 1px solid #95cdf8; background: #fff }

.obj { padding: 15px 0px; height: 60px; width: 100%; margin-bottom: 4px;  }
.obj .pic { width: 60px; height: 30px; float: left; }
.obj .text { font-size: 24px; height: 30px; line-height: 30px; float: left;   }
.objlist ul li { width: 100%; height: 44px; line-height: 44px; font-size: 17px; border-bottom: 1px solid #ddd; }


.paybox { margin-bottom: 20px;  }
.objlist { margin-bottom: 20px; }
.wechatpay { width: 30px; height: 36px; float: left; background: url(../images/icon-wechat.png) 0 center no-repeat;
 background-size: auto 50%; 
 }

.tijiao-box {  width: 100%; height: 64px; }
.tijiao-box .left { width: 100%; height: 44px; line-height: 44px; font-size: 18px; float: left; text-align: right; }
.tijiao-box .right { font-size: 17px; width: 120px; height: 44px; line-height: 44px; text-align: center; float: right; background: #2d8aec; color: #fff; }
.tijiao-box .right a { display: block; color: #fff; }
.colororg { color: #ff772b; }

.huiyuanobj { width: 1200px; height: 300px; margin:0 auto; background: url(../images/bg-pc-zhifuhuiyuan.jpg) center center no-repeat; }
.huiyuanobj .huiyuantubiao { width: 172px;  margin: 0 auto; padding-top: 74px; }
.huiyuanobj .huiyuantubiao img { width:172px; height: auto; }

.pay-history { height: 74px; line-height: 34px; width: 100%; padding: 20px 0px }
.pay-history .left { width: 50%; height: 34px; float: left; font-size: 17px; }
.pay-history .right { width: 50%; height: 34px; float: left; }

.user-head { margin-left: 8px;  width:34px; height: 34px; border-radius: 50px; overflow: hidden; float: right; }
.user-head img { width: 100%; height: 100%; }

.head-nav { display: none; }

#payerweima, #payfalse { display: none; }

.payerweima .erweima { padding-top: 20px; width: 280px; height: 280px; margin: 0 auto; }
.payerweima .erweima img { width: 100%; height: 100%; }

.payerweima .tips { padding-top: 14px; line-height: 24px; text-align: center; font-size: 15px; }
.wechatcolor { color: #ff6700; }

.payfalse .tips { line-height: 44px; padding-top:32px; text-align: center; font-size: 16px; }

.info-lanzuan { width: 394px; float: right; margin-bottom:14px; }
.bitian { color: #f00; padding-left: 4px; }
.layui-input-block {
    margin-left: 110px;
    min-height: 36px;
}

.layui-form-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 106px;
    font-weight: 400;
    text-align: right;
}
.layui-form-item {
    margin-bottom: 4px;
    clear: both;
}


/* .layui-layer-btn .layui-layer-btn0 {
     border:none; font-size: 17px;
    background-color: #fff !important;
    color: #1E9FFF !important; width: 100%;
} */

a, a:hover,a:link,a:visited { text-decoration:none}

.input-group-addon { background-color: #fff; }
.getsmscode { cursor: pointer; color: #003ab5;}

.form-control:focus{
border-color:#ccc !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0)
}

.loginmethod { width: 260px; height: 80px; padding: 0px; margin: 0 auto }
.loginmethod li { list-style: none; float: left;   }
.loginmethod li a {    }
.passwordlogin {  width: 130px; height: 80px; line-height: 104px; 
    margin: 0 auto;    font-size: 18px; text-align: center;  }
.duanxinlogin { width: 130px; height: 80px; line-height: 104px; 
    margin: 0 auto;  font-size: 18px; text-align: center;  }
.loginmethod a { color: #adb3c1 }
.loginmethod a:focus, a:hover, { color: #006ce6 }
.loginmethod .active a { color: #006ce6; }

.rem-mm label { font-weight: 400 !important }

.resetpassword-box { border-radius: 4px; width: 420px; padding-bottom: 24px; background: #fff; margin:0 auto;
 box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
 -moz-box-shadow: 0 2px 16px rgba(0,0,0,.1);
 -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
 }

.resetpassword { height: 80px; line-height: 80px; text-align: center; color: #333; font-size: 18px; }

.cancel { width: 100%; height: 38px; line-height: 38px; color: #666; border: none; border-radius: 4px; font-size: 17px;
background: #edf1f7; 
-webkit-tap-highlight-color: rgba(0,0,0,0);  
-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓，4.0以下 */ 
}
input,button,select,textarea{outline:none !important;}

.memtabwid { width: 320px; height: 45px;margin:0 auto;   margin-bottom: 5em; }
.member-tab { padding: 0px; width: 320px; height: 45px; line-height: 45px;   }
.member-tab  li { list-style: none;   width: 140px; font-size: 18px; border: none !important;  
   background-color: #f2f6fa; color: #2a70b8; text-align: center; float: left; margin: 0px 10px; opacity: 0.8; }
.member-tab  li a { display: block; }
.member-tab { height: 45px; margin-bottom: 5em }

.member-tab .active {background: #2a70b8; opacity: 1; position: relative; }
.member-tab .active a { color: #fff;  display: block; }

.member-tab .active:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -8px;
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #2a70b8 transparent transparent;
}

.clear-hyzx { height: 130px;clear: both; }