body { background: #f8f8f8 }
.layout { width: 1005px; margin: 0 auto }
.layout:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; font-size: 0 }
.layout { zoom: 1 }



.hide {
display: none;
}






#header{ background: url(../images/header_bg.gif) repeat-x; height: 101px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); position: relative; z-index: 10;min-width: 1000px;margin: 0 auto}
.width_control{width: 1000px; margin: 0 auto;}
.logo_wrap{width: 135px; height: 51px; overflow: hidden; line-height: 66px;}
#logo{display: block; width: 135px; height: 51px; background: url(../images/logo.png) no-repeat; overflow: hidden; font-size: 12px; text-indent: 888px;}
.logo_wrap #logo{line-height: 99px;}
.logo_wrap{padding-top: 20px; width: 140px;}
.logo_wrap, .header_m, .header_r{float: left; display: inline;}
.header_m{width: 654px; margin-left: 12px;}
.header_r{width: 185px; margin-left: 8px;}
.nav{background: url(../images/nav_bg.gif) repeat-x 0 -84px; height: 42px;}
.nav_l{background: url(../images/nav_bg.gif) repeat-x 0 0; height: 42px; width: 5px; overflow: hidden; float: left;}
.nav_r{background: url(../images/nav_bg.gif) repeat-x 0 -42px; height: 42px; width: 5px; overflow: hidden; float: right;}
.nav_list ul li{float: left; margin: 0 5px; position: relative;}
.nav_list ul li a{display: inline-block; padding: 0 10px; line-height: 42px; color: #fff; font-size: 14px; font-family: "微软雅黑"}

.nav_list ul li a:hover, .login_register a:hover, a.change_btn:hover{color: #f7ff00;}
.nav_list ul.second_nav{background: #929292; position: absolute; height: 0; top:42px; left: -120px; width: 372px; z-index: 13; border-radius:0 0 5px 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); display: none; opacity: 0; filter:alpha(opacity=0);}


.search{width: 370px; position: relative; margin: 16px auto 0;}
.search_input{background: url(../images/search_input_bg.gif) repeat-x; height: 20px; padding:3px 3px 3px 20px; line-height: 20px; border: none; width: 220px; margin-left: 30px; float: left}
.search_ico{background: url(../images/repeat_bg.png) no-repeat 0 -208px; width: 55px; height: 40px; position: absolute; z-index: 9; left: 0; top:-5px;}
.search_btn{background: url(../images/search_sub.png) no-repeat; width: 95px; height: 26px; display: block; float: left; border:none; margin-left: -5px; text-indent: 120px; overflow: hidden; line-height: 24px;}
.search_tips{width:340px; border: 1px solid #e8e8e8; border-radius:8px; padding: 10px; position: absolute; left: 0; top:40px; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.1)}
.search_point{width:21px; height: 16px; position: absolute; right: 35px; top:-12px;}
.search_point span{font-size: 22px;}
.point_top{color: #fff; position: absolute; z-index: 13; top:0;}
.point_bottom{color: #e8e8e8; position: absolute;  z-index: 12; top:-1px;}
.search_ico1, .search_prize{background: url(../images/ico.png) no-repeat 0 -198px; padding-left: 24px; font-weight: 400; height: 18px; line-height: 18px; display: inline-block;}
.search_prize{background-position: 0 -219px}
.search_tips_con dd{padding: 0 12px 0 24px; line-height: 18px;}
.search_tips_con dd.prize_list{padding-top: 5px;}
.prize_list p{float: left; width: 68px; height: 64px; text-align: center; display: inline; margin-right: 44px; color: #818181;}
.prize_list p a{color: #818181;}
.prize_list p.mr0, .films_list li.mr0{margin-right: 0;}

.login_wrap{position: relative; z-index: 19;}
.login_register{background: url(../images/login_bg.jpg) no-repeat; width: 135px; height: 24px; text-align: center; color: #fff; line-height: 24px;}
.login_register span{padding:0 5px;}
.login_register a{background: url(../images/ico.png) no-repeat 0 -517px; padding-left: 16px; color: #fff; display: inline-block;}
.login_register a.register{background-position: 0 -538px; padding-left: 14px;}

.other_login{padding-top: 10px; position: relative;}
.other_login a{background: url(../images/other_login.pngd) no-repeat; display: inline; float: left; width: 20px; height: 19px; margin:0 1px 0 2px; overflow: hidden; text-indent: 30px; line-height: 60px;}
.other_login a.sina{background-position:0 0;}
.other_login a.weibo{background-position:-21px 0;}
.other_login a.renren{background-position:-44px 0;}
.other_login a.douban{background-position:-64px 0;}
.other_login a.wangyi{background-position:-86px 0;}
.other_login a.qq{background-position:-108px 0;}
.other_login a.wx{background-position:-128px 0;}

.other_login a.sina_1{background-position:0 -19px;}
.other_login a.weibo_1{background-position:-21px -19px;}
.other_login a.renren_1{background-position:-44px -19px;}
.other_login a.douban_1{background-position:-64px -19px;}
.other_login a.wangyi_1{background-position:-86px -19px;}
.other_login a.qq_1{background-position:-108px -19px;}

.login_float{width: 215px; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border:1px solid #eee; position: absolute; z-index: 12; left: -70px; top:30px; border-radius:3px;}
.float_point{ position: absolute; top:-9px; left: 100px; z-index: 13;}
.float_point span{font-size: 16px;}
.float_con{padding: 10px 20px 0px; color: #979797;}
.float_con h2, .float_other_login h3{font-style: normal; font-size: 12px; margin-bottom: 5px; font-weight: 400;}
.index_login span{padding-left: 12px; display: inline-block; width: 48px;}
.index_login span.user_ico{background: url(../images/ico.png) no-repeat 0 -429px; padding-left: 12px; display: inline-block; width: 48px;}
.index_login span.psw_ico{background: url(../images/ico.png) no-repeat 0 -456px; padding-left: 12px; display: inline-block; width: 48px;}
.login_text{background:#dfdfdf; height: 16px; width: 110px; padding-left: 2px; border: none; line-height: 16px;}
.login_btn{margin-top: 10px; text-align: center;}

.red_btn, input.red_btn{background: url(../images/repeat_bg.png) no-repeat 0 -122px; width:77px; height: 26px; line-height: 26px; color: #fff; display: inline-block; text-align: center; border:none; cursor: pointer;}
.gray_btn, input.gray_btn{background: url(../images/repeat_bg.png) no-repeat 0 -151px; width:77px; height: 26px; line-height: 26px; color: #fff; display: inline-block; text-align: center; border:none;  cursor: pointer;}

/**/
.float_other_login{width: 100%; float: left; padding-bottom: 10px;}
.float_other_login h3{margin-top: 16px;}
.other_login2{padding-top: 0px;}


.tips_box{position: absolute; z-index: 13; left: 0; top:34px; width: 110px; display: none;}
.tips_left{background: url(../images/tips_box.png) no-repeat 0 0; width: 8px; height: 28px; float: left;}
.tips_right{background: url(../images/tips_box.png) no-repeat 0 -28px; width: 8px; height: 28px; float: left;}
.tips_con{background: url(../images/tips_box.png) repeat-x 0 -56px; width: 8px; height: 28px; float: left; padding: 0 5px; text-align: center; width: 84px; line-height: 28px; color: #818181;}
.top_point{background: url(../images/tips_box.png) no-repeat 0 -88px; width: 17px; height: 11px; position: absolute; left:50%; margin-left: -9px; top:-7px; z-index: 13;}
.other_login2 .tips_box{top:24px;}


.footer { background: #ECECEC; min-width: 1005px; margin: 0 auto }
.footer dt { font-size: 14px; color: #3e3e3e }
.footer dt i { display: inline-block; width: 7px; height: 4px; overflow: hidden; background: url(../images/bg/icon-arrow.png) no-repeat; margin-left: 5px; }
.footer dd { font-size: 13px; margin-top: 5px; }
.footer-nav-contact { padding: 58px 0 30px; }
.footer-nav { float: left;padding-left:6px; }
.footer-nav dl { float: left; margin-right: 30px; }
.footer-nav p { padding: 2px 0 3px; font-size: 13px; }
.footer-contact { float: right; font-size: 13px;padding-right:6px; }
.footer-contact .weibo { margin-top: 15px; }
.footer-contact .wx { margin-top: 15px; }
.footer-contact .wx li { float: left; margin-right: 23px; }
.footer-contact .tel { padding-left: 50px; height: 46px; position: relative; margin-top: 28px; }
.footer-contact .tel .pic { position: absolute; width: 46px; height: 46px; background: url(../images/icon-tel.png) no-repeat; left: 0; top: 0; }
.footer-contact .tel .strong { font-size: 24px; color: #3e3e3e; display: block; margin-top: -6px; }
.copyright-share { height: 50px; line-height: 50px; background: #D9D9D9; }
.copyright-share .copyright { float: left; padding-left: 6px; font-size: 13px; }
.copyright-share .share { float: right; padding-right: 6px; overflow: hidden; }
.copyright-share .share a { display: inline-block; width: 31px; height: 31px; background-repeat: no-repeat; vertical-align: top; margin: 10px 0 0 10px !important; padding: 0 !important; float: none !important; background-position: 0 0 !important; }
.copyright-share .share .bds_sina { background-image: url(../images/bg/icon-sina.png) !important; }
.copyright-share .share .bds_tqq { background-image: url(../images/bg/icon-tqq.png) !important; }
.copyright-share .share .bds_sqq { background-image: url(../images/bg/icon-qq.png) !important; }


.mall-banner { background: url(../images/mall-banner.jpg) no-repeat center top; min-width: 1000px; height: 131px; }
.breadcrumb { margin-top: 10px; color: #999 }
.breadcrumb a, .breadcrumb a:hover { color: #999; display: inline-block; vertical-align: top; }
.breadcrumb .home { background: url(../images/bg/icon-home.png) no-repeat 0 2px; padding-left: 20px }
.breadcrumb span { font-weight: bold; display: inline-block; vertical-align: top; }
.bulletin { margin-top: 14px; }
.bulletin .hd { float: left; padding-left: 20px; background: url(../images/icon-laba.png) no-repeat 0 center; color: #9f0000; font-weight: bold; }
.bulletin ul { float: left; height: 18px; overflow: hidden; }





.newproduct-malluserinfo { background: #fff; padding: 20px 0 20px; margin-top: 10px;border-radius:3px;}
.newproduct { float: left;width: 734px;  }
.newproduct ul{padding-left: 8px;}
.newproduct li { color: #fff; float: left;width: 230px; position: relative; margin-left: 12px; display: inline; }
.newproduct .mark { position: absolute; width: 61px; height: 58px; background-repeat: no-repeat; top: -1px; left: -1px; z-index: 99 }
.newproduct .icon-new { background-image: url(../images/icon-new.png); }
.newproduct .icon-hyr { background-image: url(../images/icon-hyr.png); }

.newproduct .slide{overflow:hidden;position: relative;width: 100%; height: 255px;overflow: hidden;}
.newproduct .slide-wrap{width: 100%; position: absolute;left: 0;top:0;}
.newproduct .slide-item {float: left;width: 230px;position: relative;}
.newproduct .slide-navi{position: absolute;bottom: -16px;left: 0; height: 6px;overflow: hidden;}
.newproduct .slide-navi a{display: inline-block;vertical-align: top;overflow: hidden; width: 6px;height: 6px;background: #C8C8C8;border-radius: 5px;margin-right: 6px;-webkit-transition: width .2s;
-o-transition: width .2s;
transition: width .2s;}
.newproduct .slide-navi .active{width: 40px;}


.newproduct .time { position: absolute; width: 100%; height: 69px; background: #5EB8EC; bottom: 0; left: 0; z-index: 99; text-align: center; }
.newproduct .l { float: left; width: 74px; height: 100%; background: #3DA1DD; font-size: 14px; }
.newproduct .icon-clock { display: block; width: 28px; height: 30px; background: url(../images/icon-clock.png) no-repeat; margin: 8px auto 6px; }
.newproduct .r { float: left; width: 145px; padding: 0 5px; }
.newproduct .time-d { font-size: 28px; font-family: arial; margin-top: 3px;height: 42px; }
.newproduct .dezhu { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newproduct .chujia-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; height: 200px; width: 100%; overflow: hidden; }
.newproduct .chujia { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; }
.newproduct .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0b4c74; opacity: .78; filter: alpha(opacity=78); }
.newproduct .chujia-detail { position: relative; z-index: 10; padding: 0 24px; font-size: 14px; }
.newproduct .cur-price span { font-size: 24px; position: relative; top: 3px; }
.newproduct .my-price input { background: #3191CB; border: 0 none; width: 101px; height: 25px; padding: 0 2px; color: #fff }
.newproduct .btn-chujia, .newproduct .btn-chujia:hover { display: block; background: #FE7877; color: #fff; height: 31px; line-height: 31px; margin-top: 18px; border-radius: 3px; text-align: center; }
.mall-user-info { float: right; width: 234px; padding-right: 20px; }
.mall-user-info .hd { color: #4f4f4f; font-size: 18px; }
.mall-user-info .bd { margin-top: 19px; }
.mall-user-info li { position: relative;line-height: 25px;  color: #A4A4A4; font-size: 14px;word-break:break-all;word-wrap:break-word;overflow: hidden; padding-right: 85px; height: 25px; margin-top: 10px; }
.mall-user-info li .r { position: absolute; top: 0; right: 0; width: 76px; height: 23px; border: 1px solid #8c8c8c; text-align: center; line-height: 23px; color: #919191; border-radius: 15px; }
.mall-user-info li .r:hover { background: #FE7877; color: #fff; border: none; height: 25px; line-height: 25px; width: 78px; }
.mall-user-info li .level { background: #FFC468; color: #fff; font-family: arial; padding: 0 5px }
.mall-user-info .btn-list a { display: inline-block; width: 76px; height: 23px; background: #FE7877; color: #fff; text-align: center; line-height: 23px; border-radius: 15px; }
.mall-user-info .address { color: #B1B1B1; margin-top: 10px; }
.mall-user-info .btn-list { margin-top: 10px; }
.mall-user-info .btn-list .btn-jp { margin: 0 3px; }
.products-list { margin-top: 18px; margin-bottom: 28px }
.products-list .hd h2 { float: left; color: #4f4f4f; font-size: 18px;padding-left: 2px; }
.products-list .hd .extra { float: right; padding-top: 1px; }
.products-list .hd .extra a { display: inline-block; font-size: 15px; width: 72px; height: 23px; border: 1px solid #8c8c8c; margin:0 2px 0 10px; text-align: center; line-height: 23px; color: #999; border-radius: 15px; }
.products-list .hd .extra a:hover, .products-list .hd .extra .selected { color: #fff; background: #FE7877; border: none; width: 74px; height: 25px; line-height: 25px; }
.products-list .bd { margin-top: 18px; }
.products-list .bd-left { float: left; width: 780px; height:980px; overflow: hidden; }
.products-list .bd-left ul { padding: 13px 0 20px 20px; }
.products-list-detail { background: #fff;border-radius:3px; }
.products-list-detail li { float: left; position: relative; height: 264px; background: #f8f8f8; margin: 7px 7px 0 0 }
.products-list-detail li.active{z-index: 99}
.products-list-detail li .title{position: absolute;color: #4f4f4f}

.products-list-detail .s1 .title{left:18px;top:20px;width: 206px;text-align: center; top:12px;}

.products-list-detail .s { margin-right: 12px;height: 120px;}
.products-list-detail .s .title{left: 14px;top:12px;}
.products-list-detail .detail { position: absolute; display: none; width: 250px; height: 100%; background: #e5e5e5; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.1) inset, 2px 0 3px rgba(0, 0, 0, 0.1); top: 0; left: 100%; z-index: 10; padding: 0 10px; }
.products-list-detail .detail .strong{color: #bf0000;}
.products-list-detail .detail-s2 { left: auto; right: 100%; }
.products-list-detail .detail .name{margin-top: 5px;}

.products-list .bd-right { float: right; width: 216px; height: 980px; overflow: hidden;border-radius:0 0 3px 3px; }
.hot-duihuan { background: #fff }
.hot-duihuan-hd { position: relative; overflow: hidden; height: 40px; background: #eed58c; border-radius: 5px 5px 0 0 }
.hot-duihuan-hd h3 { height: 20px; line-height: 20px; color: #fff; font-size: 18px; margin: 10px 0 0 12px; }
.hot-duihuan-hd h3 i { vertical-align: top; display: inline-block; width: 14px; height: 20px; background: url(../images/bg/icon-dw.png) no-repeat; margin-right: 7px; }
.hot-duihuan-hd .detail { position: absolute; right: 12px; top: 12px; color: #b28607 }
.hot-duihuan-hd .detail:hover { color: #bf0000 }
.hot-duihuan-bd li { background: #F1F1F1; margin: 10px 5px 0; height: 82px;vertical-align: middle; }
.hot-duihuan-bd .pic { float: left; padding: 10px 16px 0 6px; }
.hot-duihuan-bd .pic img { border-radius: 50%; }
.hot-duihuan-bd .text { float: left; width: 115px; color: #7b7b7b; font-size: 14px; line-height: 20px; padding-top: 12px }
.hot-duihuan-bd .name-dh { overflow: hidden; zoom: 1; }
.hot-duihuan-bd .name { display: block; padding-right: 45px; float: left; overflow: hidden; text-overflow: ellipsis; height: 20px; word-break: break-all; word-wrap: break-word; }
.hot-duihuan-bd .dh { float: left; margin-left: -42px; }
.hot-duihuan-bd .prize { color: #fe7877; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mall-game-box { display: none; }
.mall-game-box .mall-game{
	margin-top: 16px;
	text-align: center;
}

.rankinglist { background: #FFCFCF; margin: 30px 20px 0; height: 151px; text-align: center; border-radius: 3px; }
.rankinglist .l { float: left; width: 167px; height: 100%; background: #fcb3b3; border-radius: 3px; }
.rankinglist h2 { font-size: 24px; color: #f95c5b; margin-top: 27px; }
.rankinglist .btn-lottery,.rankinglist .btn-lottery:hover{ display: block; width: 132px; height: 39px; line-height: 39px; color: #fff; background: #f95c5b; margin: 24px auto 0; font-size: 18px; border-radius: 3px; }
.rankinglist .r { float: left; padding-top: 15px; padding-left: 31px }
.rankinglist li { float: left; width:85px; margin: 0 10px }
.rankinglist .pic img { border-radius: 50%;width: 55px; }
.rankinglist .name { font-size: 13px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rankinglist .name a { color: #4f4f4f }
.rankinglist .name a:hover { color: #bf0000; }
.rankinglist .prize { color: #ee4b4b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 3px; }