body{font-size: 12px;color: #222;background: #F2F5F7;}
/* #header {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 40px;
    background-color: #333;
}

#header .center {
    width: 1226px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .center ul li a {
    display: flex;
    align-items: center;
    height: 12px;
    font-size: 14px;
    color: #b0b0b0;
    padding: 0 8px;
    border-right: 1px solid #b0b0b0;
}

#header .center ul li:last-of-type a {
    border-right: none;
}

#header .center .fl {
    flex-shrink: 0;
    display: flex;
    width: 680px;
}

#header .center .fr {
    display: flex;
    height: 40px;
}

#header .center .fr .user {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    position: relative;
}

#header .center .fr .user:hover .username {
    color: #1baeae;
    background-color: #fff;
}

#header .center .fr .user:hover .selector {
    padding: 7px 0;
    height: 120px;
}

#header .center .fr .user .username {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #b0b0b0;
    position: relative;
    z-index: 201;
}

#header .center .fr .user .selector {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    z-index: 200;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    height: 0;
    background-color: #fff;
    overflow: hidden;
    transition: all 0.2s;
}

#header .center .fr .user .selector li {
    width: 100%;
    height: 24px;
    margin-top: 4px;
}

#header .center .fr .user .selector li:hover a {
    color: #1baeae;
    background-color: #fafafa;
}

#header .center .fr .user .selector li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    padding: 0;
    border: 0;
}

#header .center .fr .login {
    display: flex;
    align-items: center;
    width: 98px;
    height: 40px;
}

#header .center .fr .login li a {
    display: flex;
    align-items: center;
    height: 12px;
    font-size: 12px;
    color: #b0b0b0;
    padding: 0 8px;
    border-right: 1px solid #b0b0b0;
}

#header .center .fr .login li:last-of-type a {
    border-right: none;
}

#header .center .fr .shopcart {
    display: flex;
    width: 120px;
    font-size: 12px;
    color: #fff;
    margin: 0 20px;
    justify-content: center;
    align-items: center;
    background-color: #1baeae;
} */


#nav {
    width: 100%;
    /* margin: 0 auto; */
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
}

#nav .banner_x {
    width: 1226px;
    height: 100%;
    display: flex;
}

#nav .banner_x > a {
    display: block;
    height: 100%;
}

#nav .banner_x .logo {
    display: flex;
    align-items: center;
}

#nav .banner_x .logo img {
	width:70px;
	margin-right:10px;
}

#nav .banner_x .logo .title{
	font-size:30px;
	color:#1FAFAF;
}

#nav .banner_x .icon-search {
    width: 100px;
    text-indent: -10000px;
    background: url("../image/search.png") no-repeat;
    background-size: 50%;
    background-position: center;
}

#nav .banner_x .list {
    display: flex;
    height: 100%;
    margin-left: 24px;
}

#nav .banner_x .list a {
    color: #1baeae;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

#nav .banner_x .list img {
    margin-left: 4px;
    height: 16px;
    width: 16px;
}

#nav .banner_x .list > li {
    display: flex;
    align-items: center;
    margin: 0 10px;
    font-size: 20px;
}

#nav .banner_x .fr {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    flex-grow: 1;
}

#nav .banner_x .fr .button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

#nav .banner_x .fr .button:active {
    background-color: #1baeae;
    color: #fff;
}

#nav .banner_x .fr .search {
    position: relative;
}

#nav .banner_x .fr .search .text {
    box-sizing: border-box;
    width: 250px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 0 10px;
}

#nav .banner_x .fr .search .text:focus {
    outline: none;
    border: 1px solid #1baeae;
}

#nav .banner_x .fr .search .text:focus ~ .keyword_list {
    display: block;
}

#nav .banner_x .fr .search .search_hot {
    position: absolute;
    top: 16px;
    right: 12px;
}

#nav .banner_x .fr .search .search_hot a {
    float: left;
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    padding: 0 5px;
    background-color: #eee;
    color: #757575;
    transition: all 0.2s;
}

#nav .banner_x .fr .search .search_hot a:hover {
    color: #fff;
    background-color: #1baeae;
}

#nav .banner_x .fr .search .keyword_list {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 100;
    width: 250px;
    box-sizing: border-box;
    border: 1px solid #1baeae;
}

#nav .banner_x .fr .search .keyword_list li {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 6px 15px;
    background-color: #fff;
}

#nav .banner_x .fr .search .keyword_list li:hover {
    background-color: #fafafa;
}

#nav .banner_x .fr .search .keyword_list li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
}

#nav .banner_x .fr .search .keyword_list li a .result {
    float: right;
    color: #b0b0b0;
}

.container {
    width: 1226px;
    *zoom: 1;
    margin-right: auto;
    margin-left: auto;
}

.container:before, .container:after {
    content: " ";
    display: table;
}

