@charset "UTF-8";

html {
    font-size: 62.5%;
}
body {
    outline:none;
    color:#353535;
    height: 100%;
    font-size: 1.4rem;
    margin:0;
    padding:0;
    background:#555;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    font-family:"Hiragino Sans GB W3","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
::-moz-placeholder {
    color: #aaa;
}
:-ms-input-placeholder {
    color: #aaa;
}
::-webkit-input-placeholder {
    color: #aaa;
}

.required::-moz-placeholder {
    color: #eaa;
}
.required:-ms-input-placeholder {
    color: #eaa;
}
.required::-webkit-input-placeholder {
    color: #eaa;
}

h2,h3,h4,ul,li {
  margin: 0;
  padding: 0;
}
ul,li {
  list-style: none;
}
a {
  text-decoration: none;
}
.center {
    text-align:center;
}

/** COMMON **/
.hidden, .hide {
    display: none;
}
.show {
    display: block;
    visibility:visible;
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    opacity:1;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.bg-contain {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.bg-cover {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.page {
    position: absolute;
    width: 100%;
    height: 100%;
}
.bigtitle {
    font-size:2rem;
    text-align:center;
    margin-top:2rem;
    margin-bottom:3rem;
    line-height:2rem;
}


#main {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background-color: #f2f2f2;
}

/* common */
.backtohome {
    position: absolute;
    z-index: 9009;
    width:10%;
    height:7%;
    left:8%;
    bottom:1%;
    background-image: url(../images/icon_backtohome.png);
}
.backtoprev {
    position: absolute;
    z-index: 9009;
    width:10%;
    height:7%;
    left:8%;
    bottom:1%;
    background-image: url(../images/icon_backtoprev.png);
}


/* register */
.wrapper-login {
    background-image: url(../images/register_bot_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.wrapper-register {
    background-image: url(../images/register_bot_bg2.jpg);
    background-position: center bottom;
}
.getcode {
    position:absolute;
    z-index:88;
    padding:0 10px;
    color:#1845ab;
    line-height:48px;
    display:block;
    text-indent:0;
    text-align:center;
    right:0;
    top:0;
}
.getcodeunable {
    background:#eee;
}

/* login */
.login .content {
    margin-top:10%;
}
.login .content .input-item {
    height:3rem;
    margin-top:4%;
    font-size:1.6rem;
}
.login .content .input-submit {
    margin-top:6%;
}
.login .content .input-submit .btn-login {
    background-image: url(../images/login_submit.png);
}


.commom-top {
    border-top:2px solid #003065;
    height:4rem;
    position:relative;
    background:#fff;
    background:rgba(255,255,255,0.95);
    box-shadow:2px 5px 5px rgba(128,128,128,0.3);
}
.commom-top .logo {
    position:absolute;
    top: 6px;
    left:50%;
    margin-left:-3rem;
    height:6rem;
    width:6rem;
    background:#fff url(../images/logo.png) scroll no-repeat center center;
    background-size: 100% 100%;
    border-radius:50%;
    z-index:999;
}

/* home */
#member-qrcode {
    position:relative;
    text-align:center;
    padding-top:20%;
    color:#fff;
    font-size:1.5rem;
    width:100%;
    height:88.5%;
    background:#003366 url(../images/card_bg.jpg) no-repeat center bottom;
    background-size:cover;
}
#member-qrcode .title {
    position:absolute;
    z-index:9;
    left:50%;
    top:20%;
    height:18rem;
    width:10rem;
    margin-left:-5rem;
    background:url(../images/card_title.png) no-repeat center center;
    background-size:contain;
}
#member-qrcode .bottom {
    position:absolute;
    z-index:9;
    left:0;
    bottom:0;
    height:16rem;
    width:100%;
    background:#003366;
    text-align:center;
}
#member-qrcode .bottom div:first-child {
    margin-top:1.5%;
    font-size:1.6rem;
}
#member-qrcode #barcode {
    width:86%;
    height:7rem;
    margin:1rem auto;
}
.home {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.home .top {
    height:36%;
    background-color:#fff;
    background-image: url(../images/home_top_bg.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top:30px;
}
.home .top .content {
    height:70%;
    width:90%;
    margin:0 auto;
    border-radius:12px;
    position:relative;
    background-color: #002f63;
    background-color:-webkit-gradient(linear, 0 0, 0 100%, from(#002f63), to(#095bb7));
    background-image: url(../images/card_bg.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center -48px;
}
.home .top .panel-info {
    height:25%;
    padding-top: 3%;
}
.home .top .panel-info .info-item {
    float:left;
    width:33%;
    height:80%;
    text-align:center;
    color:#333;
    font-size:1.4rem;
}
.home .top .panel-info .info-item:nth-child(2) {
    border-left:1px solid #eee;
    border-right:1px solid #eee;
}
.home .top .panel-info .info-item span {
    display: block;
    color:#002e62;
    font-size:2.2rem;
    font-weight:bold;
    line-height:1.4;
}
.home .top .panel-main {
    height:88%;
    position:relative;
    color:#fff;
}
.home .top .logo {
    top: -2.5rem;
    left:52%;
    margin-left:-2.5rem;
    height:5rem;
    width:5rem;
    background:#fff url(../images/logo.png) scroll no-repeat center center;
    background-size: 100% 100%;
    border-radius:50%;
    z-index:999;
    border:1px solid #2e325d;
}
.home .top .member-qrcode {
    top: 10px;
    right:10px;
    height:2.5rem;
    width:2.5rem;
    background:url(../images/member_qrcode.png) scroll no-repeat center center;
    background-size: 100% 100%;
    border-radius:3px;
    z-index:999;
}
.home .top .member-avator {
    position:absolute;
    top:50%;
    left:8%;
    margin-top:-3rem;
    width:5rem;
    height:5rem;
    border-radius:50%;
    border:3px solid rgba(255,255,255,0.9);
    box-shadow:0 3px 6px #666;
    background-color:#efefef;
    background-image:url(../images/unsubscribe.jpg);
}
.home .top .member-name {
    position:absolute;
    top:56%;
    left:29%;
    margin-top:-3.5rem;
    height:3rem;
    line-height:3rem;
    font-size:2.2rem;
}
.home .top .member-level {
    position:absolute;
    top:56%;
    left:29%;
    margin-top:-0.5rem;
    height:2rem;
    width:30%;
    line-height:2rem;
    font-size:1.4rem;
    color:#eee;
}
.home .top .member-no {
    position:absolute;
    top:72%;
    left:9%;
    margin-top:1.5rem;
    height:3rem;
    line-height:3rem;
    font-size:2.2rem;
}
.home .campaign {
    height:12%;
    background-color:#ddd;
    /*overflow:hidden;*/
}
.home .links {
    height:40%;
    text-align:center;
}
.home .links a:hover {
    opacity:0.6;
}
.home .links .link-item {
    width:80%;
    height:16%;
    margin-top:1%;
    display:inline-block;
}
.home .links .title {
    height:11%;
    margin-top:3%;
    background-position: left bottom;
    background-image: url(../images/home_btn_ucenter.png);
}
.home .links .integral {
    background-image: url(../images/home_btn_integral.png);
}
.home .links .coupon {
    background-image: url(../images/home_btn_coupon.png);
}
.home .links .benefits {
    background-image: url(../images/home_btn_benefits.png);
}
.home .links .shops {
    background-image: url(../images/home_btn_shops.png);
}


/* 查找店铺 */
.shop-search .top {
    height:31%;
    background-image: url(../images/shops_top_img.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
}
.shop-search .content {
    width:86%;
    margin:0 auto;
}
.shop-search .content .input-item {
    height:3.6rem;
    margin-top:2.8%;
    font-size:1.6rem;
    border-collapse: separate;
    width:100%;
}
.shop-search .content .image-item {
    height:10rem;
    margin-top:2%;
    font-size:1.6rem;
    border-collapse: separate;
    width:100%;
    background-image: url(../images/shop_middle_bg.jpg);
}
.shop-search .content .i1 {
    background-image: url(../images/shop_keywords.png);
}
.shop-search .content .i2 {
    background-image: url(../images/shop_btn_nearby.png);
    color:#efefef;
    font-size:1.2rem;
    line-height:3.6rem;
    text-indent:2rem;
}
.shop-search .content .i3 {
    background-image: url(../images/shop_province.png);
}
.shop-search .content .i4 {
    background-image: url(../images/shop_city.png);
}
.shop-search .content .i5 {
    background-image: url(../images/shop_btn_search.png);
    color:#efefef;
    font-size:1.2rem;
    line-height:3.6rem;
    text-indent:2rem;
}

.shop-list .content {
    width:90%;
    margin:0 auto;
}
.shop-list .top {
    background-image: url(../images/shops_top_img2.jpg);
}
.shop-list .shop-item {
    background-color:#8f8f8f;
    position:relative;
    margin-top:0.6rem;
    min-height:8.2rem;
}
.shop-list .shop-item:hover {
    background-color:#666;
}
.shop-list .shop-item .ikksicon{
    width:2.4rem;
    height:2.4rem;
    position:absolute;
    z-index:9;
    top:1rem;
    left:1.5rem;
}
.shop-list .shop-item .shop-name{
    color:#fff;
    font-weight:bold;
    font-size:1.5rem;
    height:2rem;
    line-height:1.2;
    position:absolute;
    z-index:99;
    top:4rem;
    left:1.2rem;
}
.shop-list .shop-item .shop-tel {
    color:#efefef;
    font-size:1.3rem;
    height:2rem;
    line-height:1.2;
    position:absolute;
    z-index:98;
    top:6.2rem;
    left:1.2rem;
    text-align:left;
}
.shop-list .shop-item .shop-distance{
    width:24%;
    height:80%;
    vertical-align:middle;
    text-align:center;
    position:absolute;
    z-index:99;
    top:10%;
    right:0;
    border-left:1px solid #fff;
}
.shop-list .shop-item .shop-distance div {
    color:#fff;
    font-weight:bold;
    font-size:2.5rem;
    text-align:center;
    position:absolute;
    z-index:100;
    top:50%;
    right:0;
    margin-top:-2.2rem;
    width:100%;
    height:4rem;
    transform: scale(0.8,1);
}
.shop-list .shop-item .shop-distance span {
    font-size:1.4rem;
    font-weight:normal;
    display:block;
}

.shop-details .content {
    width:94%;
    height:60%;
    margin:2% auto 0 auto;
}
.shop-details .top {
    height:28%;
    background-image: url(../images/shops_top_img3.jpg);
}
.shop-details .content #storeMap {
    height:80%;
    color:#fff;
}
.shop-details .content .info {
    height:20%;
    background-color:#000;
}
.shop-details .info .shop-name{
    color:#fff;
    font-weight:bold;
    font-size:1.6rem;
    height:2.2rem;
    line-height:1.5;
    padding-left:1.2rem;
    padding-top:0.6rem;
}
.shop-details .info .shop-name a {
    color:#fff;
}
.shop-details .info .shop-address {
    color:#aaa;
    font-weight:bold;
    font-size:1.2rem;
    line-height:1.3;
    padding-left:1.2rem;
}
.shop-details .info .shop-tel {
    color:#aaa;
    font-weight:bold;
    font-size:1.2rem;
    line-height:1.3;
    padding-left:1.2rem;
}

/* integral */
.integral {
    
}
.integral .logo {
    position: absolute;
    z-index: 9000;
    width:36%;
    height:15%;
    left:32%;
    bottom:4%;
    background-image: url(../images/logo.png);
}
.integral .top {
    height:6%;
}
.integral .content {
    margin:0 auto;
    width:86%;
    height:68%;
    background-image: url(../images/integral_bg.jpg);
}
.integral .integral-value {
    color:#fff;
    font-weight:bold;
    font-size:6rem;
    height:8rem;
    width:100%;
    text-align:center;
    padding-top:70%;
}


/* point history */
.point-list {
    background-color:#eee;
}
.point-list .tab {
    height:5.2%;
    background-color:#000;
    padding:0.6rem 0;
}
.point-list .tab .all{
    float:left;
    width:49%;
    height:100%;
    background-image: url(../images/coupon_tab_all.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.point-list .content {
    height:80%;
    position:relative;
}
.point-list .content .empty {
    width:100%;
    height:10rem;
    position:absolute;
    top:50%;
    text-align:center;
    font-size:1.6rem;
    color:#999;
    text-shadow:1px 1px 2px #fff;
    
}
.point-list .content .point-item {
    height:5rem;
    position: relative;
    margin:5px auto;
    color:#fff;
    font-size:1.6rem;
}
.point-list .content .bg-earn {
    background-color: #1951a4;
}
.point-list .content .bg-spend {
    background-color: #ff4729;
}



/* Loading */
.popup-loading {
  position: fixed;
  z-index: 9999;
  background-color: #fff;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../images/loading.jpg);
}
.popup-loading .logo {
    position: absolute;
    width: 60%;
    height: 16%;
    top: 25%;
    left:10%;
    
}
.popup-loading .loading {
  position: absolute;
  left: 35%;
  top: 60%;
  width: 30%;
  height: 3px;
  background: rgba(180,180,180,0.5);
}
.popup-loading .loading .percent {
  width: 20%;
  height: 100%;
  background: #012c5f;
}


/** MENU **/
.menuplaceholder {
    height:6.4rem;
    clear:both;
    background-color:#f0f0f0;
}
.menu {
    position: fixed;
    width:100%;
    z-index: 8999;
    bottom:0;
    left:0;
    right:0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #003065;
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eeeeee)) repeat-x scroll 0 0 #ffffff;
    box-shadow:0 1px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}
.menu ul {
    -webkit-box-align:center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.menu li {
    flex-grow: 1;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #485157;
    position: relative;
}
.menu li a {
    display: block;
    padding: 0.7rem 0 0;
}
.menu li i {
    display: block;
    width: 2.2rem;
    height: 1.9rem;
    margin: 0 auto;
    background-position: center center;
    background-repeat:no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.menu li p {
    color: #485157;
    font-size:1.2rem;
    line-height:1;
    margin:0.6rem 0 1rem 0;
}
.menu li span {
    display:block;
    position:absolute;
    top:0.4rem;
    left:58%;
    width:0.6rem;
    height:0.8rem;
    border-radius:50%;
    background: #ff3333;
    color:#fff;
    font-size:0.4rem;
    padding:0.15rem 0.25rem 0.05rem 0.15rem;
}
.menu li .active p {
    color: #ff5722;
}
.menu li .icon-home {
    background-image: url(../images/icon-home.png);
}
.menu li .icon-coupon {
    background-image: url(../images/icon-coupon.png);
}
.menu li .icon-shop {
    background-image: url(../images/icon-shop.png);
}
.menu li .icon-member {
    background-image: url(../images/icon-member.png);
}
.menu li .actived .icon-home, .menu li:hover .icon-home {
    background-image: url(../images/icon-home-actived.png);
}
.menu li .actived .icon-coupon, .menu li:hover .icon-coupon {
    background-image: url(../images/icon-coupon-actived.png);
}
.menu li .actived .icon-shop, .menu li:hover .icon-shop {
    background-image: url(../images/icon-shop-actived.png);
}
.menu li .actived .icon-member, .menu li:hover .icon-member {
    background-image: url(../images/icon-member-actived.png);
}

/** LIST **/
.list {
    background: #fff;
    margin-top: 1rem;
}
.list li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #efefef;
}
.list li:first-child {
    border-top: 1px solid #efefef;
}
.list li a {
    display: block;
    padding-left: 1.2em;
}
.list li i {
    color: #666;
    font-size: 1.6rem;
    line-height: 5rem;
}
.list li span {
    margin-left: 0.4em;
    font-size: 1.7rem;
    line-height: 5rem;
    color: #555;
}
.list li a:after {
    content: "";
    float: right;
    margin-right: 1.2rem;
    width: 1.5rem;
    height: 5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABgJJREFUeNrcm0tvG1UUx+/YYw9q/EhQEj+SgrqKIPWrtlMQn2GEqOQ9bCK+Azu+CGLFYqSA5A+AugMnIbETskhFSyrHr0KVxE7biefBOXdmbAcoEvY87nh2dqTI/9/9n8c99w63vb1N/u+j6zrh+dBKsfzJj9FofHPQv/y19tPjsqpprwOBAPHTM9Wv1TSNRGOL2Xh8aVNVFbIQiW5+mHnwLccFBPzb3APAVb68fLnf6ZxXQ6EQBZJO3a3k8luS3yBMBYDjOKIqykXjcLfS7bQohKEyJKvJlJgtlH0FYeqARRfouibXEUK3VeUBgjIckmQiLeZ8BGGmjDWCcLBb6YETIDGSIUBYBQjZvD8gzJyyJ53Q6xoQ0AmJpD+cYEvNels4+MEJthVtC4KRGI3qQHMCOoFhCLZ2LZMQsESiE4Z/CwfsG1h6gsVi0dZ/iCUSOkUV8sFONBLLxeKLGwghFlvciERin14P+s03b16fstIx2g5gEkK3296BLjEXNyFEYvFEOr3+aNC/qPf7fSYgOPYLJsOhbZZIaJ5IgOOFbOljaSWVEpXhzfwCGEPQ5aPDGi2RtG3WNcKpnFDIlaREck1EZ8wtgEkIDYDQ7TwHJ/DoDIw+IZsrS5ggvYTgShAiBA0g1A/3K+3W79WwIOBn/IOQyW1JiYR3TnAkCf5XYvzzjxc7rwb99eXlxAcBjuPhex5c8Ggw6Nf7VxenwWBw/hxwywmaJp+dPf2iUd+rYGhw+D3HCdgseREOrtchdEI4HCbYLWLrjBDM74Uc5oSEuxA8K8RYESgE2ElqmuEEDnJCtuBuTvC0E6EQuufVRh0ggBN00wk4VHHLCZ63YpYTGhPhQHMCdYLzEJhoyEcQDsYQiAXB4WaJmRn2KBygYYJucZwYaXVwDgJTQ3zDCa1/VgcDwufD4Y2AZxJzC8CCgPPFIwwHbQwhmyt9k8sXJfhoKwQmj3EQQqeLfUINIIzCgaTX7omZTJ5CsGu6xOw5lpUTaDhgnwAAFNhOp9beF/OFooSVwg4ITB/khULQMcI2ulGvVYiuythKD4cKWU3cFY1TqNkhMH+SScMBcsLhwc8VRZHlYJCnc8YVOnF+OPOw1RdHuUY4dKvHjf3Kq+srGXeMioIT55SI+wdwxp1pE6Nr2+GZ9+0gejAYnDabz3fuLETejUZjGVVVSSy+tBEOv/Ner9v6fpoZo68O8xHCzY180uu2H2NSxAenS5HIwv1p/yfvF/GmxYVCoSStJNZFjHtccRUSw7OnT762gMylA8wkJ9yHHiC9fk9E4XTCpOnWIcwP047YeT+IN3aHRQnLH1aAAIczRk1uNIyzSEyScxkCKN7YC2xJq+bWGMoeUYguH/2yV+n18AwyPJ99wFh8eSQee4BgUJePYeV7vebM4pl1gCE+AOJL0qq5FTZ3ike/PTn56qp/aYt4JgFYK58xV14Zi6ebI01TaTdo18OzufIgPjkWj62wNTKzUzxTOeDfxPPmyhviNdmJ02SeJfHZCdtT8V1nxTPhgMmVx5Mh3ORYMW8MSZ0T7zmAWys/YftOx/mV9zwE3hbzKP7IJfGeOQAvSlHxBdP2EzGPlyncEu8JALqHj8Xx6tyudfJjZPs2xHyNljo37w65GgI41FxeXhYLDz6SgnxYoOJ5EN9u0fNBt8W7CmBIL00mxUyuJBGOFxAGFd8590y8awCo+MSamIXe3hpi8iHeXPk9z8S7AsC6KYq9PSGcgHeDwkKYdFpnIH4fxBPZy/uCvNPiscQZF6Y5gaPlTyfnzWfVk+OG5+IdBWCtfNY8wEDx9M5gfe/LTrv5HXR7Mgs3RXlnxZdvia+bN8nxjhArD++IePM9gQAkPDISXxu9X8TSwzsj3rA9HWTTFyn2mBRvKwDD9kapwyku7fdHL1CwKd42AKOXIsyYNzY7+ug9IlbF2wLAWnkUTyZXHhoc1sXPDMCI+bVbK2/cDGfb9rYAwF3dZKnTfSh+agDYy8fjS8V84eEOiOaNZA8xX6/RFyj9In6meQCsuKaoyjXEPYbCS6jzn73wmXh8/hJgACrhNKm4iq+kAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: contain;
}
.list li:active, .list .selected {
    background:#efefef;
}
.list-border li {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.home-login {
    width:70%;
    margin-left:0;
    left:10%;
    bottom:8%;
    background: rgba(255,255,255,0.85);
    opacity:0.8;
    position:absolute;
    z-index: 88;
    padding:15px 5%;
    border-radius:3px;
}
.home-login h3 {
    font-size:20px;
    margin: 10px 0px 20px 0px;
}
.home-login .input-group {
    margin: 15px 0px;
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
}
.home-login .input-group-addon {
    background: #f8f8f0;
    color: #003065;
    font-size: 1.6rem;
    border-radius: 0px;  
    border: 0px;
    border-bottom: 1px solid #003065;
    width: 3rem;
    padding: 6px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}
.home-login .form-control {
    background: #f8f8f0;
    height: 4rem;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #003065;
    font-size: 1.6rem;
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 92%;
    margin-bottom: 0;
    padding: 6px 4%;
    color: #222;
}
.home-login .btn {
    border:0;
    background-color: #003065;
    color: #fff;
    font-size: 1.8rem;
    height: 4rem;
    width: 100%;
    margin-top:10px;
}
.home-login .bot {
    height: 2.5rem;
    padding: 1.5rem 5%;
    font-size: 16px;
    color:#222;
}
.home-login .bot a {
    color:#338eff;
}
.home-login .bot .register {
    float:right;
}
.home-login .tab{
    height:3.6rem;
    background:#f3e8d4;
}
.home-login .tab a {
    display:table-cell;
    height:36px;
    line-height:36px;
    font-size:16px;
    color:#333;
    width:194px;
    text-align:center;
    cursor:pointer;
}
.home-login .tab a:hover {
    background:#fbbc93;
    color:#fff;
}
.home-login .tab a.selected {
    background:#ff6501;
    color:#fff;
    font-weight:bold;
    border-bottom:1px solid #b15f5f;
}



.page-inner .top {
    height: 22%;
    background-color:#fff;
    background-image: url(../images/home_top_bg.jpg);
    background-size: 120% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.page-inner .bigtitle {
    font-size: 2rem;
    text-align:center;
    margin-top:12.5%;
    color: #fff;
    font-weight: bold;
}
.page-inner .divide-column {
    height:3rem;
    line-height:3rem;
    font-size:1.3rem;
    background-color:#dedede;
    color:#aaa;
    text-align:center;
}
.page-inner .content {
    min-height: 50%;
    position:relative;
    padding-bottom:1rem;
}
.page-inner .content .empty {
    width:100%;
    height:10rem;
    position:absolute;
    top:50%;
    text-align:center;
    font-size:1.6rem;
    color:#999;
    text-shadow:1px 1px 2px #fff;
    
}
.integral-item {
    background-color:#fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #efefef;
    height:4rem;
    position:relative;
    padding: 1rem 0 0.8rem 2rem;
}
.integral-item:first-child {
    border-top: 1px solid #efefef;
}
.integral-item h3 {
    font-size: 1.6rem;
    color: #888;
}
.integral-item h4{
    font-size: 1.3rem;
    line-height:1.6rem;
    color: #bbb;
}
.integral-item em {
    font-size: 3rem;
    position:absolute;
    top:0;
    right:2rem;
    display: block;
    width:8rem;
    height:3rem;
    padding-top: 1rem;
    text-align:right;
}
.integral-item .jia {
    color:#33cc33;
}
.integral-item .jian {
    color:#ff3333;
}
.coupon-item {
    width:88%;
    padding:2% 5%;
    height:6.6rem;
    background:#002d5f;
    color:#fff;
    margin:1.5% 1%;
    border:1px solid #000;
    line-height:1.5;
}
.coupon-item .mianzhi {
    font-size:2rem;
}
.coupon-item .youxiaoqi {
    font-size:1.3rem;
    line-height:2;
}

/* INPUT:radio 美化 */
.radio {
    display: inline-block;
    position: relative;
    line-height: 18px;
    margin: 6px 8px 6px 0;
    cursor: pointer;
}
.radio input{
    display: none;
}
.radio .radio-bg {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 3px;
    padding: 0;
    background-color: #eee;
    border-radius: 100%;
    vertical-align: top;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
}
.radio .radio-on{
    display: none;
}
.radio input:checked + span.radio-on{
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 100%;
    background: #ff6501;
    top: 1px;
    left: 1px;
    transform: scale(0, 0);
    transition: all 0.2s ease;
    transform: scale(1, 1);
    display: inline-block;
}

.table {
    border: 0;
    box-sizing: border-box;
    border-collapse: separate;
    margin-bottom: 1rem;
    width:100%;
    border-spacing: 0;
    font-size:1.4rem;
    overflow-y: hidden;
    min-height: .01%;
    overflow-x: auto;
}
.table small {
    font-size:80%;
    color:#ea7c52;
    font-weight:normal;
}
.table th {
    padding: 8px 4px;
    background:#f8f8f8;
    vertical-align:middle;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    text-align:right;
    width:auto;
    font-weight:normal;
    color:#666;
}
.table tr:nth-child(2n) th {
    background:#fafafa;
}
.table td {
    background:#fff;
    vertical-align:middle;
    border-bottom:1px solid #eee;
    text-align:left;
    padding: 8px 4px;
    color:#333;
}
.table .notice {
    color:#999;
}
.table tr:first-child td {
    border-top:1px solid #eee;
}
.table input[type=text], .table input[type=password], .table textarea {
    width:90%;
    height: 2.4rem;
    border-radius: 2px;
    border: 1px solid #ddd;
    padding:5px;
}
.table input, .table textarea, .table select {
    font-size:1.4rem;
}
.table textarea {
    height: 15rem;
    line-height: 1.32;
}
.table .moreinfo {
    display:none;
}
.table .showmoreinfo {
    height:2rem;
    font-size:1.2rem;
    text-align:center;
    color:#6a88dc;
    background:#f8f8f8;
    padding:4px 0;
    cursor:pointer;
}
.table .column {
    height:2rem;
    font-size:1.2rem;
    text-align:center;
    color:#6a88dc;
    background:#f8f8f8;
    padding:4px 0;
    cursor:pointer;
    margin-top:-1px;
}
.btn {
    background-color: #002d5f;
    color: #fff;
    font-size: 1.6rem;
    line-height:3.6rem;
    height: 3.6rem;
    width: 10rem;
    margin-top:2px;
    text-align:center;
    display: inline-block;
}