@import url("list.css");
@import url("page.css");
/*---------- base ---------*/
*{padding:0px;margin:0px;}
html{background:#FEFEFE;}
body{font: 13px/1.5 "Microsoft Yahei","Hiragino Sans GB",tahoma,arial; line-height: 1.8em; color:#555555;background:url(../images/body.png) repeat }
*html{background-image:url(about:blank);background-attachment:fixed;}
img{border:none;}
a{color:#333333;text-decoration:none;font: 13px/1.5 "Microsoft Yahei","Hiragino Sans GB",tahoma,arial;}
@media screen and (max-width:750px){a {font-size:14px;}}
a:hover{color:#db4f60;text-decoration:none;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-family: "Microsoft YaHei";}
h2{ font-size:14px}
h3{ font-size:15px;}
a {blr:expression(this.onFocus=this.blur())}
/*---------- stock ---------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*html .clearfix {height: 1%;}
.center{margin:0px auto;}
.blank1{width:0px; height:0px; display:none;}
.blank10{height:10px;}
.fl{ float:left}
.fr{ float:right}
.mt1{margin-top:5px;}
.mt2{margin-top:8px;}
.mb2{margin-bottom:8px;}
.clear{overflow:hidden; clear:both; height:1px; line-height:1px;}
.clearfix:after {clear: both;content: "";display: block;height: 0;}
.con{ background:#ffffff; padding:5px; display:block; overflow:hidden; width:250px}
.bd1{ border:1px solid #EBEBEB;border-left:none;border-right:none;}
h3{background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #F1F1F1;color: #727272;height: 38px;line-height: 38px;text-indent: 10px;}
.ipt-txt{line-height:15px;padding:4px 5px;border-width:1px;border-style:solid;border-color:#ccc;font-size:12px;margin-right:2px;}
.line{height:5px; background:url(../images/line.gif) repeat-x left center; clear:both; font-size:0px;}
.link1,.link1 a {color:#fd862d;}
.link2,.link2 a{color:#0099CC;}
.link3,.link3 a{color:#a4926b;}
.wrapbox {margin: 0 auto; max-width: 960px;clear:both;padding-top:18px;}
.mainbox{ width: 100%;max-width:680px; min-height: 2200px; float:left; overflow:hidden;border-top:1px solid #EBEBEB}
@media screen and (max-width:750px){.mainbox {height:auto;min-height: 20px;}}
.sidebox{ width:260px; float:right; overflow:hidden;}
@media screen and (max-width:750px){.sidebox {width:100%}}

.header {margin:0 auto 5px;}

.loginbar{ float:left;}

.wrapper{height:34px; background: url(../images/top_bg.png) #EEEEEE repeat-x 0 8px;z-index: 90;}
.top-bar{height:34px;max-width:960px; width:100%;margin:0 auto;color:#666;z-index: 90;}
.top-bar .gq{height:34px;width:960px;margin:0 auto;color:#666;margin:0 12px;line-height:36px;}
.top-bar .top-member{float:left;height:34px;margin-left:-0px;}
.top-bar .top-panel{float:right;height:34px;}
.top-bar li{display:inline-block;float:left;position:relative;z-index:10;height:34px;}
.top-bar li a{display:inline-block;color:#666;text-decoration:none;}
.top-bar li.hover{box-shadow:1px -3px 3px rgba(100,100,100,0.3);}
.top-bar li #all:hover a.menu-link{background-color:#ccc;color:#fff;font-weight:400;border:1px solid #cccccc;border-top:none;border-bottom:none;}
.top-bar li.hover i.arrow{transform:rotate(180deg);text-decoration:none;}
.top-bar li.more-menu .menu-link{height:31px;line-height:30px;_line-height:19px;overflow:hidden;padding:2px 21px 0 10px;position:relative;word-wrap:break-word;z-index:11;border:1px solid #EEEEEE;border-top:none;border-bottom:none;font-weight:400;text-decoration:none;}
.top-bar li.more-menu i.arrow{background:url(../images/spirit.png) no-repeat scroll -135px -18px transparent;font-size:24px;height:18px;line-height:18px;overflow:hidden;position:absolute;right:8px;width:8px;top:10px;transition:all 0.5s ease 0s;z-index:11;_top:8px;}
.top-bar li.more-menu .usernav-bd{width:204px;}
.top-bar li.more-menu .more-bd .list a{background-color:#FFFFFF;border-bottom:1px dashed #D7D7D7;display:block;padding:6px 8px;line-height:18px;color:#666;}
.top-bar li.more-menu .more-bd .list a:hover{background-color:#F8F8F8;color:#333333;text-decoration:none;}
.top-bar li.more-menu .more-bd .list a.last{border-bottom:medium none;}
.top-bar li.more-menu .more-bd{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #ccc;box-shadow:1px 3px 3px rgba(100,100,100,0.3);left:0;position:absolute;top:33px;z-index:11;display:none;}
.top-bar li.hover .more-bd{display:block;}
.top-bar li.wellcome span{display:inline-block;padding-top:6px;}
.top-bar li.wellcome a{}
.top-bar li.tel{margin:0 0 0 12px;padding-top:7px;}
.top-bar li.myhome{padding-top:7px;}
.top-bar li.top-login{margin-right:0;}
.top-bar li.top-login a{}
.top-bar li.top-regiter a{}
.top-bar li s{background-color:#CCCCCC;display:inline-block;height:12px;position:absolute;right:0;top:12px;width:1px;}
.top-bar .top-other-login a{display:inline-block;margin:0;padding-left:25px;}
.top-bar .top-other-login a.alipay-login{background-position:0 -75px;}
.top-bar .top-other-login a.sina-login{background-position:0 -33px;}
.top-bar .weibo{padding-top:6px;margin-right:15px;}
.top-bar .mobile{margin:0 12px 0 0;line-height:35px;}
.top-bar .mobile A{padding-left: 20px; background: url(../images/phone.png) no-repeat left 0px;padding-top:0px;}

.topfixed {position: fixed;top: 0;width: 100%;z-index: 90;}
*html .topfixed{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
#ju-page{width: 100%; height: 50px;background: #d51938;margin:0 auto;}
.ju-page{width: 100%; max-width: 960px; height: 50px;margin:0 auto;}
.ju-page .nav {height:50px; overflow: hidden;float: left;margin-left:150px;}
@media screen and (max-width:750px){.ju-page .nav {margin-left:0;}}
.ju-page .nav li {float: left;text-align:center; height:30px; margin:10px 5px 0 5px;}
.ju-page .nav li a {font-size: 14px; font-weight:bold;height: 30px;display:block;line-height:30px;padding-left:15px;padding-right: 15px; float:left;color:#FFF;}
.ju-page .nav li a:hover{ background: #AE0519;color:#FFF; border-radius:3px}
.ju-page .nav li.hover{margin-top:10px; background: #fff; color: #c7223d; border-radius:3px}
.ju-page .nav li.hover a{display: inline-block;color:#000;}
.ju-page .nav li.hover a:hover{display: inline-block;color:#000; background: #fff;}
.ju-page a:hover{ text-decoration:none}
.fixed-logo{width: 140px; background: url(../images/250-440.png) no-repeat 0px -1px; height: 48px;margin-top:31px;left:50%;margin-left:-484px;position:absolute;float: left;}
.bt{width: 140px; background: url(../images/250-440.png) no-repeat 0px -150px; height: 14px;margin-top:79px;left:50%;margin-left:-484px;position:absolute;float: left;}

.ico-hot{ background:url(../images/ico-hot.gif) no-repeat; width:24px; height:16px; position:absolute; right:366px;top:-5px;}

.searchbar {height: 30px;max-width: 298px; float:right;margin-top: 7px;}
@media screen and (max-width:750px){.searchbar {clear:both;margin-bottom: 7px; text-align: center}}
.search-keyword {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCC #EEE #EEE;
    border-image: none;
    border-style: solid;border-radius: 3px;
    border-width: 1px;
    box-shadow: 0px 1px 3px rgba(200, 200, 200, 0.3) inset; float: left;
    color: #666;
    height: 16px;
    margin-right: 5px;
    overflow: hidden;
    padding: 8px;
    vertical-align: middle;
    width: 240px;
}
.search-submit {background: url("../images/35-100.png") no-repeat 0px -0px; font: 0px/0 a !important; border: 0px currentColor; width: 35px; height: 35px; float: left; cursor: pointer; font-size-adjust: none !important; font-stretch: normal !important;border:0;}
.search-option {margin-left:3px;margin-right:3px;border:#badaa1 solid 1px;height:22px;}


.banner {margin: 0 auto 8px;width: 960px;clear:both; background:url(../images/tips.gif) no-repeat right center #ffffff; height:116px; border:1px solid #F1F1F1;}
/*** Slides ***/
.FocusPic {zoom:1;position:relative; overflow:hidden;max-width:680px;height:250px;}
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .title-bg,.FocusPic .title{display:none}
.FocusPic .change{bottom:3px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#f78391;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#db4f60;}

/*******index*********/
.night_bg{background: #F1F1F1; }
.night_list_bg{background: url("../images/index-1902-444.jpg") no-repeat center 0px #F1F1F1;}
.night_con_bg{background: #F1F1F1;}
.night_puzi_bg{background: url("../images/puzi.jpg") no-repeat center 0px #F1F1F1;}

/*** danpin ***/
.goods_list {margin-bottom:0px;}
.goods_list #bdshare{ float:right;}
.goods_list .bdshare_t{ margin-top:13px; text-align:right; height:30px; line-height:30px; overflow:hidden;}
.goods_list .bdshare_t em{ float:left; font-size:12px; font-style:normal;line-height: 26px;}
.goods_list span.bds_more, .goods_list .bds_tools a{ line-height:15px; vertical-align:middle; margin-right:3px;}
.goods_cont {height:auto;overflow:hidden;width:100%; max-width:680px; padding:15px 20px 15px 20px;background:#fff;margin-right:15px;clear:both;margin-bottom:5px}
@media screen and (max-width:750px){.goods_cont {clear:both;width:90%}}
.goods_cont:hover{background:#FFFEED!important;}
.goods_list {height:auto;max-width:626px}
@media screen and (max-width:750px){.goods_list {clear:both;width:100%}}
.goods_list:after {clear:both;content:".";display:block;height:0;visibility:hidden}
.goods_list h2,.goods_list h1{font-size:18px;line-height:30px;font-weight: normal;}
.goods_list h2 .biaozhu ,.goods_list h1 .biaozhu{color:#FF0000;font-size:18px;}
.goods_list .goodsdetail {color:#ccc;clear:both;overflow:hidden;margin:15px 0 15px 0}
.goods_list .goodsdetail span {display:inline;}
.goods_list .goodsdetail .source, .goods_list .goodsdetail .type {color:#ccc}
.goods_list .goodsdetail span {margin-right:10px}
.goods_list  b {font-weight:normal}
.goods_list .goodsdetail b a,.goods_list .goodsdetail b {color:#8d8d8d}
.goods_list .goodsdetail .date {color:#8d8d8d;right:10px;padding-left:15px;display:inline;}
.goods_list .goodsdetail .date a {color:#6cb211;font-weight:normal;cursor:pointer;}
.goods_list .goodsdetail .date a:hover {text-decoration:underline}
.goods_list .goodsinfo {clear:both;height:215px;}
.goods_list .goodsinfo .content_left {float:left;border:#e2e2e2 solid 1px;overflow:hidden;max-width:200px}
@media screen and (max-width:750px){.goods_list .goodsinfo .content_left{clear:both}}
.goods_list .goodsinfo .pic {border-bottom:#e2e2e2 solid 1px;clear:both;height:198px;width:198px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle}
.goods_list .pic img{ width:198px; height:198px;}
.goods_list .goodsinfo .bao_but {height:38px;line-height:38px;overflow:hidden}
.goods_list .goodsinfo .bao_but a {background:url(../images/buy.gif) no-repeat -15px 1px #fff;display:block;float:left;text-align:center;padding-left:10px;width:80px !important;color:#5e5e5e}
.goods_list .goodsinfo .bao_but .but_reply {border-right:#e2e2e2 solid 1px;width:79px !important}
.goods_list .goodsinfo .bao_but .but_collect {background-position:-120px 1px}
.goods_list .goodsinfo .bao_but a span {color:#a2a2a2}
.goods_list .goodsinfo .bao_but a:hover {background-color:#f9f9f9;text-decoration:none}
.goodsinfo .content_right {float:right;max-width:400px;}
@media screen and (max-width:750px){.goods_list .goodsinfo .content_right{clear:both;width:100%;float: left;margin-top: 15px;}}
@media screen and (min-width:750px){.goodsinfo .content_box{min-width:395px;}}
.goodsinfo .content_box {height:78px;max-width:395px;background:#fff;border:#e7efda solid 1px;padding:1px;position:relative}
.goodsinfo .content_box .price_box {background:#fffce8;height:78px;/**min-width:380px;**/padding-left:15px;overflow:hidden}
.goodsinfo .content_box .price_box .ori_price {height:30px;line-height:30px;margin-top:15px}
.goodsinfo .content_box .price_box .ori_price_coupon {height:30px;line-height:30px;margin-top:15px}
.goodsinfo .content_box .price_box .ori_price span {margin-left:5px;text-decoration:line-through}
.goodsinfo .content_box .price_box .cur_price span {color:#FF0000;margin-left:5px}
@media screen and (max-width:750px){.goodsinfo .content_box .price_box{/**min-width:350px;**/}}
.goodsinfo .content_box .why_buy {position:absolute;top:-10px;left:5px;background:url(../images/why.png) no-repeat;height:19px;width:105px;text-indent:-999px}
.goodsinfo .content_box .gobuy, .goodsinfo .content_box .buyover {background:url(../images/btn_go_h_1.png) no-repeat 0 0;height:42px;width:126px;display:block;position:absolute;right:-7px;top:20px}
.goodsinfo .content_box .gocoupon, .goodsinfo .content_box .buyover {background:url(../images/btn_go_h_1.png) no-repeat 0 0;height:42px;width:126px;display:block;position:absolute;right:-7px;top:20px}
.goodsinfo .content_box .gobuy {background:url(../images/btn_go_1.png) no-repeat 0 0; top:-10px}
.goodsinfo .content_box .goapp {background:url(../images/btn_go_app_1.png) no-repeat 0 0; top:35px;right:-7px;height:42px;width:126px;display:block;position:absolute;}
/**.goodsinfo .content_box .gobuy:hover {background:url(../images/btn_go_h_1.png) no-repeat 0 0;}**/
.goodsinfo .content_box .goapp:hover {background:url(../images/btn_go_app_h_1.png) no-repeat 0 0;}
.goodsinfo .content_box .buyover {background:url(../images/buy_over.png) no-repeat 0 0;}

.goodsinfo .content_right .recommend_info {line-height:25px;text-indent:30px;color:#8d8d8d}
.goodsinfo .content_right .recommend_info a:hover {text-decoration:underline}

.puzi .con{ width:250px}
@media screen and (max-width:750px){.puzi .con {width:100%}}
.puzi li{width:90px; height:68px; overflow:hidden; float:left; display:block; margin:5px 10px 6px 15px; white-space:nowrap; text-align:center}
.puzi li img{width:90px; height:45px;}
.puzi li a img{ padding:3px; display:block}
.puzi li a:hover img{ border:1px solid #EEEEEE; padding:1px;}
.puzi li a:hover{ text-decoration:none}

.tags{ border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; display:inline-block}
.tags a{display: inline-block;padding: 0 3px;}

/*---------- frame : footer ---------*/
.footer{margin-top:10px;height:98px;background:#FFFFFF;border-top:1px solid #E8E8E8;text-align: center;}
.footer .footnav{line-height:25px; height:25px;margin: 5px 0; }
.totop {position:fixed;_position:absolute; _top:expression((document.compatMode && document.compatMode=='CSS1Compat' ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight))-4);bottom: 10px;left:50%; margin-left:500px;z-index: 10000;width: 29px;}
.totop a {display: block;width: 29px;height: 29px;padding-top: 28px;background: url(../images/top.png) no-repeat;text-align: center;color: #888;}
.links{color:#333333;line-height:20px;}
.links a{ color:#999999;line-height:20px;}

.shop ul {width:260px; padding: 0}
.shop ul li {width:250px; padding: 5px; margin: 0;height:30px; line-height: 15px; text-align: left; clear: both}

.attr {width:89%px;}
.attr li {float:left; width:200px;height: 30px; line-height: 30px; overflow: hidden;}


.footer-nav{ text-align:center; color:#666666; padding:15px 0; border-top:0px #e7e7e7 solid;}
.footer-nav i{ padding:0 10px; font-style:normal; color:#c8c8c8;}
.footer-nav a{color:#676767;}.footer-nav a:hover{ color:#B90F0D;}
.footer .copyright{ text-align:center; color:#999999;}
.footer .copyright a{ color:#f69;}
.footer .saft-site{ height:46ppx; max-width:950px;padding:12px 0 0 0; overflow:hidden;zoom:1; margin:0 auto;}
.footer .saft-site a{ float:left; display:inline; width:116px; height:40px;}

.content-nav ul{ width: 100%;max-width: 660px;min-width: 300px;}
.content-nav ul .list {float: left; width: 24%; border-left:1px solid #ccc}
.content-nav ul .border-no {border: 0px;}

.sku {width: 100%; padding: 8px 10px;}

.h1title {font-size:13px; display: inline}

.coupon {font-size:15px;}

.goodsinfo .content_box .coupon-info{height:23px;width:115px;display:block;position:absolute;right:138px;top:-15px;background-color: #aa4b00; color: #ffffff;font-size:14px; padding:6px;}

.question-ul li{font-size: 14px; font-weight: bold; margin: 5px; clear:both; padding-right: 10px; width: auto;}
.question-ul .reply{float: right; cursor: pointer;font-size: 13px;color:#1b961b; text-decoration: underline}
.question_title .reply{float: right; cursor: pointer;font-size: 13px;color:#1b961b; text-decoration: underline;margin-right: 10px;}
.question-ul .answer {font-size: 13px; font-weight: normal; margin: 2px; height: auto; overflow: visible; line-height: 20px;text-indent: 2em;}

/**pop**/
#mry-mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(45, 45, 45); z-index: 100; opacity: 0.2; display: none; background-position: initial initial; background-repeat: initial initial; }
#mry-opo { position: fixed; z-index: 7000; left: 50%; top: 50%; -webkit-box-shadow: 1px 1px 2px 2px #C1C1C1; box-shadow: 1px 1px 2px 2px #C1C1C1; }
#mry-opo-title { height: 30px; font-size: 14px; padding-left: 10px; line-height: 30px; background-color: #f58384; color: #FFFFFF; font-weight: bold; }
#mry-opo-content { padding: 10px; }