@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

li {
    list-style: none;
    float: left;
}

img, a {
    display: block;
}

a {
    text-decoration: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img,
fieldset {
    border: none;
}


hr {
    clear: both;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: table;
    clear: both;
    height: 0;
}

.clearfix:after {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    font-family: "微软雅黑";
}

* html .clear {
    height: 1%
}

/*ie5+ie6*/
*:first-chile+html .clear {
    min-height: 1px;
}

/*ie7*/
#showimg {
    width: 90% !important;
    height: auto !important;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

body {
    background-color: #f5f5f5;
}



/* 头部 */
.shortcut {
    background-color: #f5f5f5;
    height: 35px;
    border-bottom: 1px rgb(238, 238, 238);
}

.shortcut .stLeft li {
    margin-right: 10px;
}

.shortcut li {
    height: 35px;
}

.shortcut a {
    height: 35px;
    line-height: 35px;
    color: #666666;
    font-size: 12px;
}

.shortcut .register a {
    color: #304EBC;
}

.shortcut .stRight .dt {
    padding: 0 10px 0 10px;
}

.shortcut .stRight .qrcode ul {
    display: none;
    /* right: 52px; */
    top: 17px;
    margin-left: -35px;
    position: absolute;
}

.shortcut .stRight .qrcode:hover ul {
    display: block;
    z-index: 99;
}

/* 头部导航栏 */
.header {
    width: 100%;
    height: 164px;
    padding-top: 18px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 10px rgb(230 230 230 / 75%);
}

.header .search {
    height: 40px;
    width: 522px;
    margin-top: 32px;
    margin-left: 140px;
    float: left;
}

.header .search input { padding-left: 10px;
    height: 34px;
    width: 406px;
    border: 2px #304EBC solid;
    float: left;
    outline: none;
}

.header .search button {
    height: 40px;
    width: 100px;
    background-color: #304EBC;
    border: none;
    margin-left: -2px;
    color: white;
    font-size: 18px;
    font-family: bold;
    cursor: pointer;
}

.cart {
    width: 150px;
    height: 40px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    margin-top: 32px;
    margin-right: 50px;
    box-sizing: border-box;
    padding: 0 16px 0 20px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.cart:hover {
    background-color: rgb(245, 245, 245);
}

.cart a {
    margin: 0 19px 0 10px;
    font-size: 12px;
    color: #666666;
}

.cart .count {
    font-size: 12px;
    line-height: 14px;
    background-color: rgb(234, 95, 22);
    color: #fff;
    -moz-border-radius: 7px 7px 7px 0px;
    border-radius: 7px 7px 7px 0px;
    min-width: 14px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 28px; display: none;
}

.hotwords {
    margin-left: 345px;
    /* margin-top: -22px; */
    width: 500px;
    overflow: hidden;
}

.hotwords a {
    display: inline-block;
    font-size: 12px;
    color: rgb(153, 153, 153);
    margin-right: 5px;
}

.nav ul {
    width: 880px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
}

.nav ul li {
    width: 70px;
    color: rgb(51, 51, 51);
    font-size: 15px;
    font-weight: bold;
    height: 39px;
    text-align: center;
    line-height: 35px;
    margin-right: 18px;
}

.nav ul li a {
    color: #666666;
}

.nav ul li.current {
    border-bottom: 2px solid #304EBC;
}

.nav ul li.current a {
    color: #304EBC;
}

/* 面包屑 */
.home_mbx {
    height: 40px;
    line-height: 40px;
    color: #999;
    clear: both;
    font-size: 12px;
}

.home_mbx p,
.home_mbx a {
    color: #999;
    display: inline-block;
}

.home_mbx span {
    margin: 0 5px;
    font-family: "simsun";
}


/* 底部 */
.footer .ft-1 {
    height: 300px;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    padding-top: 60px;
    box-sizing: border-box;
}

.footer .c {
    display: inline;
    float: left;
    width: 33.2%;
    position: relative;
    text-align: center;
}

.footer .c .ct {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px;
    line-height: 1;
}

.footer .c .c_tell {
    margin-top: 25px;
    font-size: 26px;
}

.footer .c .c_time {
    margin-top: 15px;
    margin-bottom: 35px;
    font-size: 14px;
}

.footer .c .c_a a {
    width: 100px;
    height: 28px;
    line-height: 26px;
    font-size: 14px;
    color: #333333;
    line-height: 24px\9;
    background-color: #fff;
    border: 1px solid #666;
    margin-right: 12px;
    border-radius: 2px;
    display: inline-table;
}

.footer .c .c_a a:hover {
    color: #fff;
    background: #666
}

.footer .c_2 {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.footer .c .c_p {
    padding-left: 37px;
    padding-right: 37px;
}

.footer .c .c_info {
    text-align: left;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 22px;
}

.footer .c .gz {
    line-height: 28px;
}

.footer .c .gz span {
    display: block;
    float: left;
    line-height: 28px;
    font-size: 14px;
    margin-right: 15px;
}

.footer .c .gz .kefu {
    margin-right: 15px;
    position: relative;
    padding-bottom: 10px;
}

.footer .c .gz .footer-icon {
    background-image: url(../image/index/icon-yxfoot-s312aa16e41-c9ac70fa0e.png);
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    font-size: 12px;
    word-spacing: normal;
    letter-spacing: normal;
    height: 32px;
    width: 32px;
}

.footer .c .gz .kefu_wb {
    background-position: 0 -326px;
}

.footer .c .gz .kefu_wx {
    background-position: 0 -428px;
}

.footer .c .gz .kefu_dy {
    background-position: 0 -470px;
    height: 32px;
    width: 32px;
}

.footer .c .gz .kefu-bd {
    position: absolute;
    display: none;
    top: 38px;
    left: -47px;
    width: 123px;
    padding-top: 5px;
}

.footer .c .gz .kefu-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);
}

.footer .c .gz .kefu-wrap .kefu-imgQR {
    width: 103px;
    height: 103px;
}

.footer .c .gz .kefu-wrap .icon-upAr {
    position: absolute;
    top: -7px;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url(../../static/image/public/footer/hxm_yanxuan-component_p_20170601_style_img_x1_icon-yxtop-s1ec226323c-5e4f7cf5a5.png);
    background-image: -webkit-image-set(url(../../static/image/public/footer/hxm_yanxuan-component_p_20170601_style_img_x1_icon-yxtop-s1ec226323c-5e4f7cf5a5.png) 1x, url(../../static/image/public/footer/hxm_yanxuan-component_p_20170601_style_img_x2_icon-yxtop-s4b76696bd6-801b2550ab.png) 2x);
    background-position: 0 -705px;
    height: 7px;
    width: 12px;
}

.footer .c .gz .kefu:hover .kefu-bd {
    display: block
}

.footer .c_3 img {
    width: 104px;
    height: 104px;
    margin: 0 auto;
    margin-bottom: 6px;
}

.footer .c_3 .word_c {
    color: #b4a078;
    font-size: 12px;
    margin-top: 3px;
}

.footer .ft-2 {
    height: 300px;
    padding-top: 37px;
    background-color: #414141;
    box-sizing: border-box;
}

.footer .ft-2-ensure {
    margin-bottom: 30px !important;
    overflow: hidden;
}

.footer .ft-2-ensure .ft-2-item .ft-2-inner {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    vertical-align: middle;
}

.footer .ft-2-ensure .ft-2-item .ft-2-icon {
    margin-right: 17px;
    background-image: url(../image/index/icon-yxfoot-s312aa16e41-c9ac70fa0e.png);
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    font-size: 12px;
    word-spacing: normal;
    letter-spacing: normal;
    height: 50px;
    width: 50px;
}

.footer .ft-2-ensure .ft-2-item .icon-netease {
    background-position: 0 -134px;
}
.footer .ft-2-ensure .ft-2-item .icon-wuyou {
    background-position: 0 -368px;
}

.footer .ft-2-ensure .ft-2-item .icon-quality {
    background-position: 0 -194px;
}


.footer .ft-2-ensure .ft-2-item-2 {
    margin: 0 170px;
}

.footer .ft-2-ensure .ft-2-item-3 {
    margin-right: 170px;
}

.footer .ft-2-hr {
    height: 1px;
    margin-bottom: 27px;
    background-color: #4f4f4f;
    border: 0;
}

.footer .ft-2-siteInfo {
    text-align: center;
    color: #999;
    position: relative;
}

.footer .ft-2-siteInfo .ft-2-nav {
    font-size: 12px;
    line-height: 1.5;
}

.footer .ft-2-siteInfo .ft-2-nav .ft-2-text {
    color: #999;
    display: inline-block;
}

.footer .ft-2-siteInfo .ft-2-nav .ft-2-text:hover {
    color: #fff
}

.footer .ft-2-siteInfo .ft-2-nav .ft-2-split {
    margin: auto 13px;
}

.footer .ft-2-siteInfo .ft-2-copyright {
    white-space: nowrap;
    margin: 11px 0;
}

.footer .ft-2-siteInfo .ft-2-copyright a,
.footer .ft-2-siteInfo .ft-2-copyright span {
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-right: 15px;
}

.footer .ft-2-siteInfo .ft-2-copyright a:hover,
.footer .ft-2-siteInfo .ft-2-police a:hover {
    color: #fff
}

.footer .ft-2-siteInfo .ft-2-police {
    padding-bottom: 11px;
    font-size: 12px;
}

.footer .ft-2-siteInfo .ft-2-police a {
    display: inline-block;
    color: #999;
}

.footer .ft-2-siteInfo .ft-2-police .ft-2-shield img {
    width: 23px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}


/* 侧边栏 */
.g-sub {
    width: 180px;
    z-index: 2;
    margin-bottom: 30px;
    background-color: #fff;
}

.g-main,
.g-sub {
    position: relative;
}

.g-main,
.g-sub {
    margin-top: 20px;
    margin-bottom: 80px;
    float: left;
}

.m-sideBar {
    border: 1px solid #eaeaea;
    padding-top: 24px;
    width: 180px;
}

.m-sideBar .m-sideItem {
    text-align: left;
    color: #333;
    margin-bottom: 40px;
}

.m-sideBar .m-sideItem .sideText {
    line-height: 18px;
    margin: 16px 0;
}

.m-sideBar .m-sideItem .hd {
    padding-left: 43px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.m-sideBar .m-sideItem .bd {
    text-align: left;
}

.m-sideBar .m-sideItem .bd li {
    float: none;
}

.m-sideBar .m-sideItem .bd .w-menu-item {
    font-size: 14px;
    display: block;
    padding-left: 41px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #666;
}

.m-sideBar .m-sideItem .bd .w-menu-item.active {
    color: #304EBC;
    border-left-color: #304EBC;
}

.m-sideBar .m-sideItem .bd .w-menu-item:hover{
    color: #304EBC;
}

/* 主体 */
.g-main {
    width: 1000px;
    margin-left: 20px;
    overflow: hidden;
    z-index: 1;
}


.fanye { display: block; text-align:center}
.pagination { display: inline-block; padding-left: 0; margin:0 auto 45px; border-radius: 4px; }
.pagination li { display: inline; }
.pagination li a,.pagination li span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; font-size:14px; 
    margin:0 4px; color: #333;}
.pagination li:first-child a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination li a:hover, .pagination li a:focus { background-color:#eee; }
.pagination .active span, .pagination .active span:hover, .pagination .active span:focus { z-index: 2; color: #fff; cursor: default; background-color: #ea5f16; border-color: #ea5f16; }
.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg li a { padding: 10px 16px; font-size: 18px; }
.pagination-sm li a, .pagination-sm li span { padding: 5px 10px; font-size: 12px; }

.clearfix:after{content:'';display:table;width:100%;clear:both}.myModa{z-index:999;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.2);z-index:5000}.myModa .myAlertBox{width:300px;border-radius:5px;border:1px solid #d9d9d9;background:#fff;overflow:hidden;margin:0 auto}.myModa .myAlertBox h6{background:#f2f2f2;padding:10px;line-height:20px;font-size:16px;text-align:center}.myModa .myAlertBox p{padding:20px;line-height:26px;font-size:14px;color:#808080}.myModa .myAlertBox .btn{cursor:pointer;width:80px;line-height:36px;border-radius:5px;text-align:center;font-size:16px;margin:0 auto 20px;background:#D9D9D9}.myModa .myAlertBox .col2 .col{width:120px;float:left}.myModa .myAlertBox .col2 .col .btn{width:100%}.myModa .myAlertBox .col2{padding:0 20px}.myToast{position:fixed;display:inline-block;padding:5px 10px;line-height:24px;font-size:14px;color:#fff;background:#000;max-width:300px;_width:expression(this.offsetWidth >300 ? '300px': 'auto' );*width:expression(this.offsetWidth >300 ? '300px': 'auto' );border-radius:5px}.myLoadding{border-radius:8px;position:fixed;max-width:280px;_width:expression(this.offsetWidth > 280 ? '280px': 'auto' );*width:expression(this.offsetWidth > 280 ? '280px': 'auto' );padding:10px;background:#8e8e8e;text-align:center;color:#323232}.myLoadding .loaddingImg{width:50px;height:50px;margin:0 auto;display:block}
.myLoadding .loaddingImg img{width:50px;height:50px;margin:0 auto;display:block}
.myLoadding img { display:inline}