﻿* { 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:14px; color:#333; background:#1a1819; min-width: 320px; max-width: 640px; margin:0 auto !important; position: relative;-webkit-text-size-adjust: none;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px;font-weight:normal;}
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; -webkit-appearance:none; }
i,em { display: inline-block; font-style:normal; }
p{word-wrap:break-word;}
*:focus { outline: none }
img { border: 0px; max-width:100%;}
ul, li { list-style-type: none;}
a:link, a:visited, a:active { color: #666; text-decoration: none; border: none; outline: none; }
a:hover { color:#FFB654; }
.clear { clear: both; overflow: hidden; height:0px; content:""; margin:0px; padding:0px; }
.h50{ height:50px; overflow:hidden;}
.gray{color:#999;}
.yellow{color:#ff5236;}
.red{color:#FFA72C;}
.yuan{ border-radius:50%; -webkit-border-radius:50%;}
.fl{ float:left;}
.fr{ float:right;}
.mask{ width:100%; height:100%; z-index:11111; background:rgba(0,0,0,.8); left:0px; top:0px; position:fixed; display:none;}
.btn{ width:100%; height:40px; outline:none; border:0px; background:#ffaa09; color:#fff; text-align:center; line-height:40px; font-size:14px; cursor:pointer;border-radius:4px; -webkit-border-radius:4px;}
.btn:active{ background:#ffaa09;}
.icon-v{ width:15px; height:15px; position:absolute; right:0px; bottom:1px; background:url(../images/icon-v_1.png) no-repeat; background-size:100% 100%;}
.icon-g{ width:15px; height:15px; position:absolute; right:0px; bottom:1px; background:url(../images/icon-g_1.png) no-repeat; background-size:100% 100%;}
.wihtebg{ background:#fff;}
.checkbox{ width:15px; height:15px; border-radius:50%; -webkit-border-radius:2px; border:1px solid #e1e1e1; margin-right:5px; vertical-align:-2px;}
.checkbox:checked{ background:url(../images/icon-gou_1.png) no-repeat center; background-size:8px auto;border:1px solid #f85f48;}
.checkbox2{ transition:all .3s ease; width:35px; position:relative; vertical-align:middle; height:22px; border-radius:22px; background:#dddddd; -webkit-appearance:none; border:0px; outline:none;}  
.checkbox2:after{ width:18px;transition:all .3s ease;transform:translateX(0px); height:18px; border-radius:18px; background:#fff; position:absolute; left:1px; top:2px; content:'';}  
.checkbox2:checked{ background:#f85f48;}  
.checkbox2:checked:after{ transform:translateX(15px);}  


/***底部菜单***/
/*@media screen and (max-width:770px){*/
    ul li{list-style: none;}
 .fx_dibu{display:block;}
 .footnav{margin:0; position:fixed; bottom:0px; background:#1f1d1d; border-top:1px solid #1f1d1d; height:50px; overflow:hidden; width:100%; max-width:640px; z-index:111}
 .footnav li{ float:left; width:25%; text-align:center;}
 .footnav li a{ display:block; height:50px; color:#999999;text-decoration:none;}
 .footnav li i{ width:100%; height:18px; display:block; margin:0 auto; margin-top:5px; margin-bottom:5px;}
 .footnav li.nav-1 i{ background:url(../images/woshi.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-2 i{ background:url(../images/wokan.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-3 i{ background:url(../images/woyao.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-4 i{ background:url(../images/wode.png) no-repeat center; background-size:auto 100%;}
 .footnav li:hover a,.footnav li.on a{color:#d1aa6f;}
 .footnav li.nav-1:hover i,.footnav li.nav-1.on i{ background:url(../images/woshi_on.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-2:hover i,.footnav li.nav-2.on i{ background:url(../images/wokan_on.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-3:hover i,.footnav li.nav-3.on i{ background:url(../images/woyao_on.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-4:hover i,.footnav li.nav-4.on i{ background:url(../images/wode_on.png) no-repeat center; background-size:auto 100%;}
/*}*/

body{padding-top: 25vh;background:url(../images/db.png) no-repeat;background-size: 100% 100%;height:100vh;}
.login_box{position:relative;width:80%;height:220px;margin:0 auto;border:1px solid #C5A77E;border-radius: 10px;text-align: center;}
.login_top{height:30px;background:#C5A77E;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.login_box input{text-align: center;color:#7e6e58;font-size:17px;padding-left:30px;width:80%;margin:0 auto;height:35px;border:1px solid #715832;border-radius: 5px;margin-top: 25px;background-color:#4a4338;}
.login_box input.phone{background:url(../images/sj.png) no-repeat #4a4338;background-size: 18px 25px;background-position: 5px 4px;}
.login_box input.mima{background:url(../images/mm.png) no-repeat #4a4338;background-size: 18px 25px;background-position: 5px 4px;}
.login_btn{font-weight: 600;position:absolute;background:url(../images/dl.png) no-repeat;background-size: 100% 100%;width:109%;height:50px;line-height: 40px;left:-5%;bottom:0px;color:#f6e1c8;font-size:20px;}

.login_weixin{text-align: center;margin-top:50px;color:#a79072;}
.login_weixin img{width:50px;margin-top:15px;}
input:-webkit-autofill{
	/* placeholder颜色  */
	background-color: #e4393c !important;
	/* placeholder字体大小  */
	font-size: 17px !important;
	/* placeholder位置  */
	text-align: center !important;
}
input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #7e6e58;
         /* placeholder字体大小  */
         font-size: 17px;
         /* placeholder位置  */
         text-align: center;
     }
.login_yes{display: none;position:absolute;top:30px;left: -1px;background:rgba(41,33,21,0.8);width:100%;height:138px;text-align: center;}
.login_yes img{width:70px;margin-top: 10px;}
.login_yes p{font-size:20px;color:#f6e1c8;margin-top: 10px;}


