@charset "utf-8";
/* CSS Document */

/* ===============
 * 重新定义Html元素
 * =============== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0; }
pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
ul, ol { list-style: none outside none; }
fieldset, img { border: medium none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
body { font: 16px/1.5 "Microsoft Yahei", arial, 宋体, "Helvetica Neue", Helvetica, STHeiTi, "Hiragino Sans GB",sans-serif; color: #666666; background: #FFF none repeat scroll 0 0; margin: 0; padding: 0; }
a { color: #555; outline: medium none; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #E4393C; text-decoration: none; }
i, cite, em { font-style: normal; }
/* ==========================
 * 为旧版本浏览器格式化Html5元素
 * ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }
/* ==========================
 * 常用宽度、高度、边距、边框属性
 * ========================== */
@media (min-width: 1411px) {
.wrapper { width: 1400px; margin: auto; }
}

@media (min-width: 1230px) {
.wrapper { width: 1200px; margin: auto; }
}

@media screen and (min-width: 1000px) and (max-width: 1229px) {
.wrapper { width: 990px; margin: auto; }
}

/*.wrapper { width: 1200px; margin: auto; }*/
.w { width: 100% }
.fl { float: left; }
.fr { float: right; }
.block { display: block; }
.none { display: none; }

.footer-line { border-top: 4px solid #e7e7e7; font-family: "微软雅黑"; margin-top:20px; padding: 0; }

/* 公用头部区域
-------------------------------------- */
.header-wrap { background-color: #FFF; width: 100%;}
.header-fixed-top {top: 0; border-width: 0 0 1px;position: fixed;right: 0;left: 0;z-index: 99;}
.public-head-layout { height: 80px;}

/* 公用导航区域
-------------------------------------- */
/* 公用导航区域*/
.public-nav-layout { background: #ffffff; height: 60px; margin-bottom: 10px; position: relative; z-index: 99;}
/* 站点logo */
.public-nav-layout .site-logo { width: 400px; height: 70px; float: left;}
.public-nav-layout .site-logo img { max-width: 340px; max-height: 40px;margin-top: 18px;float: left}
.public-nav-layout .site-logo .brand-title { line-height: 82px;font-size: 24px; margin-left:10px;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}
/*站点导航菜单*/
.public-nav-layout .site-menu { font-size: 0; *word-spacing:-1px/*IE6、7*/; white-space: nowrap; max-width: 988px; margin-top: 5px; float: right; overflow: hidden;}
.public-nav-layout .site-menu li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; *zoom: 1;}
.public-nav-layout .site-menu li a {  font-size: 16px; font-weight: normal; line-height: 60px; color: #656565; height: 60px; padding: 0 24px; display: inline-block; *display:inline/*IE6、7*/; zoom:1;}
.public-nav-layout .site-menu li a:hover { text-decoration: none; color: #ffffff; font-weight:bold; background-color: #ffc7c8;}
.public-nav-layout .site-menu li a.current { font-weight: 600; color: #ffffff; background-color: #ff4e4e;}

/* 首页-新闻及Tab切换*/
.news-bar {display: flex;}
.news-bar .carousel {width: 426px;display: inline-block;float: left;}
.news-bar .news-tab { flex:1;display: inline-block;float: left;}
.news-bar:after {content: "";display: block;height: 0;clear:both;visibility: hidden;}

.mall-news { }
.mall-news ul {}
.main-news a {text-decoration: none;}
.mall-news ul li .news-title{ line-height: 30px; text-overflow: ellipsis; white-space: nowrap;  padding: 1px 0; overflow: hidden; display:inline-block; float: left;}
.mall-news ul li .news-time { font-family: Tahoma, Geneva, sans-serif; color: #999; padding: 1px 0; margin-left: 6px; display: inline-block;float: right; }
.mall-news ul li:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
/* 文章 */
.article { margin-bottom: 10px;min-height: 450px;max-width: 650px;}
.article .title {font-family: "microsoft yahei", Tahoma, Arial; font-size: 32px; text-align: center; line-height: 46px; color: #1b1b1b; padding: 0 6px 0 4px; margin-left: 2px;}
.article .sub-title {font-size: 22px; text-align: center; line-height: 30px; color: #1b1b1b;  padding: 4px 6px 0 4px; margin-left: 2px;}
.article .time {font-size: 14px; text-align: right; line-height: 30px; color: #1b1b1b;  padding: 0 6px 0 4px; margin-left: 2px;}
.article .avatar { text-align: center; margin:0 auto;display:block}
.article .content {font-family: "microsoft yahei", Tahoma, Arial; font-size: 18px; line-height: 46px; color: #2b201e; padding: 0 6px 0 4px; }
.article .line { border-top: 1px solid #bfbfbf; font-family: "微软雅黑"; margin-top:20px; padding: 0; width: auto; }
.tabs-hide { display: none !important; }
/*文章首页*/
.article-type-bar p { background-color: #F9F9F9; border-bottom: solid 1px #E7E7E7; height: 58px;}
.article-type-bar p span { text-align: center; display:inline-block; height:30px; padding: 14px 5px;}
.article-type-bar p span { *display:block; *float:left;}
.article-type-bar p a { line-height: 16px; color: #777; padding: 2px;}
.article-type-bar p a:hover { text-decoration: none; color: #FFF; background-color: #999; border-radius: 4px;}
.article-type-bar .selected {text-decoration: none; color: #FFF; background-color: #b3b3b3; border-radius: 4px;height:25px; padding: 1px 5px}

.article_list {font-family: "microsoft yahei", Tahoma, Arial;font-size: 18px;line-height: 36px;}
/*方块*/
/*通栏*/
{ overflow: hidden; }
.cross-layout { width: 100%; float: left; border-bottom: solid 1px #F0F0F0; }
.cross-panel { width: 100%; overflow: hidden; }
.cross-panel ul { width: 100%; margin-left: -1px; overflow: hidden; }
.cross-panel ul li { width: 25%; height: 285px; padding: 15px 0 0; border-left: dotted 1px #F0F0F0; float: left; overflow: hidden; }
.cross-panel dl { position: relative; z-index: 1; }
.cross-panel dl dt.goods-name { font-family: Tahoma, Geneva, sans-serif; line-height: 16px; height: 32px; position: absolute; z-index: auto; top: 214px; left: 0; overflow: hidden; }
.cross-panel dl dd.goods-thumb { width: 25%; height: 210px; position: absolute; z-index: auto; top: 0; left: 0; }
.cross-panel dl dd.goods-thumb a { text-align: center; vertical-align: middle; display: table-cell; *display: block;
    width: 210px; height: 210px; overflow: hidden; }
.cross-panel dl dd.goods-thumb img { max-width: 210px; max-height: 210px; margin-top:expression(210-this.height/2);
    *margin-top:expression(80-this.height/2);
}
.tabs-panel dl dd.goods-price { line-height: 20px; color: #999; position: absolute; z-index: auto; top: 200px; left: 0; }
.tabs-panel dl dd.goods-price em { font-size: 14px; vertical-align: middle; }


/*登录*/
.main_login{
    margin-top:74px ;
    height:384px;
    width:304px;
    background:#ffffff;
    border-top-style:solid;
    border-top-color:red;
}
.main_member{
    margin-top:10px;
    font-size:18px;
    text-align: center;
}
.btn_btn{
    width:100px;
    height:36px;
    background: #FF6600;
    color: #ffffff;
    border: none;
}
.login_index{
    margin-left:30px;
}
.login_index img{
    margin-left: 18px;
}
.pass{
    margin-top:10px;
}
.pass span a{
    color:#FAAE36
}
.hr-left{
    width:25%;
    float:left;
    height:1px;
    border:none;
    border-top:1px solid #C8C8C8;
}
.hr-right{
    width:25%;
    float:right;
    height:2px;
    border:none;
    margin-right:1px;
    border-top:1px solid #C8C8C8;
}

.open_auth {
    margin-top: 10px;
    /*height: 34px;*/
    font: 20px/34px "microsoft yahei", sans-serif;
    /*color: #fff;*/
    text-align: center;
}


/*注册*/

.line{
    width:238px;
    height:1px;
    padding:0px;
    background-color:#D5D5D5;
    overflow:hidden;
    margin-top:30px;
}
.line_left{
    margin:0 15px 0 15px
}
.main_index{
    height:800px;
    background:#FFFFFF;
    background:url(../images/registered_bj.png);
    background-repeat:no-repeat;
    background-position: top
}
.main_register{margin-top: 68px;
    margin-left:90px;
    height:182px;
    width:1010px;
    padding:16px 22px 0 22px;
    background-color: #F0F9FF
}
.register{
    background-color: #FFFFFF;
    height:676px;
}
.input-form {margin-left: 70px;
    font-size: 20px;
    margin-top:30px;
    color:black;
}
.input-form input{
    margin-left:35px;
    width:360px;
    height: 52px;
    border:1px solid #DCDCDC;
    font-size: 16px;
    padding-left: 10px
}
.extens{
    float: left;
    margin-top: -5px;
    color:black;
}
.extens_one{
    float:left;
    margin-left:10px;
    width:40px;
    height:20px;
    line-height: 20px;
    border:1px solid #000;
    background: #808080;
    color:#FFFFFF;
    font-size:10px;
    text-align:center;
    padding-top: -20px !important;
}
.extens_two{
    float:left;
    margin-left:10px;

    width:40px;
    height:20px;
    line-height: 20px;
    border:1px solid #000;
    background: #808080;
    color:#FFFFFF;
    font-size:12px;
    text-align:center
}
.extens_three{
    float:left;
    margin-left:10px;
    width:40px;
    height:20px;
    line-height: 20px;
    border:1px solid #000;
    background: #808080;
    color:#FFFFFF;
    font-size:10px;
    text-align:center
}
.read{
    text-align: center;
    margin-top:36px;
}
.read_member{
    margin-left:30px;
    color:#FF6600
}
.read span{
    margin-left: 5px
}
.code{
    float:right;
    margin-right:100px;
    width:100px;
    height:52px
}
.code_button{
    background:#FF6600;
    float:right;
    margin-right:100px;
    width:100px !important;
    height:52px
}
.password_button{
    background:#FF2C4C;
    color: #FFF !important;
    width:100px !important;
    height:30px;
    font-size:10px !important;
    margin-left:20px !important
}
.password_submit{
    background:#FF2C4C;
    float: left;
    margin-left:100px;
    width:150px !important;
    height:30px;
    line-height: 15px !important;
    color:#FFF;
    border:none;
    border-radius: 20px
}
.btn_register{
    width:360px;
    height:73px;
    margin-left:85px;
    background: #FF6600;
    color: #ffffff;
    font-size:20px;
    border: none;
    border-radius: 15px;
}
.back{
    background-color: #fff
}
.account{
    font-size: 16px;
    color:black;
}
.account_login{
    margin-top: 50px;
    color:black;
}
.account_img{
    margin-top:30px;
    margin-left: -50px
}
.account_img img{
    margin-left:50px;
}
.account_img p{
    float:left
}
.account_font{
    margin-top:5px;
    margin-left: 0px;
    width:300px;
    font-size: 12px;
}
.account_font p{
    margin-top:5px;
    color:#FF6600;
    float:left;
    width:33.3%;
}
.bottom{
    width:1100px;
    margin:0 auto;
    border-top:1px solid #D0D0D0;
    background-color: #FFF
}

.code_button{
    background:#FF6600;
    float:right;
    margin-right:100px;
    width:100px;
    height:52px
}

.topic {
    /*background: url(/default/index/images/res-bg-1.png);*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background: #4d80a1;*/
}

.topic .grid-normal {
    position: relative;
    /*height: 800px*/
}

/*其他页面页头*/
.topic .grid-nav {
    position: relative;
    height: 200px;
    margin-bottom:20px;
}

.topic .title {
    padding-top: 36px
}

/*.topic .title h1 i {*/
/*    background-image: url(/images/youcai/personal/sprite.png);*/
/*    background-repeat: no-repeat*/
/*}*/

.topic .title h1 {
    margin: auto;
    width: 100%;
    height: 70px;
    text-align: center;
    font: 36px/56px "microsoft yahei", sans-serif;
    color: #fff
}

.topic .title h1 strong {
    margin-right: 5px;
    color: #dec20f;
    font-weight: 400
}

/*.topic .title h1 i {*/
/*    display: inline-block;*/
/*    margin-left: 10px;*/
/*    height: 80px;*/
/*    width: 45px;*/
/*    vertical-align: middle;*/
/*    background-position: -790px 0*/
/*}*/

/*.topic .title p {*/
/*    margin-top: 50px;*/
/*    height: 34px;*/
/*    font: 20px/34px "microsoft yahei", sans-serif;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*}*/

/*.topic .title p em {*/
/*    margin: 0 5px;*/
/*    font-style: normal;*/
/*    color: #fff064*/
/*}*/

.feature {
    /*background-color: #e3e3e3*/
}

/*宽幅*/
.feature .grid-big {
    min-height: 700px;
    padding: 165px 132px 0 132px;
    text-align: justify;
}
.feat-big-lst li {
    display: inline-block;
    width: 410px;
    height: 370px;
    vertical-align: middle
}
.feat-big-lst h3 {
    margin-top: 14px;
    font: 400 24px/1.5 "microsoft yahei", sans-serif;
    text-align: center;
    color: #1267a1
}

.feat-big-lst .feature-detail {
    margin-top: 10px;
    font: 400 14px/1.5 "microsoft yahei", sans-serif;
    text-align: left;
    color: gray
}

.img {
    display: block;
    margin: auto;
    margin-left: 20px;
    float:left;
    background-repeat: no-repeat;
}

/*grid列*/
.feature .grid-normal {
    height: 600px;
    padding: 165px 132px 0 132px;
    text-align: justify;
}

.feat-lst {
    font-size: 0;
    text-align: center \0
}

.feat-lst:after {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 0;
    content: '\0020';
    vertical-align: top
}

.feat-lst li {
    display: inline-block;
    width: 210px;
    height: 270px;
    vertical-align: middle
}

.feat-lst .sign {
    display: block;
    margin: auto;
    width: 150px;
    height: 160px;
    background-image: url(/default/index/images/sprite.png);
    background-repeat: no-repeat
}

.feat-lst h3 {
    margin-top: 14px;
    font: 400 24px/1.5 "microsoft yahei", sans-serif;
    text-align: center;
    color: #424242
}

.feat-lst .feature-detail {
    margin-top: 10px;
    font: 400 14px/1.5 "microsoft yahei", sans-serif;
    text-align: center;
    color: gray
}

.feature-1 .sign {
    background-position: -236px -108px
}

.feature-2 .sign {
    background-position: -388px -108px
}

.feature-3 .sign {
    background-position: -538px -108px
}

.feature-4 .sign {
    background-position: -690px -108px
}


/*底部*/
.footer{ margin-top:20px;}
.footer-main{
    background-color:#e5e5e5;
    padding-bottom:30px;
    padding-top:30px;
    height: 120px;
}
.footer-main-left{
    float:left;
}
.footer-main-left ul{
    list-style:none;
    padding:0px;
    margin:0px;
}
.footer-main-left ul li{
    float:left;
    margin-left:30px;
}

.footer-main-left .title{
    margin-bottom:20px;
}
.footer-main-left .title a{
    font-size:16px;
    color:#333;
}
.footer-main-left a{
    color:#999999;
}
.footer-main-right{
     float:right;
    margin-right: 20px;
 }
.footer-bottom{ border-top:1px solid #ff2c4c; background-color:#f0f0f0; text-align:center; line-height:28px; color:#999999}

.wap-erweima{ float:left; text-align:left;margin-left: 20px;}
.wx-erweima{ float:right; text-align:left;margin-left: 20px;}


/*个人中心*/
.user-center{
    margin-left: 0px;
}
.user-title{
    margin-top: 15px;
    font-size: 16px;
    border-bottom:1px solid #D0D0D0;
    /*width: 925px;*/
    padding-bottom: 10px;
}
.user-title span{
    color:#FF2C4C;
    font-weight: bold;
    border-bottom:3px solid #FF2C4C;
    padding-bottom: 10px;
}
.user-content{
    margin-top: 12px;
    background-color: #FFF;
    padding-top:5px;
    /*height: 695px;*/
}

.information{
    float: left;
    width:830px;
    /*height: 120px;*/
    padding-top: 25px;
    margin:25px 20px 5px 40px;
    background: #F9F9F9;
}

.information img{
    padding-left: 60px;
    float: left;
}
.information-text{
    float:left;
    margin-left: 30px;
}
.information-text p span{
    margin-left: 50px;
    font-weight: bold;
    font-color:black;
}
.information-right{
    float: right;
    margin-right: 250px;
    margin-top: 20px;
    color: #FF2D4B;
}
.information-title{
    font-size:16px;
    font-weight:bold;
    height:50px;
    background-color: #FFF;
    padding-top:15px;
    margin-left:20px;
    margin-right:25px;
    /*	border-bottom:1px solid #D0D0D0;*/
}
.information-title span{
    padding-left: 5px;
    border-left:3px solid #ff2c4c;

}
.login-time{
    color:#808080;
    font-size:12px
}
.safety{
    float: left;
}
.safety-left{
    margin-top: 45px
}
.safety-left img{
    margin-left: 8px
}
.safety-font{
    margin-top:10px;color:#808080
}
.safety-pass{
    float: right;
    margin-right: 20px;
    margin-top: -65px;
}
.safety-center{
    margin-top: 50px;
    padding: 0 10px 0 10px;
}
.safety-right{
    margin-top: 50px;
}
.safety-center p{
    text-align: center;
}
.safety-button{
    border:1px solid 	#D0D0D0;
    background-color: #fff;
    border-radius: 20px;
    width:130px;
    height: 30px;
    color: #808080;
}
.bottom-line{
    width:780px;
    margin-top:110px;
    margin-left:90px;
    padding:10px 10px 5px 10px;
    border-bottom:1px solid #D0D0D0;
}
.bottom{
    border-bottom:1px solid #D0D0D0;
}









/*标准区块色彩风格*/
/*红色*/
.style-red .left-sidebar, .style-red .right-sidebar { background-color: #C1392B; }
.style-red .left-ads { }
.style-red .recommend-classes li a { border-color: #C74D41 transparent #AD3327 transparent; }
.style-red .left-sidebar .title .txt-type span, .style-red .middle-layout .tabs-selected { color: #C1392B; border-color: #C1392B; }
.style-red .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #C1392B transparent; }
/*橙色*/
.style-orange .left-sidebar, .style-orange .right-sidebar { background-color: #E77E23; }
.style-orange .left-ads { }
.style-orange .recommend-classes li a { border-color: #EB9144 transparent #C56B1E transparent; }
.style-orange .left-sidebar .title .txt-type span, .style-orange .middle-layout .tabs-selected { border-color: #E77E23; }
.style-orange .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #E77E23 transparent; }
/*棕色*/
.style-brown .left-sidebar, .style-brown .right-sidebar { background-color: #8C4600; }
.style-brown .left-ads { }
.style-brown .left-sidebar .recommend-classes li a { border-color: #A36B33 transparent #7E3F00 transparent; }
.style-brown .left-sidebar .title .txt-type span, .style-brown .middle-layout .tabs-selected { border-color: #8C4600; }
.style-brown .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #8C4600 transparent; }
/*绿色*/
.style-green .left-sidebar, .style-green .right-sidebar { background-color: #27AE61; }
.style-green .left-ads { }
.style-green .left-sidebar .recommend-classes li a { border-color: #52BE81 transparent #239C57 transparent; }
.style-green .left-sidebar .title .txt-type span, .style-green .middle-layout .tabs-selected { border-color: #27AE61; }
.style-green .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #27AE61 transparent; }
/*蓝色*/
.style-blue .left-sidebar, .style-blue .right-sidebar { background-color: #3598DC; }
.style-blue .left-ads { }
.style-blue .left-sidebar .recommend-classes li a { border-color: #5DADE3 transparent #3089C6 transparent; }
.style-blue .left-sidebar .title .txt-type span, .style-blue .middle-layout .tabs-selected { border-color: #3598DC; }
.style-blue .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #3598DC transparent; }
/*粉色*/
.style-pink .left-sidebar, .style-pink .right-sidebar { background-color: #FF7373; }
.style-pink .left-ads { }
.style-pink .left-sidebar .recommend-classes li a { border-color: #FF8F8F transparent #E56767 transparent; }
.style-pink .left-sidebar .title .txt-type span, .style-pink .middle-layout .tabs-nav .tabs-selected { border-color: #FF7373; }
.style-pink .middle-layout .tabs-nav .tabs-selected i { display: block; border-color: transparent transparent #FF7373 transparent; }
/*紫色*/
.style-purple .left-sidebar, .style-purple .right-sidebar { background-color: #9C59B8; }
.style-purple .left-ads { }
.style-purple .left-sidebar .recommend-classes li a { border-color: #B07AC6 transparent #8C50A5 transparent; }
.style-purple .left-sidebar .title .txt-type span, .style-purple .middle-layout .tabs-selected { border-color: #9C59B8; }
.style-purple .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #9C59B8 transparent; }
/*浅色*/
.style-default .left-sidebar, .style-default .right-sidebar { background-color: #F5F5F5; height: 539px; border-bottom: solid 1px #DDD; }
.style-default .left-ads { }
.style-default .recommend-classes { height: 219px; }
.style-default .left-sidebar .recommend-classes li a { color: #555; text-align: left; border-color: transparent; text-shadow: none; }
.style-default .left-sidebar .recommend-classes li a:hover { color: #d93600; text-decoration: underline; background-color: transparent; }
.style-default .left-sidebar .title .txt-type span { color: #AAA; border-color: #AAA; }
.style-default .middle-goods-list { border-left: solid 1px #DDD; }
.style-default .middle-layout .tabs-selected { border-color: #d93600; }
.style-default .middle-layout .tabs-selected i { display: block; border-color: transparent transparent #d93600 transparent; }
.style-default .recommend-classes ul li a { color: #777; }
.style-default .right-side-focus .pagination span { background-color: #d93600; }