* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    display: inline-block;
}
.user span{color: #fff;font-size: 20px;}
.user span a{color: chartreuse;}
/* 登录 */
.loginDIV{display:none; height: 368px;width:550px; padding: 0px;margin: 0 0 0 -275px;position: fixed;z-index: 102;top:20%;left: 50%;visibility: visible;}
.loginDIV-bg{display:none;background-color: #00000080; position: absolute; z-index: 101; width: 100%;height: 100%; left: 0px; top: 0px; opacity: 0.7;}
.login-box{background: #fff;width: 100%;height: 100%;}
.login-esc-h{width: 60px;float: right;margin: 1px;text-align: center;border-left: 1px solid #cacaca;}
.login-esc-h:hover{background-image: linear-gradient(#ee2222,#fff0f0);}
.login-esc-h:hover >span{color: #fff;}
.login-esc{color: #2d2d2d;font-size: 30px;height: 30px;line-height: 30px;}
.login-title{width: 100%;height: 50px;padding-top: 35px; text-align: center;font-size: 22px;letter-spacing: 1px;}
.error-tips{width: 100%;height: 30px;position: absolute;text-align: center;margin-top: -15px;color: brown;font-size: 12px;}
.login-input{width: 272px;margin: 10px auto 0;}
.login-input-li{height: 55px;width: 100%;position: relative;}
.login-input-yan{height: 55px;width: 100%;position: relative;}
.input-frame{width: 100%;height: 40px;float: left;font-size: 16px;}
input::-webkit-input-placeholder {color: #979797;}
input::-moz-input-placeholder {color: #979797;}
input::-ms-input-placeholder {color: #979797;}
.input-frame>input{border: 1px solid #d4d4d4;border-radius: 5px;width: 250px;position: relative;height: 18px;padding: 10px;line-height: 18px;background: 0 0;color: #333;font-family: Verdana,Tahoma,Arial;font-size: 16px;}
.input-frame>input:focus{border: 1px solid #00dcff99;box-shadow: 0 0 2px #00dcff99;}
.login-input-yan>.input-frame{width: 155px;}
.login-input-yan>.input-frame>input{width: 130px;float: left;}
.login-input-yan>img{width: 115px;}
.login-submit{background-color: #86ce2f;position: relative;height: 40px;}
.login-button{position: absolute;left: 0;outline: 0;width: 100%;}
.login-button .btn{color: #fff;width: 100%; height: 40px;line-height: 35px;font-size: 17px;border: none;font-weight: 400;background: 0 0;cursor: pointer;}
.bottom-link{float: right;margin: 40px 10px 0 0;font-size: 12px;color: #000;}
.bottom-link>a{padding: 0 5px;color: #000;}

/*------弹窗-----*/
.shop-pop-box{display: none; position: fixed;left: 50%; margin-left: -280px; border: 6px solid #0000003a; top: 30%;  font-size: 16px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.shop-pop,.shop-pop2{ width: 560px;  background-color: #fff;padding: 6px; }
.shop-pop .shop-pop-t{padding: 2px 5px 8px;position: relative;}
.shop-pop .shop-pop-t a{ width: 20px; height: 20px; line-height: 20px; position:absolute; right: 0; text-align: center; background-color: #535353; color: #fff; font-size: 20px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.shop-pop .shop-pop-t a:hover{background-color: #86ce2f;}
.shop-pop .flex-box{padding: 20px 70px;}
.shop-pop .shop-img{padding: 6px;width: 160px;}
.shop-pop .prop-name{font-size: 18px;font-weight: bold;color: #000;}
.shop-pop .prop-exp{font-size: 15px;height: 30px;}
.shop-pop .prop-exp p{margin-top: 3px;}
.shop-pop .t-large{font: bold 24px Arial;line-height: 30px;color: #ff5e00;}
.shop-pop .t-small{font-size: 12px;color: #ff5e00;}
.shop-pop .prop-exp-o{margin-top: 40px;}
.shop-pop .shop-btn-box{text-align: center;margin-bottom: 40px;}
.shop-pop .shop-btn{width: 140px;height: 40px;line-height: 40px;background-color: #14b0f7;color: #fff;text-align: center;}
.shop-pop .shop-btn:hover{background-color: #108fc9;}
.text-box{width: 100%;text-align: center;}
.toptext-box{color: red;font-size: 24px;font-weight: bold;margin: 10px;}
.btmtext-box{font-size: 20px;font-weight: bold;margin: 10p;}