.site-footer { font-size: 14px; line-height: 1.8; color: #a8aaba; background: #32333b;}
.w1100 {width: 1100px;margin: 0 auto;}
.fl {float: left;}
.site-footer a { color: #a8aaba;}
.site-footer a:hover { color: #1baeae !important;}
.site-footer .footer-article { padding: 30px 0 20px; overflow: hidden;}
.site-footer .contact { float: left; width: 280px;}
.site-footer .contact dt { width: 90px;}
.site-footer .contact .iconfont { width: 66px;height: 66px; display: block;float: left;background: url(../image/tel.png) center center no-repeat;background-size: 55px;}
.site-footer .contact .text { font-size: 14px; line-height: 30px; color: #fff;}
.site-footer .contact .tel { padding: 3px 0 15px; font-size: 20px; color: #fff;}
.site-footer .contact a { display: block; width: 90px; font-size: 14px; line-height: 30px; color: #9b9ea0; text-align: center; border: 1px solid #9b9ea0; border-radius: 4px;}
.site-footer .contact a:hover { color: #fff !important;}
.site-footer .col-article { float: left; width: 171px;}
.site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
.site-footer .col-article dd { margin-bottom: 8px; overflow: hidden;}
.site-footer .col-article dd a { font-size: 12px; color: #9b9ea0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.site-footer .wx { float: left; width: 135px; margin-right: 0;}
.site-footer .wx dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
.site-footer .wx dd { margin-bottom: 15px;}
.site-footer .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
.site-footer .wx dd.other { margin-bottom: 0; line-height: 18px;}
.site-footer .wx dd.other span { display: block; font-size: 12px;}
.site-footer .wx dd.other a { display: inline-block; margin-right: 5px; font-size: 12px; line-height: 18px; vertical-align: top;}
.footer-links { padding: 10px 0; border-top: 1px solid #41424c; border-bottom: 1px solid #41424c;}
.footer-links p { font-size: 14px; color: #a8aaba;}
.footer-links a { margin-right: 20px; font-size: 12px; color: #a8aaba;}
.footer-info .info-text { padding: 20px 0; font-size: 12px; text-align: center;}
.footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center;}
.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
.footer-info .info-text .copyright { padding-top: 5px;}
.footer-info .info-text em { padding: 0 8px;}



/* 头部 */
.nnyc-onetop{width: 100%; height: 48px; line-height: 48px; background: #fff;}
.nnyc-onetop .comfl{float: left;}
.nnyc-onetop .comfr{float: right;}
.nnyc-onetop b.bline{font-weight: 400; font-size: 8px; color: #889CBA; position: relative; top: -2px; margin: 0 5px;}
.nnyc-onetop a{color: #222;}
.nnyc-onetop a.acheck{color: #1B7AFF;}
.nnyc-onetop a:hover{color: #1B7AFF;}
.nnyc-comwidth{width: 1200px; margin: 0 auto;}
.nnyc-relative{position: relative;}
.comtop{margin-top: 15px;}
.fl{float: left;}

.nnyc-head{padding: 24px 0; box-sizing: border-box; overflow: hidden;}
.nnyc-head .logo{float: left;display: flex;align-items: center; }
.nnyc-head .logo .logo-img{width:50px;height: 30px;}
.nnyc-head .logo .logo-text{font-size: 20px;font-weight: bold;display: flex;align-items: center;color: #1B7AFF;margin-left: 10px;}
.nnyc-head .logo .logo-text1{font-size: 30px;}
.nnyc-head .logo .logo-splice{margin: 0 10px;}

.nnyc-head .input{float: right;}
.nnyc-head .input span.spaninput{display: inline-block; position: relative;}
.nnyc-head .input span.spaninput input[type="text"]{width: 500px; height: 36px; background: #fff; border: 1px solid #1B7AFF; box-sizing: border-box; border-radius: 5px; padding: 0 72px 0 10px; }
.nnyc-head .input span.spaninput input[type="text"]:hover{border:1px solid rgba(27,122,255,.8);}
.nnyc-head .input span.spaninput input[type="button"]{position: absolute; right: 0; top: 0; background: #1B7AFF url("../image/search.svg") no-repeat center; border: none; background-size: 16px; width: 62px; height: 36px; border-radius: 5px;}
.nnyc-head .input span.spaninput input[type="button"]:hover{background: rgba(27,122,255,.8) url("../image/search.svg") no-repeat center; background-size: 16px;}
.nnyc-head a.shop{display: inline-block; margin-left: 10px; height: 36px; line-height: 36px; padding: 0 10px; background: #fff; border: 1px solid #889CBA; color: #889CBA; border-radius: 5px; box-sizing: border-box;}
.nnyc-head a.shop b{color: #FF8201;}
.nnyc-head a.shop i.ishop{display: inline-block; width: 16px; height: 16px; background: url("../image/shopw.svg") no-repeat center; background-size: 16px; position: relative; top: 3px; margin-right: 8px;}
.nnyc-head a.shop:hover{border-color: #1B7AFF; color: #1B7AFF;}
.nnyc-head a.shop:hover i.ishop{background: url("../image/shopw_check.svg") no-repeat center; background-size: 16px;}
.nnyc-menuhead{width: 100%; height: auto; border-bottom: 2px solid #1B7AFF; box-sizing: border-box;}
.nnyc-menuhead-menu{width: 200px; height: 32px; line-height: 32px; background: #1B7AFF; color: #fff; padding: 0 10px; box-sizing: border-box; float: left;}
.nnyc-menuhead-menu img{width: 13px; position: relative; top: 2px; margin-right: 8px;}
ul.nnyc-menuhead-ul{float: left; margin-left: 10px;}
ul.nnyc-menuhead-ul li{float: left;}
ul.nnyc-menuhead-ul li a{display: inline-block; line-height: 32px; margin: 0 10px; color: #222;font-size: 14px;}
ul.nnyc-menuhead-ul li a.acheck{color: #1B7AFF; font-weight: 600;}
ul.nnyc-menuhead-ul li a:hover{color: #1B7AFF; font-weight: 600;}
/* 右侧固定栏 */
.nnyc-fixedfr{position: fixed; z-index: 99; display: flex; width: 52px; flex-direction: column; top: 50%; transform: translateY(-50%); right: 10px;}
ul.fixedfr-oneul{background: rgb(51, 51, 51); border-radius: 5px;}
ul.fixedfr-oneul li{position: relative;}
ul.fixedfr-oneul li a{display: inline-block; text-align: center; color: #fff; width: 52px; padding: 10px 0; }
ul.fixedfr-oneul li a.aone{border-radius: 5px 5px 0 0;}
ul.fixedfr-oneul li a.atwo{border-radius: 0 0 5px 5px;}
ul.fixedfr-oneul li a:hover{background: #1B7AFF;}
ul.fixedfr-oneul li a img{display: block; width: 15px; margin: 0 auto;}
ul.fixedfr-oneul li a span{display: inline-block; margin-top: 6px;}
ul.fixedfr-oneul li .fixedm-shop{display: none; padding: 5px; transform-origin: right; position: absolute; right: 50px; transform: translateY(-50%); top: 50%; transition: all .2s ease-in-out;}
ul.fixedfr-oneul li:hover .fixedm-shop{display: block;}
ul.fixedfr-oneul li .fixedm-shop p.ptxt{background: #fff; border-radius: 5px; width: 80px; text-align: center; box-shadow: 0 0 8px rgba(0, 0, 0, .2); padding: 12px 10px;}
ul.fixedfr-oneul li .fixedm-shop span{color: #333; font-size: 12px; transition: all .2s linear; text-align: center; margin: 5px 0; }
ul.fixedfr-oneul li .fixedm-shop:hover span{color: #1B7AFF;}
.fixedfr-top{background: rgb(51, 51, 51); border-radius: 5px; margin-top: 20px;}
.fixedfr-top a{display: inline-block; text-align: center; color: #fff; width: 52px; padding: 15px 0;}
.fixedfr-top a:hover{background: #1B7AFF; border-radius: 5px;}
.fixedfr-top a img{display: block; width: 12px; margin: 0 auto;}
.fixedfr-top a span{display: inline-block; margin-top: 10px;}

/* 2- */
.nnyc-combg{background: #fff;}
.nnyc-location{width: 100%; height: auto; overflow: hidden; padding: 15px 0; color: #999;}
.nnyc-location .iing{margin-right:5px;width: 14px;}

.nnyc-shopdetail{width: 100%; height: auto; overflow: hidden;padding-bottom: 20px;}
.nnyc-shopone{position: relative;}
.nnyc-shoponeimg{width: 372px; height: 372px; background: #fff; border: 1px solid #ececec; padding: 10px; box-sizing: border-box;}
.nnyc-shoponeimg img{width: 100%; height: 100%;}

.nnyc-shopminimg{width: 372px; height: auto; padding: 10px 0; box-sizing: border-box;}
.nnyc-shopminimg ul.ultwo{width: 100%; height: auto; position: relative;}
.nnyc-shopminimg ul.ultwo li.liarrowfl{position: absolute; transform: translateY(-50%); top: 50%; left: 0;}
.nnyc-shopminimg ul.ultwo li.liarrowfl a{display: inline-block; width: 20px; height: 100%; cursor: pointer;}
.nnyc-shopminimg ul.ultwo li.liarrowfl a img{width: 15px;}
.nnyc-shopminimg ul.ultwo li.liarrowfr{position: absolute; transform: translateY(-50%); top: 50%; right: 0;}
.nnyc-shopminimg ul.ultwo li.liarrowfr a{display: inline-block; width: 20px; height: 100%; cursor: pointer; text-align: right;}
.nnyc-shopminimg ul.ultwo li.liarrowfr a img{width: 15px;}
.nnyc-shopminimg ul.ultwo li.lipicture{width: 352px; height: auto; margin: 0 auto;}
.nnyc-shopminimg ul.ultwo li.lipicture .detail{width: 350px; overflow: auto;}
.nnyc-shopminimg ul.ultwo li.lipicture .detail table.tablethree{width: 100%;}
.nnyc-shopminimg ul.ultwo li.lipicture .detail table.tablethree td{padding: 0 10px; box-sizing: border-box;}
.nnyc-shopminimg ul.ultwo li.lipicture .detail table.tablethree td span.spanimg{display: block; width: 64px; height: 64px; font-size: 0; border: 1px solid #ececec; box-sizing: border-box;}
.nnyc-shopminimg ul.ultwo li.lipicture .detail table.tablethree td span.spanimg:hover{border: 1px solid #1B7AFF;}
.nnyc-shopminimg ul.ultwo li.lipicture .detail table.tablethree td span.spanimg img{width: 100%; height: 100%;}

.nnyc-shoptwo{width: calc(100% - 412px); margin: 0 20px; position: relative;}
.nnyc-shoptwo h2.htitle{width: 100%; height: auto; overflow: hidden; font-size: 18px; font-weight: 400;}
.nnyc-shoptwo .goods-price{width: 100%; height: auto; overflow: hidden; padding: 10px 20px; box-sizing: border-box; background: #f4f4f4;}
.nnyc-shoptwo .goods-price table.tablefour{width: 100%;}
.nnyc-shoptwo .goods-price table.tablefour .priceone{width: 100%; height: auto; overflow: hidden;}
.nnyc-shoptwo .goods-price table.tablefour .priceone p.pone{width: 100%; height: auto; overflow: hidden; padding: 5px 0;}
.nnyc-shoptwo .goods-price table.tablefour .priceone p.pone span{color: #888;}
.nnyc-shoptwo .goods-price table.tablefour .priceone p.pone b.bred{color: #ff0000;}
.nnyc-shoptwo .goods-price table.tablefour .priceone p.pone b.btext{text-decoration: line-through; font-weight: 400;}
.nnyc-shoptwo .goods-price table.tablefour td.tdsales{width: 90px; text-align: center; border-left: 1px solid #ececec; box-sizing: border-box;}
.nnyc-shoptwo .goods-price table.tablefour td.tdsales .volum{width: 100%; height: 100%;}
.nnyc-shoptwo .goods-price table.tablefour td.tdsales .volum p{color: #666; margin-bottom: 5px;}
.nnyc-shoptwo .goods-price table.tablefour td.tdsales .volum b{font-weight: 400; color: #ff0000;}
.nnyc-shoptwo .shops-detail{width: 100%; height: auto; overflow: hidden; padding: 5px 0;}
.nnyc-shoptwo .shops-detail .onetxt{width: 100%; height: auto; overflow: hidden; padding: 2px 0;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con{width: 100%; height: auto; overflow: hidden;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con span{display: inline-block; color: #888; line-height: 32px;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con span.spanname{width: 140px; text-align: right; line-height: 32px;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con span>img{vertical-align: middle;margin-right: 5px;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con p.pscshop{float: right; color: #888;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con p.pscshop i.collect{display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; margin-right: 5px; background: url(../images/save_grey.svg) no-repeat center; background-size: 13px;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con p.pscshop-check i.collect{background: url(../images/save_red.svg) no-repeat center; background-size: 13px;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con .aselect{display: inline-block;}
.nnyc-shoptwo .shops-detail .onetxt .onetxt-con .aselect span.spanselect{display: inline-block; width: 165px; height: 32px; background: #fff; border: 1}
.onetxt-con .aselect span.spanselect{display: inline-block; width: 160px; height: 32px; background: #fff; border: 1px solid #ececec; box-sizing: border-box; border-radius: 3px; padding: 0 5px;}
.onetxt-con .aselect span.spanselect input[type="text"]{width: 100%; height: 27px; background: #fff url(../images/arrow_down.svg) no-repeat right; background-size: 10px; background-position-x: 97%; border: none;}
.onetxt-con .aselect span.spanselect:hover{border: 1px solid #1B7AFF;}
.onetxt-con .aselect span.spantxtone{margin-left: 5px;}
.onetxt-con .selectmenu{position: absolute; top: 432px; left: 142px; z-index: 10;}
.onetxt-con .selectmenu ul.selectmenu-ul{width: 324px; height: 180px; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); border-radius: 5px;}
.onetxt-con .selectmenu ul.selectmenu-ul li{float: left;}
.onetxt-con .selectmenu ul.selectmenu-ul li.lione{width: 100px; height: 100%; border-right: 1px solid #ececec; padding: 5px 0; box-sizing: border-box; overflow: auto;}
.onetxt-con .selectmenu ul.selectmenu-ul li.lione p a{display: inline-block; width: 100%; padding: 7px 16px; box-sizing: border-box; color: #595959;}
.onetxt-con .selectmenu ul.selectmenu-ul li.lione p a i.iimgarrow{display: inline-block; width: 12px; height: 12px; background: url(../images/pagenext.svg) no-repeat center; background-size: 5px; float: right; position: relative; top: 3px;}
.onetxt-con .selectmenu ul.selectmenu-ul li.lione p a:hover{background: #f3f3f3;}
.onetxt-con .selectmenu ul.selectmenu-ul li.lione p a.achecka{color: #1B7AFF; background: #f3f3f3;}
.onetxt-con .selectmenu ul.selectmenu-ul li.lione p a.achecka i.iimgarrow{ background: url(../images/pagenext_check.svg) no-repeat center; background-size: 5px;}
.onetxt-con .selectmenu ul.selectmenu-ul li.litwo{width: 124px; height: 100%; border-right: 1px solid #ececec; padding: 5px 0; box-sizing: border-box; overflow: auto;}
.onetxt-con .selectmenu ul.selectmenu-ul li.litwo p a{display: inline-block; width: 100%; padding: 7px 16px; box-sizing: border-box; color: #595959;}
.onetxt-con .selectmenu ul.selectmenu-ul li.litwo p a:hover{background: #f3f3f3;}
.onetxt-con .selectmenu ul.selectmenu-ul li.litwo p a.acheckb{color: #1B7AFF; background: #f3f3f3;}
.onetxt-con .selectmenu .tips{width: 100%; height: auto; overflow: hidden;}
.onetxt-con .aselect .tips span.spanorange{color: #f90;}
.onetxt-con span.spancon{display: inline-block;}
.onetxt-con span.spancon input[type="button"]{float: left; background: #f6f7f8; border: 1px solid #d7d7d7; color: #d7d7d7; width: 32px; height: 32px; font-size: 14px; font-weight: 600;}
.onetxt-con span.spancon input.buttoncheck{color: #1e1e1e;}
.onetxt-con span.spancon input[type="text"]{float: left; width: 40px; text-align: center; height: 32px; padding: 4px 7px; border: 1px solid #d7d7d7; border-left: none; border-right: none; box-sizing: border-box;}
.onetxt-con span.spancon input[type="text"]:hover{border-color: #1B7AFF;}
.onetxt-con span.spancon input[type="text"]:focus{border-color: #1B7AFF;}
.onetxt-con span.spancon b.btxt{margin-left: 10px; color: #aaa; font-weight: 400;}

.nnyc-shopcon{margin-top: 20px; width: 100%; height: auto; overflow: hidden; padding: 20px 0; box-sizing: border-box; border-top: 1px dashed #ececec; }
.nnyc-shopcon .shopbtn{width: 100%; height: auto; overflow: hidden;}
.nnyc-shopcon .shopbtn button{height: 40px; padding: 0 24px; font-size: 14px; border-radius: 4px; color: #1B7AFF; background: #fff; border: 1px solid #1B7AFF; box-sizing: border-box; float: left; margin-right: 15px;}
.nnyc-shopcon .shopbtn button:hover{border-color: rgba(27,122,255,.8);color: rgba(27,122,255,.8);}
.nnyc-shopcon .shopbtn button.btnshop{background: #1B7AFF; color: #fff;}
.nnyc-shopcon .shopbtn button.btnshop:hover{background: rgba(27,122,255,.8); }
.nnyc-shopcon .shopbtn button.btnshop img{vertical-align: middle; margin-right: 10px; width: 18px;}
.nnyc-shopcon .wxtips{width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.nnyc-shopcon .wxtips p{color: #ff0000; line-height: 20px;}

.nnyc-shopthree{width: 272px;}
.nnyc-shop-info{width: 100%; background: #fff; border: 1px solid #ececec; box-sizing: border-box;}
.nnyc-shop-info .shopinfo-img{width: 224px; margin: 20px auto;}
.nnyc-shop-info .shopinfo-img img{width: 100%; height: 80px;}
.shopinfo-con{width: 224px; margin: 0 auto 10px auto; padding-top: 15px; border-top: 1px dashed #ececec; box-sizing: border-box;} 
.shopinfo-con table.tablefive{width: 100%; color: #888;}
.shopinfo-con table.tablefive td{line-height: 24px; vertical-align: top;}
.shopinfo-con table.tablefive td.tdname span{display: inline-block; width: 75px; text-align: right;}
.shopinfo-con table.tablefive td.tdcon span{display: inline-block; width: 149px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.shopinfo-bt{width: 224px; margin: 0 auto 10px auto;}
.shopinfo-bt b{color: #666;}

.shopinfo-listone{width: 224px; margin: 0 auto 10px auto;}
.shopinfo-listone table.tablesix{width: 100%;}
.shopinfo-listone table.tablesix td{padding: 5px 0;}
.shopinfo-listone table.tablesix td span{color: #888;}

.shopinfo-kc{width: 100%; height: auto; margin: 20px 0;}
.shopinfo-kc a{display: inline-block; width: 100%; height: 40px; color: #1B7AFF; border: 1px solid #e4e4e4; box-sizing: border-box; line-height: 40px; text-align: center;}

.shopinfo-cps{width: 100%; height: auto; margin: 20px 0;}
.shopinfo-cps a{display: inline-block; width: 100%; height: 32px; color: #333; border: 1px solid #e4e4e4; box-sizing: border-box; line-height: 32px; text-align: center;}


/* 购物车 */
.nnyc-fliter-bar{width: 100%; height: 40px; position: relative; padding: 20px 0 10px 0;}
.nnyc-fliter-bar .barfl{float: right;}
.nnyc-fliter-bar .clear-cart-button{
    color: #d23b3b;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid;
    cursor: pointer;
}
.nnyc-fliter-bar .barfl span{font-weight: 600; font-size: 16px; color: #e2231a;}
.nnyc-fliter-bar .barfl b{color: #e2231a; font-size: 14px; margin-left: 5px;}
.nnyc-fliter-bar .cart-store{float: left;}
.nnyc-fliter-bar .cart-store select{padding: 5px 10px;border: 1px solid #ccc;border-radius: 5px;font-size: 12px;-webkit-appearance: auto;}
.nnyc-fliter-bar .cart-store span{color: #666;}
.nnyc-fliter-bar .cart-store span.spanselect{display: inline-block; height: 23px; background: #fff; border: 1px solid #CECBCE; padding: 0 24px 0 4px; line-height: 23px;}
.nnyc-fliter-bar .cart-store span.spanselect:hover{border-color: #1B7AFF;}
.nnyc-fliter-bar .cart-store span.spanselect input[type="text"]{width: 100%; height: 100%; border: none; background: none;}

.cart-thead{display: block; height: 32px; line-height: 32px; padding: 5px 0; background: #f2f2f2; border: 1px solid #ececec; position: relative;}
.cart-thead .t-checkbox{ height: 18px; line-height: 18px; padding-top: 7px; width: 122px; padding-left: 11px; box-sizing: border-box;}
.cart-thead .t-checkbox .cart-checkbox{position: relative; z-index: 3; float: left;}
.cart-thead .t-checkbox .cart-checkbox input[type="checkbox"]{position: relative; top: 2px; margin-right: 10px;}
.cart-thead .column{float: left;}
.cart-thead .t-goods{width: 375px;}
.cart-thead .t-props{width: 240px; height: 32px; padding: 0 10px 0 20px; box-sizing: border-box;}
.cart-thead .t-price{width: 180px; text-align: right; padding-right: 20px; box-sizing: border-box;}
.cart-thead .t-quantity{width: 120px; text-align: center; padding: 0 20px; box-sizing: border-box;}
.cart-thead .t-action{width: 125px;}

.item-form .cell{float: left;}
.cart-tbody-head{width: 100%; height: 30px; line-height: 30px; padding-left: 12px; box-sizing: border-box; margin-top: 10px;}
.cart-tbody-head .cart-checkbox{position: relative; z-index: 3; float: left;}
.cart-tbody-head .cart-checkbox input[type="checkbox"]{position: relative; top: 2px; margin-right: 10px;}

.cart-tody-list{width: 100%; height: auto; overflow: hidden; border: 1px solid #ececec; background: #fff; box-sizing: border-box; margin-bottom: 20px; padding: 11px; transition: all .2s;}
.cart-tody-list .cart-checkbox{position: relative; z-index: 3; float: left; box-sizing: border-box;}
.cart-tody-list .cart-checkbox input[type="checkbox"]{position: relative; top: 2px; margin-right: 10px;}
.cart-tody-list:hover{background: rgba(27,122,255,.05); border: 1px solid #1B7AFF;} 

.item-form .p-goods{width: 455px;}
.item-form .p-goods .p-img{position: relative; float: left; width: 80px; height: 80px; border: 1px solid #ececec; margin-right: 10px; background: #fff; padding: 0; text-align: center; overflow: visible; box-sizing: border-box;}
.item-form .p-goods .p-img img{width: 100%; height: 100%;}
.item-form .p-goods .p-msg .p-name{line-height: 20px;}
.item-form .p-goods .p-msg .p-name a{color: #333;}
.item-form .p-goods .p-msg .p-name a:hover{color: #1B7AFF;}

.item-form .p-props{width: 230px; min-height: 10px; line-height: 20px; overflow: hidden; padding: 0 0 0 20px;}
.item-form .p-props .props-txt{width: 190px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.item-form .p-price.price-test{padding-right: 20px;}
.item-form .p-price{position: relative; width: 155px; text-align: right; outline: none;}
.item-form .p-price-cont{display: block; margin-bottom: 5px;}
.item-form .p-price.price-test .price-iconprice-icon{display: block;}

.item-form .p-quantity{width: 120px; padding-right: 10px; box-sizing: border-box;}
.sub_content .quantity{ width: 90px; border: 0; overflow: hidden;}
.sub_content .quantity button{background: #f5f5f5; width: 20px; height: 20px; line-height: 19px; border: 1px solid #ececec; box-sizing: border-box;}
.sub_content .quantity button i.cart-icon-subt{display: inline-block;}
.sub_content .quantity button i.cart-number-inc{display: inline-block;}
.item-form .p-quantity p.ac{width: 90px; text-align: center; margin-top: 5px; color: #888;}
.cart-icon-subt:before{content: "-";}
.cart-number-inc:before{content: "+";}

.item-form .p-ops a{color: #333; margin-right: 10px;}
.item-form .p-ops a:hover{color: #1B7AFF;}
.item-form .p-ops a:last-child{margin-right: 0;}

/* 商品列表 */
.nnyc-newproduct-onecon{display: inline-block; width: calc(20% - 10px);  margin-top: 15px; margin-right: 12.5px;}
.nnyc-newproduct-onecon:nth-child(5n) {margin-right: 0;}
.nnyc-newproduct-one{width: 100%; height: auto; background: #fff; display: block;}
.nnyc-newproduct-one:hover{box-shadow: 0 0 10px rgba(51, 51, 51, .1);}
.nnyc-newproduct-one .goodsimg{width: 100%; height: auto; overflow: hidden; padding: 16px; box-sizing: border-box; text-align: center;}
.nnyc-newproduct-one .goodsimg img{width: 180px; height: 180px;display: block;margin: 0 auto;}
.nnyc-newproduct-one .title{width: 100%; padding: 0 16px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nnyc-newproduct-one .title span{color: #666; cursor: pointer;}
.nnyc-newproduct-one .detailcon{width: 100%; height: auto; padding: 0 16px; box-sizing: border-box; overflow: hidden;}
.nnyc-newproduct-one .detailcon .price{width: 100%; margin-top: 10px;}
.nnyc-newproduct-one .detailcon .price>.spanfl{width: 55%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;float: left;color: #999;font-size: 12px;}
.nnyc-newproduct-one .detailcon .price span.spanfr{float: right; color: #889CBA;}
.nnyc-newproduct-one .detailcon .price b.bfl{font-size: 16px;}
.nnyc-newproduct-one .detailcon .price b.bfl-red{color: #ff0000;}
.nnyc-newproduct-one .detailcon .price span.spanfl-text{color: #3C464F; text-decoration: line-through;}
.nnyc-newproduct-one .detailcon .price span.spanflwb{display: inline-block; width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.nnyc-newproduct-one .detailcon .price span.afr{float: right; color: #1B7AFF;cursor: pointer;}
.nnyc-newproduct-one .bottom{width: 100%; height: auto; overflow: hidden; margin-top: 15px;background: #ddebff;}
.nnyc-newproduct-one .bottom table.tableone{width: 100%;}
.nnyc-newproduct-one .bottom table.tableone td{text-align: center;padding: 10px 0;border-top: 1px solid #ececec;border-right: 1px solid #ececec;box-sizing: border-box;background: #ddebff;}
.nnyc-newproduct-one .bottom table.tableone td a.amenu{color: #1B7AFF;}
.nnyc-newproduct-one .bottom table.tableone td a.amenu i.iimg{display: inline-block; width: 12px; height: 12px; position: relative; top: 1px; margin-right: 5px;}
.nnyc-newproduct-one .bottom table.tableone td a.amenu:hover{color: #1B7AFF;}
i.iimg-index{background: url(../image/icon_index.svg) no-repeat center; background-size: 12px;}
i.iimg-collect{background: url(../image/icon_sc.svg) no-repeat center; background-size: 12px;}
i.iimg-shop{background: url(../image/icon_shop2.svg) no-repeat center; background-size: 12px;}
.nnyc-newproduct-one .bottom table.tableone td a.amenu:hover i.iimg-index{background: url(../image/icon_index_check.svg) no-repeat center; background-size: 12px;}
.nnyc-newproduct-one .bottom table.tableone td a.amenu:hover i.iimg-collect{background: url(../image/icon_sc_check.svg) no-repeat center; background-size: 12px;}
.nnyc-newproduct-one .bottom table.tableone td a.amenu:hover i.iimg-shop{background: url(../image/icon_shop_check.svg) no-repeat center; background-size: 12px;}
.nnyc-newproduct-one .bottom table.tableone td:last-child{border-right: none;}

.nnyc-banner-menu{width: 200px; height: 395px; background: #22283F; padding: 5px 0; box-sizing: border-box;}
.nnyc-menuhead-menu:hover .nnyc-banner-menu{display:block;}
ul.nnyc-banner-menuul{width: 100%; height: auto; overflow: auto;}
ul.nnyc-banner-menuul li>a{display: inline-block; width: 100%; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; color: #889CBA;}
ul.nnyc-banner-menuul li>a i.iimg{display: inline-block; width: 13px; height: 13px; position: relative; margin-right: 8px; top: 2px;}
ul.nnyc-banner-menuul li>a.achoose{background: rgba(27,122,255,.49); color: #fff;}
ul.nnyc-banner-menuul li>a:hover{background: rgba(27,122,255,.49); color: #fff;}
ul.nnyc-banner-menuul .twomenu-detail a{display: inline-block;float: left;color: #3C464F;margin: 0px 0 10px 20px;}
ul.nnyc-banner-menuul .twomenu-detail a:hover{color:#1B7AFF};
i.iimg-bjl{background: url("../image/icon_bjl.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-bjl{background: url("../image/icon_bjl_check.svg") no-repeat center; background-size: 12px;}
i.iimg-fll{background: url("../image/icon_fll.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-fll{background: url("../image/icon_fll_check.svg") no-repeat center; background-size: 12px;}
i.iimg-shypl{background: url("../image/icon_shyp.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-shypl{background: url("../image/icon_shyp_check.svg") no-repeat center; background-size: 12px;}
i.iimg-clscl{background: url("../image/icon_clscl.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-clscl{background: url("../image/icon_clscl_check.svg") no-repeat center; background-size: 12px;}
i.iimg-bgyp{background: url("../image/icon_bgyp.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-bgyp{background: url("../image/icon_bgyp_check.svg") no-repeat center; background-size: 12px;}
i.iimg-dzyhp{background: url("../image/icon_dzyhp.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-dzyhp{background: url("../image/icon_dzyhp_check.svg") no-repeat center; background-size: 12px;}
i.iimg-pxl{background: url("../image/icon_pxl.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-pxl{background: url("../image/icon_pxl_check.svg") no-repeat center; background-size: 12px;}
i.iimg-ygl{background: url("../image/icon_ygl.svg") no-repeat center; background-size: 12px;}
a.achoose i.iimg-ygl{background: url("../image/icon_ygl_check.svg") no-repeat center; background-size: 12px;}
i.iimg-clzn{background: url("../image/icon_clzl.svg") no-repeat center; background-size: 13px;}
a.achoose i.iimg-clzn{background: url("../image/icon_clzl_check.svg") no-repeat center; background-size: 13px;}
i.iimg-lbyp{background: url("../image/icon_lbyp.svg") no-repeat center; background-size: 13px;}
a.achoose i.iimg-lbyp{background: url("../image/icon_lbyp_check.svg") no-repeat center; background-size: 13px;}
i.iimg-fwl{background: url("../image/icon_fwl.svg") no-repeat center; background-size: 13px;}
a.achoose i.iimg-fwl{background: url("../image/icon_fwl_check.svg") no-repeat center; background-size: 13px;}
i.iimg-flil{background: url("../image/icon_flil.svg") no-repeat center; background-size: 13px;}
a.achoose i.iimg-flil{background: url("../image/icon_flil_check.svg") no-repeat center; background-size: 13px;}
ul.nnyc-banner-menuul .twomenu{display: none; position: absolute; left: 200px; top: 10px; bottom: 0; width: 70%; background: #fff; box-shadow: 0 1px 9px rgba(0,0,0,.1); z-index: 10; padding: 24px; box-sizing: border-box; overflow: auto; }
ul.nnyc-banner-menuul .twomenu table.tablemenu{width: 100%;}
ul.nnyc-banner-menuul .twomenu table.tablemenu td{vertical-align: top;}
ul.nnyc-banner-menuul .twomenu table.tablemenu td.tdname{width: 90px;color: #000;}
.twomenu table.tablemenu td.tdname img{width: 5px; margin-left: 10px;}
.twomenu table.tablemenu td .twomenu-detail{width: 100%;}
.twomenu table.tablemenu td .twomenu-detail span{display: inline-block; float: left; color: #3C464F; margin: 5px 0 10px 20px;}
.twomenu table.tablemenu td .twomenu-detail span.spancheck{color:#1B7AFF;}
.twomenu table.tablemenu td .twomenu-detail span:hover{color:#1B7AFF;}
ul.nnyc-banner-menuul li:hover .twomenu{display: block!important;}
.nnyc-banner-header {

    display:none;

}
.nnyc-menuhead-menu:hover .nnyc-banner-header{display:block!important;}
/* 底部菜单样式 */
.bottom-tab-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    display: flex;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

.tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333; /* 未选中状态文字颜色 - 黑色 */
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.tab-item.active {
    color: #1B7AFF; /* 选中状态文字颜色 - 蓝色 */
}

.tab-icon {
    font-size: 20px;
    margin-bottom: 4px;
    color: #333; /* 未选中状态图标颜色 - 黑色 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.tab-item.active .tab-icon {
    color: #1B7AFF; /* 选中状态图标颜色 - 蓝色 */
}

/* 页面内容 - 默认隐藏 */
.page-content {
    display: none;
}

.page-content.active {
    display: block;
}