/************页面标题*******************/
.title-gold{ position: relative; background: url(../images/items-button.png) no-repeat ;height: 117px;top: -224px; z-index: 1}
.title-gold h1{ position: absolute; font-size: 24px; top: 38px; color: #ffd700; width: 316px; text-align: center; height: 74px; line-height: 74px;}

/*********公共样式 **********/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0;padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 15px; font-family: Verdana; }
body, input, select, button, textarea { font-size: 14px; font-family: Verdana,arial; }
button { cursor: pointer; }
a, a:link{ color: #000; text-decoration: none; }
a{ text-decoration: none; }
a:active, a:hover{ color: gold; }
a:focus { outline: none; color: gold; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
html.fixed { height: 1%; }
.clear { display: block!important; float: none!important;clear: both; overflow: hidden; width: auto!important; height: 0!important;margin: 0 auto!important; padding: 0!important; font-size: 0;           line-height: 0; }
.more { float: right; }
.more a {font-weight: normal; font-size: 12px; cursor: pointer; }
.fl{ display: inline; float: left; }
.fr{ float: right; }
body{ color: #1d1d1d; font-family: Verdana,arial; }
.red-star{ color: red;}
a.btn{ display: inline-block; color: #fff; cursor: pointer; }
select{ 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    height: 28px; 
    line-height: 28px; 
    font-size: 12px; 
    border-radius: 2px; 
    border: 1px solid #cdcdcd; 
    background: url(../images/rs-icon.png) no-repeat #fff; 
    background-position: right -37px top 10px; 
    min-width: 60px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding-right: 20px; }

.btn{
    background: #383852;
    font-size: 15px;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #383852;
    box-shadow: none;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
}
.rs-icon{ background: url(../images/rs-icon.png) no-repeat; }
.btn.current{ 
    color: #fff; 
    background: #973b13; 
    box-shadow: 0 1px 1px #e3784a inset; }
.btn:hover{ color: gold; }
.input-text,input[type="text"],input[type="password"]{  
    height: 28px; 
    line-height: 26px; 
    background: #fff; 
    box-shadow: 0px 0px px #acacac inset;
    border-radius: 2px; 
    border: 1px solid #cdcdcd; 
    padding: 0 5px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;}
.input-text:hover,input[type="text"]:hover,input[type="password"]:hover{ border-color: #ff9400; }
.input-text:focus,input[type="text"]:focus,input[type="password"]:focus{ border-color: #ff9400; }
.coin { background: url(../images/coin.png) no-repeat top center; display: inline-block; height: 35px; width: 40px; }
.goldTitle{padding-top: 6px;}

.input-num { width: 35px; text-align: center; margin: 0 5px;}

.sub-title {
    border-bottom: 1px solid #bbbbbb;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    font-family: "Arial";
    margin: 0 5px; 
    color: #fff;
}
.sub-title em.left-icon{ display: inline-block; width: 3px ;height: 20px ; background: #393939; float: left; margin: 5px 10px;  }
/*********** background ***********/
body{ background: #000;  z-index: -2 }
table { border-top: 1px solid #f5f5f5; padding: 15px; width: 100%;
}
/************ 头部***********/
#head{ background: url(../images/nav_bg.jpg) repeat-x top center ; font-family: Arial; box-shadow: 0px 10px 5px #000;  z-index: 1011; width: 100%; height: 146px;}
#head .top-box{ 
    width: 100%;
    height: 100%;
    position: relative;
}
/************  登录 ***********/

#head .top-box .head-top-nav{  
    width: 100%;
    height: 46px;
    line-height: 30px;
}
#head .top-box .head-top-nav span{ float: left; color: #e3e3e3; height: 30px ;line-height: 30px; }
#head .top-box .head-top-nav ul{  
    float: right;
    margin-top: 20px;
    margin-right: 355px;}

#head .top-box .head-top-nav ul li{ float: left; height: 30px; margin: 0 5px; position: relative; }
#head .top-box .head-top-nav > ul > li > a{ display: block; padding: 0 5px ; border-right: 1px solid #bebebe; font-size: 14px; line-height: 11px; color: #e3e3e3; }
#head .top-box .head-top-nav  ul li  a:hover{ color: gold; }

#head .top-box .head-top-nav > ul > li>.sub-nav{ display: none; background: #292929; position: absolute; top: 20px; right: -360px; z-index: 100; width: 110px; height: 103px; margin-top: 0px; } 
#head .top-box .head-top-nav > ul > li>.sub-nav>li{ height: 30px; line-height: 30px;  width: 100px; }
#head .top-box .head-top-nav > ul > li>.sub-nav>li>a{ display: block; padding: 0 15px; height: 30px; line-height: 30px; border-top: 1px solid #3b3b3b ;border-bottom: 1px solid #040404 ; color: #fff; 	 }
#head .top-box .head-top-nav > ul > li>.sub-nav>li>a:last-child{ border-bottom: 0px; }
#head .top-box .head-top-nav > ul > li>.sub-nav>li>a:hover{ color: gold; }
#head .top-box .head-top-nav > ul > li:hover .sub-nav{ display: block;}


/************  logo ***********/

#head .top-box .head-middle{    width: 100%;
    height: 100px;
    margin: 0 auto;}
#head .top-box .head-middle #logo{ float: left; margin-top: 28px;  }

/************  导航 ***********/
#head .top-box .head-bottom{ 
    width: 50%;
    padding-top: 36px;
   float: left;
}
.top-nav>li{ float: left ; font-size: 16px ;position: relative ;  }
.top-nav > li > a{ color: #fff; display: bloc; font-size: 18px ; font-weight: bold ; height: 45px ; line-height: 45px ; padding: 0 15px ; text-align: center ; }
.top-nav li a:hover{ color: #dca682 ; }
.top-nav li .currency{  position: absolute; top: 9px;right: -240px; }

.top-nav>li .sub-nav{ position: absolute; background: #292929 ;  display: none; z-index: 10;  top: 45px; left: 0px; padding-bottom: 10px; }
.top-nav>li .sub-nav li{ display: block;height: 30px; line-height: 30px; float: left;text-align: left; width: 200px; }
.top-nav>li .sub-nav li a{ color: #fff; display: block; font-size: 14px;  padding: 0px 15px; border-top: 1px solid #3b3b3b ; border-bottom: 1px solid #040404 ;}
.top-nav>li .sub-nav > li:first-child a{ border-top: 0px; }
.top-nav>li .sub-nav > li:last-child a{ border-bottom: 0px; }
.top-nav li .sub-nav  a:hover{ color: #dca682;}
.top-nav>li:hover .sub-nav{ display: block; }

/**************** main Area *****************/
#main{ width: 100%; background: url(../images/mian-bg.jpg) no-repeat top center; position: relative;}
#main .main-content{ width: 1000px;  min-height: 800px; margin: 0 auto; position: relative; background: #fff; }

#main .main-content .content { width: 66%; background: #fff; min-height: 655px; margin: 20px 20px  0; float: right; overflow: hidden;}
#main .main-content .outline-border{ border: 1px solid #bbbbbb; padding: 5px; margin-bottom: 15px; overflow: hidden; }
#main .main-content .content  .block-area{ padding: 0 10px; }
#main .main-content .content  .block-area > p{ font-size: 14px; line-height: 30px; }
/*********************left area***************************/
.main-content .left-nav{ width: 27%; float: left; padding-bottom: 20px; margin-left: 20px; margin-top: 20px;  }
.main-content .left-nav .menu a{ display: block; padding-left: 15%; width: 85%; height: 30px; line-height: 30px; font-family: 'Arial'; color: #000; border-bottom: 1px solid #bbbbbb;  cursor: pointer; }
.main-content .left-nav .menu a.rs-title{ color: #ce7d3e;font-weight: 700; font-size: 16px;	padding-left: 10%; width: 90%; }
.main-content .left-nav .menu a.rs-title:hover{ background: #eee; color: #000;}
.main-content .left-nav .menu a.title{  font-size: 15px;   border-top-left-radius: 9px; border-top-right-radius: 9px ; color: #e1e1e1 !important; background: #393939 ; }
.main-content .left-nav .menu a:hover{ color: #fff; background: #000; }
.main-content .left-nav .menu a:last-child{ border: none; }

.main-content .left-nav .left-row a.btn{ margin-left: 10px; }

.gold-search{ margin: 20px 0px ;}
.gold-search > .left-row{ margin: 10px 0 10px 10px ; overflow: hidden; } 
.gold-search > .left-row > em{ display: inline-block; font-size: 17px; font-weight: 700px; color: #000; font-family: arial; float: left; text-align: right; width: 60px; line-height: 30px; } 
.gold-search > .left-row > div{ margin-left: 10px; line-height: 30px; float: left; }
.gold-search > .left-row.price > div > *{ float: left;}
.gold-search > .left-row > div > select{ }
.gold-search > .left-row > div > input{ margin-right: 5px; line-height: 26px; }
.gold-search > .left-row > div > select.currency{ width: 60px; }
.gold-search > .left-row > div > a.btn-cart{ display: inline-block; margin-left: 10px;  }
.change-price{ background: #eee; color: #000; margin: 0px 10px 0 0; padding: 0 15px; line-height: 28px; }
.gold-search .price a.btn-cart{ display: inline-block; }


/*************** items *********************************/
/*************** items 选择服务区 **********/
.items-sever-area > a,.items-sort > a{ color: #fff; margin: 5px;  display: inline-block; padding: 0 5px; font-size: 14px;}
.items-sever-area > a:hover,.items-sort > a:hover{ color: gold; }
.items-sever-area, .items-sort{ position: relative; padding-left: 80px;}
.items-sever-area > span,.items-sort > span{ display: inline-block; width: 80px; line-height: 38px; text-align: right; position: absolute; left: 0; top: 0; font-weight: 700; }
.items-sever-area > a > em{ display: inline-block; width: 21px; height: 24px; background-position: -3px -295px; float: left; }
.items-sever-area,.items-sort{ margin: 10px 20px; }

/*************** items list**********/
.item-list{ padding: 20px 0px; font-size: 14px;}            
.item-list li { border-bottom: 1px solid #bbbbbb; padding: 0 5px; margin: 0 5px; overflow: hidden; min-height: 70px;}
.item-list li > div{ float: left; margin-top: 5px; margin-bottom: 5px;}
.item-list li .title { width: 55%; color: #5c5c5c; }
.item-list li .item-icon-show{ float: left; padding: 0px; border: 0px;text-align: center; background: url(../images/item-bg.png) no-repeat top center; width: 65px; height: 65px; 
                               border-radius: 3px; vertical-align: middle;}
.item-list li .item-icon-show img{ vertical-align: middle !important; }
.item-list li .item-icon-show i{ display: inline-block; width: 1px; height: 100%; vertical-align: middle; }
.item-list li .title > .item-content{ width: 76%; float: left; margin-left: 10px;}
.item-list li .title > .item-content .item-title{color: #7b4f17; }
.item-list li .title > .item-title{ width: 73%; float: left; margin-left: 10px; line-height: 48px; }
.item-list li .price { width: 12%; color: #ff0528; text-align: center; line-height: 48px;}
.item-list li .buy { float: right; margin-top: 15px;}
.item-list li .buy * { float: left;}
.item-list li .buy input{ width: 40px;}
.item-list li .title .mm-icon { float: left; display: block; width: 30px; height: 40px; background-position: -35px -140px; margin-top: 15px; }
.item-list li.page-list{ border-bottom: 0px;}
/*标题显示全部*/
.sub-content{ position: relative;}
.sub-content .content{ display: none; background: #d7d7d7; position: absolute; top: 0; left: 0; line-height: 25px; border: 1px solid #666; padding: 5px; width: 99%;}
.sub-content:hover .content{ display: block;}
/***************news ****************/
.hot-news{ margin-top: 20px; color: #171717; font-size: 14px; overflow: hidden; margin-bottom: 30px; }
.hot-news > .news-item{ margin: 10px 0; overflow: hidden; }
.hot-news > .news-item > .news-icon{ width: 200px; height: 125px;  border: 1px solid #828282; border-radius: 3px; vertical-align: middle; text-align: center; float: left; margin-right: 10px; }
.hot-news > .news-item > .news-icon i{ width: 1px; height: 100%; display: inline-block; vertical-align: middle; }
.hot-news > .news-item > .news-icon img{ vertical-align: middle;}
.hot-news .news-content{ line-height: 25px; float: left; overflow: hidden }
h4.title > a{ font-size: 16px;  font-weight: bold; color: #7b4f17; }
#main .main-content .hot-news > .news-item > .news-content{ width: 403px; }
/*************** Gold list ****************/

.gold-list{ color: gold; padding: 20px 0px; font-size: 14px;}   
.gold-list li .icon{ background: url(../images/gold.png) no-repeat; display: inline-block; width: 22px ; height: 23px; float: left; margin: 12px 5px 0  0; }         
.gold-list li { border-bottom: 1px solid #bbbbbb; padding: 0 5px; height: 48px; line-height: 48px; margin: 0 5px; overflow: hidden; }
.gold-list li > div{ float: left;}
.gold-list li .title{ width: 55%; color: #000; }
.gold-list li .price{ width: 12%; color: #ff0528;  line-height: 28px;}
.gold-list li .buy { float: right; }
.gold-list li .buy * { float: left;}
.gold-list li .buy input{ width: 40px; margin-right: 25px; }
.gold-list li .title .rs-icon { float: left; display: block; width: 25px; height: 22px; background-position: 2px -401px; margin-top: 15px;  margin-right: 5px; }
.gold-list li.page-list{ border-bottom: 0px;}
.gold-list li .price,.gold-list li .buy{ margin-top: 10px; }
.gold-list li:last-child{ border: 0px; }


/********************* page l-*9ist **********************/
.pg, .pgb { line-height: 26px; }
.pg { margin-bottom: 10px;}
.pg > div { margin-right: -6px; float: right; }
.pg span.current, .pg strong { background-color: #000; color: #fff; opacity: 0.3;}
.pg label { cursor: text;}
.pg a.nxt, .pgb a { padding: 0 10px;}
.pg .current, .pg a, .pg strong, .pgb a, .pg label { background-color: #fff; background-repeat: no-repeat; border: 1px solid #c2d5e3; color: #333; display: inline; float: left; height: 26px;     margin-left: 4px; overflow: hidden; padding: 0 8px; text-decoration: none; }
.pg label .px { height: 16px; line-height: 16px; padding: 0; width: 25px;}
.pg em { margin-left: 8px; margin-right: 5px;}
/*********************** text area ************************/

.text-area { padding: 20px; overflow: hidden; margin: 0 auto}
.text-area .title {font-size: 19px; color: gold; line-height: 30px;}
.text-area>li.block { float: left; width: 400px; margin-left: 25px;}

/************************* footer ***************************/

#footer{ background: #fff;  height: 400px; width: 100%; overflow: hidden; margin-top: 20px;}
.links{ margin: 50px auto; width: 1000px;  }
.links > a{display: inline-block; color: #2b1e0a; margin: 20px; font-weight: 600}
.footer-box { margin: 80px auto; padding-left: 140px; width: 1010px;}
.footer-box li a { color: #2b1e0a; font-size: 16px; margin: 0 23px;}
.footer-box li:hover a{ color: #FF2F32;}
.footer-box ul { float: left; line-height: 30px; width: 1000px; margin: 20px 0px;}
.footer-box ul li{ float: left;}
.footer-bottom{ margin: 20px auto; }
#footer .bottom{ color: #2b1e0a; font-size: 20px; line-height: 40px; text-align: center; }

/*************************** Sign in *************************/
.login-form{
    background: #fff;
    border-radius: 5px;
    cursor: default;
    padding: 5px;
    width: 400px;
    height: 250px;
    margin-top: 180px;
}
.login-form .content-box{ margin: 10px; border: 1px solid #bbbbbb;  height: 230px; border-radius: 5px; }
.login-form input {
    background: #fff;
    border: 1px solid #adadad;
    color: #7d7d7d;
    height: 32px;
    margin: 10px;
    line-height: 32px;
    padding-left: 10px;
    width: 220px;
}
.form-content{ padding-top: 20px; }
.form-content em{ display: inline-block; width: 75px; text-align: right;  }
.login-form .action{ text-align: center; padding-right: 15px;  margin-left: 20px; margin: 15px 0 0 77px; }
.login-form .submit, .login-form .signup, .tips-form .action a {

    margin: 5px;
    width: 105px;
}

.login-form .close, .tips-form .title .close {
    font-size: 13px;
    line-height: 16px;
    padding: 15px;
    position: absolute;
    right: 13px;
    top: 188px;
}
.login-form .close:hover{ color: red; }
.tips-form{    background: #fff;
               border-radius: 5px;
               cursor: default;
               padding: 5px;
               width: 532px;
               height: 185px;}
.tips-form .content{ margin-top: 30px;  }
.tips-form .content-box{ border: 1px solid #c9c9c9; margin: 10px;  border-radius: 5px; height: 165px; }			
.tips-form .action { margin-top: 50px; text-align: center; }	  
/**************************** Shopping Cart ***************************/
.shop-cart{
    float: left;
    margin-left: -28px;
    margin-top: 35px; padding: 2px; z-index: 999; border-radius: 5px 5px 0 0; color: #fff; }
#carinfo .cart-title{ height: 20px; line-height: 20px; margin: 9px 5px 9px;}
#carinfo .cart-title em{ color: #fff; display: inline-block; }
#carinfo .cart-title i.close{ display: inline-block; float: right; height: 10px; width: 20px; background: url(../images/rs-icon.png) no-repeat -3px -474px !important; cursor: pointer;}
#carinfo .cart-title>i.action{ display: inline-block; float: right; height: 10px; width: 20px; background: url(../images/rs-icon.png) no-repeat -3px -427px; cursor: pointer; margin-top: 6px;}
#carinfo .cart-main{ padding: 3px 8px 8px; background: #fff; border-radius: 5px;position: fixed;z-index: 9999;}
#carinfo .cart-main li{ padding: 5px 0 0; border-bottom: 1px dashed #e1e1e1; overflow: hidden;}
#carinfo .cart-main li em{ float: left;}
#carinfo .cart-main p{ height: 25px;}
#carinfo .name{ width: 262px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; }
#carinfo .name img{ height: 16px; margin: 0 3px 0 0; width: 16px; }
#carinfo .price{ width: 140px; color: #ff0528; }
#carinfo .num{ width: 74px;color: #ff0528;}
#carinfo .delete{ float: right; height: 20px; width: 20px; border: 0; cursor: pointer;line-height: 20px;border-radius: 3px; padding-left: 2px;}
#carinfo .delete:hover{ color:#fff;background: #6a6a8d}
#carinfo .sum{ margin: 5px 0; padding: 5px; color: #000;font: 18px arial; text-align: right; background: #f2f2f2; border-radius: 5px}
#carinfo .sum .cart-amount{color: #ff0528}
#carinfo .action-btn{ text-align: center; margin: 6px 0 3px; width: 225px; color: #fff; font: bold 12px/24px arial;cursor: pointer;border: 0;border-radius: 5px; 
                      display: inline-block; height: 34px; line-height: 34px;margin-left: 25px;}
#carinfo .action-btn:hover{ background: #870000;}
#carinfo .footer{ background: url(../images/cart-foot.jpg) repeat; text-shadow: 0 1px 1px #04070a; min-width: 1350px}
#carinfo .t-c{
    text-align: center;
}
/**********************************livechat *****************************************************/
.live-chat{ height: 284px; width: 54px ;font-size: 16px; color: #fff; position: fixed; top: 287px; right: 0px;}
.live-chat > a { width: 290px; height: 35px; line-height: 35px; position: relative; top: 0; left: 0; padding-left: 70px; color: #fff; overflow: hidden; 
                 display: block ; background: url(../images/rs-icon.png) no-repeat top center #6a6a8d; margin: 5px 0; }
.live-chat .chat{ background-position: 12px -63px; }
.live-chat .skype{ background-position: 15px -112px; }
.live-chat .email{ background-position: 18px -155px;  }
.live-chat .facebook{ background-position: 19px -197px;  }
.live-chat .twitter{ background-position: 18px -245px;}
.live-chat .goole{ background-position: 18px -289px;}
.live-chat .youtube{ background-position: 13px -342px; }