@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: #eeecec; outline: medium none; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #ffffff; 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%;}
.public-head-layout { height: 80px;}

.main_img {
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1)), url(../images/background2.png);
    position: fixed;
    top: 30px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height:calc(100vh - 80px);
    width:100%;
}

.main_img .main_title {
    margin: 100px auto;
    text-align: center;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color:#085baf;
}
.main_footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
.main_img_jc {
    background: url(../images/jc.jpg);
    position: fixed;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height:calc(100vh);
    width:100%;
    /*background-size:100% 100%;*/
}
.main_img_jc .main_logo {
    margin: 100px auto;
}
.main_img_jc .main_title {
    margin: 200px auto;
    text-align: center;
    letter-spacing: 20px;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: #ffffff;
}

/*登录*/
.main_login{
    margin-top:24px ;
    height:384px;
    /*width:304px;*/
    background:#000067;
    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;
}

/*底部*/
.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;}


/*标准区块色彩风格*/
/*红色*/
.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; }