@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; max-width:750px; margin:0 auto; padding-top:50px;  position: relative; background:#fff; -webkit-text-size-adjust: none;}
html,body{width:100%; height:100%}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a:link, a:visited, a:active { color: #333; text-decoration: none; border: none; outline: none; }
a:hover { color: #db082a; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.bggray{ background:#f1f1f1;}

input[type=checkbox]{ -webkit-appearance:none; width:15px; height:15px; border-radius:2px; cursor:pointer; transition:all 0.3s ease; border:1px solid #ddd; background-position:2px 1px; vertical-align:-3px; margin-right:5px;}
input[type=checkbox]:hover{ border-color:#db241c;}
input[type=checkbox]:checked{ background:#db241c url(../img/mem/gou.png) no-repeat 2px 2px; background-size:10px auto; border-color:#db241c;}
input[type=radio]{ -webkit-appearance:none; width:16px; height:16px; border-radius:50%; cursor:pointer; transition:all 0.3s ease; border:1px solid #ddd; background-position:center center; position: relative; vertical-align:-3px; margin-right:5px;}
input[type=radio]:checked{  border-color:#db241c;}
input[type=radio]:checked:after{ width:8px; height:8px; background:#db241c; content:''; border-radius:50%; position: absolute; left:0; right:0; margin:auto; top:50%; transform: translateY(-50%);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bfbfbf;}

.menu .menutop{ border-bottom:1px solid #222; padding:10px 0;}
.menu .menutop .headimg{ border:1px solid #000; width:50px; height:50px; margin:0px auto; border-radius:50%; overflow:hidden; }
.menu .menutop .headimg img{ display:block; width:100%; height:100%; }
.menu .menutop p{ text-align:center; margin-top:5px; white-space: nowrap; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#fff;}
.menu .menutop p a{color:#db241c}


/***会员中心***/
.mhead{ height:50px; z-index:222; position: fixed; top:0; left:0; width:100%; background:#db241c; line-height:50px; color:#fff; overflow: hidden;}
.mhead h1{ text-align:center; font-size:15px;}
.mhead a{ width:50px; height:100%; position: absolute; left:0; top:0; background:url(../img/mem/return.png) no-repeat center; background-size:12px auto; }


.meminfo{ background:#db241c; text-align:center; color:#fff; padding:20px 0; margin-top:-50px;}
.meminfo dt{ width:60px; height:60px; border-radius:50%; overflow:hidden; margin:0 auto; }
.meminfo dt img{ display: block; width:100px; height:100px; opacity:0;}
.meminfo dd{ margin-top:10px; }
.meminfo dd p{ margin-top:5px;}

.mmenu{ background:#fff; padding:0 12px;}
.mmenu li a{ display: block; height:50px; border-bottom:1px solid #f1f1f1; line-height:50px; font-size:15px; padding:0 12px; padding-left:30px;  color:#333; text-decoration:none;}
.mmenu li:hover a,.mleft ul li.on a{color:#fff; text-decoration:none;}
.mmenu li.li1 a{ background:url(../img/mem/m2.png) no-repeat 0px center;}
.mmenu li.li2 a{ background:url(../img/mem/m3.png) no-repeat 0px center;}


/***登录***/
.memForm{ padding:0 12px;}
.memForm h1{display:block; font-size:18px; padding:20px 0; text-align: center;}
.memForm ul{margin-top:10px;}
.memForm ul li{margin-bottom:17px; position: relative;}
.memForm ul li .intxt{ border: 1px solid #eee; border-radius:19px; height:40px; transition: 0.3s ease; line-height:40px; font-size:14px; padding-left:55px; width:100%;}
.memForm ul li .intxt:focus{border-color:#db241c;}
.memForm ul li span{ width:30px; height:22px; opacity:0.6; background:url(../img/mem/mobile.png) no-repeat left center; border-right:1px solid #eee; position: absolute; left:12px; top:8px;}
.memForm ul li.pass span{background-image:url(../img/mem/pass.png);}
.memForm ul li.yzm span{background-image:url(../img/mem/yzm.png);}
.memForm ul li .getcode{ height:40px; border:0px; cursor: pointer; padding:0 12px; position: absolute; background:none; right:5px; top:0;  color:#db241c; font-size:14px; border-top-right-radius:22px;border-bottom-right-radius:22px;}
.memForm ul li .getcode[disabled]{  cursor: default; }
.memForm ul li.li1{color:#666; display: flex; align-items:center;}
.memForm ul li.li1 a{float:right; color:#db241c; text-decoration: underline; margin-left:5px;}
.memForm ul li.li1 a.l{float:none;}
.memForm ul li.li2{ text-align: right; color:#666; font-size:14px;}
.memForm ul li.li2 a{color:#db241c;}
.memForm ul li.li2 a:hover{ text-decoration: underline;}
.btns{ height:40px; line-height:40px; display: block; text-align:center; font-size:16px; cursor:pointer; transition:0.3s ease; pointer; background-image: linear-gradient(45deg,#f1433c,#db241c) ; color:#fff; border-radius:22px; border:0px; width:100%;}
.btns:hover{ opacity:0.9;}

/***个人资料***/
.mem-form { padding-right:12px; margin-top:10px; }
.mem-form .mem-head img{ display: block; width:100%; height:100%;}
.mem-form .mem-head .pic{ border:1px solid #eee; border-radius:50%; width:60px; overflow:hidden; height:60px; background: #eee; text-align: center; background:url(../img/mem/head.png) no-repeat center 28px; cursor: pointer; position: relative; color:#ccc; font-size:13px;  margin-bottom:5px;}
.mem-form .mem-head .pic h3{ font-weight: normal;font-size:18px; padding:120px 0px 12px 0;}
.mem-form .mem-head .pic span{ background:rgba(0,0,0,0.7); position: absolute; left:0; bottom:0; color:#fff; padding:10px 0; width:100%;}
.mem-form .mem-head .layui-upload-file{display:none;}
.mem-form .form li{ position: relative; display: flex; align-items: center; clear: both; margin-bottom:14px; font-size:14px; }
.mem-form .form li span{ margin-right:5px; display: flex; align-items: center; justify-content: flex-end; width:90px; text-align: right;}
.mem-form .form li span i{ color:red;}
.mem-form .form li .intxt{ flex:1; height:40px; line-height:40px; display: block; width:100%; border:1px solid #e5e5e5; padding:0 14px; border-radius: 3px; background: none; font-size:14px;}
.mem-form .form li .intxt:hover{ border-color:#15d79e}
.mem-form .form li .btns{ width:84px; font-size:14px; line-height:40px; margin-right:12px; height:40px; border-radius:3px;}

