@charset "utf-8";
.content{ max-width: 1100px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; min-width: 1200px; }
.tishi{ text-align: center; color: #999; font-size: 14px; width: 100%; }
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block !important; }
.wapshow{ display: none !important; }

.textline1{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.textline2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.textline3{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.textline4{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.textline5{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.middle_holder {display: inline-block;font-size: 0;width: 0;height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 20px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #222; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #ea0429;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; overflow: hidden; text-align: center; }
.banner img { width: 100%; height: auto; }
.banner .swiper-slide.swiper-slide-active .fgc .stit{ opacity: .4; transform: translateY(0); }
.banner .swiper-slide.swiper-slide-active .fgc .tit{ opacity: 1; transform: translateY(0); }
.banner .swiper-slide.swiper-slide-active .fgc .jj{ opacity: 1; transform: translateY(0); }
.banner .swiper-slide.swiper-slide-active .fgc .ann{ opacity: 1; transform: translateY(0); }
.banner .banner-left{ opacity: 0; display: block; position: absolute; font-size: 30px; color: #fff; left: 40px; top: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; z-index: 7; transition: all .5s; }
.banner .banner-right{ opacity: 0; display: block; position: absolute; font-size: 30px; color: #fff; right: 40px; top: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; z-index: 7; transition: all .5s; }
.banner .banner-left:hover,.banner .banner-right:hover{ opacity: 1; color: #ea0429; }
.banner:hover .banner-left,.banner:hover .banner-right{ opacity: .8; }
.banner .pagination{ z-index: 8; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 25px !important; }
.banner .pagination .swiper-pagination-bullet{ font-size: 14px; color: #fff; width: auto !important; border: 0; line-height: 30px; height: auto; background: none !important; opacity: 1; transition: all .5s; position: relative; margin: 0 20px !important; }
.banner .pagination .swiper-pagination-bullet:before{ content: ""; transition: all .5s; display: block; width: 0; height: 2px; background: #ea0429; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ea0429; width: 30px; padding-left: 25px; color: #ea0429; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ width: 15px; }

.intop{ background: #000; text-align: right; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; }
.intop a{ display: inline-block; padding: 0 45px; font-size: 12px; color: #fff; line-height: 34px; position: relative; }
.intop a:before{ content: ""; display: block; width: 1px; height: 16px; background: #fff; position: absolute; right: 0; top: 11px; }
.intop a:nth-child(3):before{ display: none; }

.header{ background: #fff; position: fixed; text-align: center; left: 0; top: 34px; z-index: 999; width: 100%; min-width: 1200px; }
.header .logo{ padding: 25px 0; position: absolute; left: 20px; }
.header .logo img{ height: 35px; }
.header .tright{ padding: 23px 0; position: absolute; right: 20px; top: 0; }
.header .tright .searchann{ position: relative; cursor: pointer; text-align: center; float: left; margin-right: 15px; }
.header .tright .searchann .kai{ transition: all .5s; opacity: 1; width: 40px; line-height: 40px; text-align: center; position: relative; z-index: 8; }
.header .tright .searchann .guan{ position: absolute; left: 0; top: 0; width: 40px; line-height: 40px; text-align: center; transition: all .5s; opacity: 0; z-index: 7; }
.header .tright .searchann svg{ fill: #666; height: 18px; width: auto; display: inline-block; vertical-align: middle; }
.header .tright .searchann:hover svg{ fill: #ea0429; }
.header .tright .cart{ float: left; position: relative; margin-right: 25px; }
.header .tright .cart .ann > span{ display: block; position: absolute; line-height: 22px; background: #ea0000; border-radius: 12px; font-size: 14px; color: #fff; padding: 3px 8px 0; position: absolute; right: -10px; top: 12px; zoom:.6; }
.header .tright .cart .ann{ cursor: pointer; padding: 10px 0;  }
.header .tright .cart .ann svg{ fill: #666; height: 20px; width: auto; display: inline-block; vertical-align: middle; }
.header .tright .cart .erji{ text-align: left; display: none; width: 260px; position: absolute; top: 100%; background: #fff; right: -32px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 9; }
.header .tright .cart .erji:before{ content: ""; display: block; position: absolute; background: #fff; top: 0; right: 37px; transform: translateY(-50%) rotate(45deg); box-shadow: -2px -2px 4px rgba(0,0,0,.1); width: 11px; height: 11px; }
.header .tright .cart .erji .tis{ padding: 25px; text-align: center; font-size: 12px; color: #999; }
.header .tright .cart .erji .pro{ padding: 10px 15px; }
.header .tright .cart .erji .pro .li{ padding: 5px 0 5px 50px; position: relative; }
.header .tright .cart .erji .pro .li .pic{ width: 40px; height: 40px; position: absolute; left: 0; top: 5px; }
.header .tright .cart .erji .pro .li .tit{ font-size: 13px; margin-bottom: 5px; font-weight: bold; }
.header .tright .cart .erji .pro .li .stit{ font-size: 12px; color: #999; margin-bottom: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .tright .cart .erji .pro .li .shul{ font-size: 12px; color: #666;  }
.header .tright .cart .erji .pro .li .shul del{ margin-left: 5px; color: #ccc; }
.header .tright .cart .erji .xian{ width: 100%; height: 1px; background: #eee; }
.header .tright .cart .erji .price{ font-size: 14px; padding: 0 15px; margin-top: 15px; }
.header .tright .cart .erji .price span{ float: right; font-weight: bold; font-size: 16px; }
.header .tright .cart .jies{ font-size: 14px; line-height: 35px; background: #ea0429; display: block; color: #fff; border-radius: 18px; text-align: center; margin: 10px 15px 15px; font-weight: bold; }
.header .tright .cart .jies:hover{ background: #a2001b; }
.header .tright .cart:hover .erji{ display: block; }
.header .inmuen{ text-align: center; }
.header .inmuen ul li{ display: inline-block; }
.header .inmuen ul li > a{ display: block; padding: 0 20px; line-height: 85px; font-size: 14px; font-weight: 500; }
.header .inmuen ul li .erji{ display: none; position: absolute; width: 100%; left: 0; top: 100%; background: #fff; padding: 30px 0; text-align: left; }
.header .inmuen ul li .erji .nr{ padding-left: 200px; position: relative; }
.header .inmuen ul li .erji .nr .btit{ width: 180px; position: absolute; left: 0; top: 0; font-size: 16px; font-weight: bold; }
.header .inmuen ul li .erji .nr .rlist{ min-height: 35px; border-left: 1px solid #999; padding-left: 45px; display: flex; flex-wrap: wrap; }
.header .inmuen ul li .erji .nr .rlist .li{ width: 33.3333%; box-sizing: border-box; padding-right: 45px; }
.header .inmuen ul li .erji .nr .rlist .li .stit{ font-size: 14px; font-weight: bold; padding: 5px 0; }
.header .inmuen ul li .erji .nr .rlist .li .sli{ font-size: 14px; padding: 5px 0; }
.header .inmuen ul li:hover .erji:before{ content: ""; height: 99999px; width: 100%; background: rgba(0,0,0,.7); left: 0; top: 100%; display: block; position: absolute; }
.header .inmuen ul li:hover .erji{ display: block; }
.headerkg{ height: 178px; }

.tophot{ position: fixed; width: 100%; left: 0; top: 119px; background: #f8f4ed; text-align: center; padding: 10px 20px; box-sizing: border-box; z-index: 998; }
.tophot .li .tit{ font-size: 14px; font-weight: bold; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tophot .li .more{ font-size: 12px; text-decoration: underline; }

.searchmain{ position: fixed; width: 100%; background: #fff; left: 0; top: 119px; z-index: 999; transition: all .5s; overflow: hidden; height: 0; box-shadow: 0 4px 4px rgba(0,0,0,.05); }
.searchmain .content{ position: relative; padding: 30px 0 40px; }
.searchmain .close{ width: 40px; line-height: 40px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; }
.searchmain .kk{ max-width: 750px; margin: 0 auto; padding-right: 50px; position: relative; }
.searchmain .kk .text{ width: 100%; border-bottom: 2px solid #111; height: 50px; font-size: 14px; }
.searchmain .kk .text:focus{ border-bottom: 2px solid #ea0429; }
.searchmain .kk .sub{ position: absolute; right: 0; top: 0; height: 50px; width: 50px; font-size: 25px; outline: none; }
.searchmain .kk .sub:hover{ color: #ea0429; }

.inyoustu{ padding: 35px 0; text-align: center; border-bottom: 1px solid #eee; }
.inyoustu ul li{ display: inline-block; padding: 0 75px; }
.inyoustu ul li img{ height: 80px; width: auto; }

.inprolist .li .pic{ overflow: hidden; position: relative; background: #fff; margin-bottom: 10px; }
.inprolist .li .pic span{ display: block; line-height: 22px; background: #FDEFEF; color: #FF6464; border-radius: 11px; position: absolute; right: 10px; top: 10px; padding: 0 15px; }
.inprolist .li .tit{ font-size: 14px; color: #333; text-align: center; line-height: 22px; margin-bottom: 35px; min-height: 44px; }
.inprolist .li .tit:hover{ text-decoration: underline; }
.inprolist .li .price{ text-align: center; font-size: 12px; font-weight: bold; color: #222; margin-bottom: 20px; line-height: 18px; }
.inprolist .li .price span{ font-size: 16px; }
.inprolist .li .price del{ font-weight: initial; margin-left: 10px; color: #ccc; }
.inprolist .li .add{ width: 100%; line-height: 35px; background: transparent linear-gradient(103deg, #ea0429 0%, #ea0429 100%) 0% 0% no-repeat padding-box; font-size: 14px; color: #fff; margin: 0 auto; display: block; font-weight: bold; }
.inprolist .li .add svg{ width: 20px; height: initial; fill: #fff; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; }
.inprolist .li .add:hover{ background: #a2001b; }

.inhotpro{ padding: 60px 0; }
.inhotpro .lmtit{ font-size: 28px; text-align: center; margin-bottom: 30px; }
.inhotprolist{ overflow: hidden; }
.inhotprolist .pagination{ text-align: center; margin-top: 35px; }
.inhotprolist .pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; border: 1px solid #000; opacity: 1; box-sizing: border-box; margin: 0 8px !important; }
.inhotprolist .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #000; }

.inproadv .nr{ background: #fbf4ed; padding-right: 520px; position: relative; }
.inproadv .nr .pic{ position: absolute; width: 520px; height: 100%; right: 0; top: 0; }
.inproadv .nr .wz{ padding: 90px 130px; text-align: center; }
.inproadv .nr .wz .tit{ font-size: 32px; margin-bottom: 15px; }
.inproadv .nr .wz .jj{ font-size: 25px; margin-bottom: 25px; }
.inproadv .nr .wz .more{ display: block; line-height: 50px; font-size: 16px; color: #fff; background: #ea0429; width: 170px; margin: 0 auto; }
.inproadv .nr .wz .more:hover{ background: #a2001b; }

.inpronav{ padding: 60px 0; border-bottom: 1px solid #eee; }
.inpronav .lmtit{ font-size: 28px; text-align: center; margin-bottom: 30px; }
.inpronav .list ul{ display: flex; flex-wrap: wrap; width: 102%; left: -1%; position: relative; }
.inpronav .list ul li{ display: block; width: 18%; margin: 0 1%; }
.inpronav .list ul li .pic{ padding-bottom: 200%; }
.inpronav .list ul li .tit{ font-size: 16px; margin-top: 10px; }
.inpronav .list ul li .tit i{ margin-left: 10px; }

.induib{ padding: 60px 0; }
.induib .nr .pic{ float: left; width: 600px; box-sizing: border-box; padding: 0 60px; position: relative; }
.induib .nr .pic .induibpic{ overflow: hidden; }
.induib .nr .pic .induibpic img{ width: 100%; height: auto; }
.induib .nr .pic .swiperprev,.induib .nr .pic .swipernext{ width: 43px; line-height: 43px; background: #faf4EEDD; font-size: 16px; text-align: center; border-radius: 50%; cursor: pointer; }
.induib .nr .pic .swiperprev{ position: absolute; left: 0; top: 50%; margin-top: -22px; }
.induib .nr .pic .swipernext{ position: absolute; right: 0; top: 50%; margin-top: -22px; }
.induib .nr .wznr{ width: 500px; padding: 50px 0 50px 50px; box-sizing: border-box; float: left; font-size: 13px; line-height: 20px; } 
.induib .nr .wznr h3{ font-size: 25px; font-weight: bold; margin: 10px 0; }
.induib .nr .wznr strong{ font-weight: bold; }
.induib .nr .wznr a{ text-decoration: underline; }
.induib .nr .swz{ font-size: 12px; padding-left: 60px; max-width: 600px; margin-top: 20px; }

.footer{ background: #161616; }
.footer .fenx{ padding: 50px 0 40px; border-bottom: 1px solid rgba(255, 252, 250, .5); line-height: 35px; }
.footer .fenx a{ display: inline-block; margin-right: 20px; }
.footer .fenx a svg{ height: 18px; width: auto; fill: #fff; }
.footer .fenx a:hover svg{ fill:#ea0429; }
.footer .fenx .ann{ display: block; float: right; border: 1px solid #fff; padding: 0 15px; color: #fff; border-radius: 5px; line-height: 33px; margin-right: 0; }
.footer .fenx .ann i{ margin-left: 5px; }
.footer .mid{ border-bottom: 1px solid rgba(255, 252, 250, .5); padding: 45px 0; }
.footer .mid .email{ width: 30%; box-sizing: border-box; float: left; }
.footer .mid .email .btit{ font-size: 14px; font-weight: bold; color: #fff; }
.footer .mid .email .jj{ font-size: 12px; color: #fff; margin-top: 10px; }
.footer .mid .email .jj a{ color: #fff; text-decoration: underline; }
.footer .mid .email .jj a:hover{ color: #ea0429; }
.footer .mid .email .kk{ background: #fff; border-radius: 5px; padding-right: 100px; position: relative; overflow: hidden; margin-top: 10px; }
.footer .mid .email .kk .text{ width: 100%; box-sizing: border-box; padding: 0 15px; font-size: 14px; color: #333; height: 50px; }
.footer .mid .email .kk .sub{ width: 100px; height: 50px; background: #ea0429; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; }
.footer .mid .fnav{ width: 17.5%; float: left; padding-left: 20px; box-sizing: border-box; }
.footer .mid .fnav .btit{ font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.footer .mid .fnav .list a{ display: block; padding: 5px 0; font-size: 14px; color: #fff; }
.footer .mid .fnav .list a:hover{ text-decoration: underline; }
.footer .banq{ padding: 30px 0; text-align: center; font-size: 12px; color: #fff; }
.footer .banq a{ color: #fff; text-decoration: underline; }
.footer .banq a:hover{ color: #ea0429; }

.weizhi{ font-size: 12px; color: #333; font-weight: bold; }
.weizhi i.fa-angle-right{ color: #ea0429; margin: 0 3px; }
.weizhi svg{ height: 15px; width: auto; vertical-align: middle; margin-right: 5px; fill: #333; }

.nypro{ padding: 60px 0; border-bottom: 2px solid #eff3f6; }
.nypro .lmtit{ font-size: 14px; padding: 20px 0; }
.nypro .advwz{ font-size: 14px; line-height: 22px; color: #333; }
.nypro .advwz img{ margin: 5px 0; }
.nypro .advwz h3{ font-size: 32px; line-height: 40px; margin-bottom: 10px; }
.nypro .pronum{ padding: 10px 25px; background: #f8f4ed; font-size: 12px; color: #333; line-height: 25px; margin-bottom: 40px; }
.nypro .pronum b{ font-weight: bold; }
.nypro .nypronav{ width: 260px;float: left; }
.nypro .nypronav .slmtit{ font-size: 14px; background: #f8f4ed; padding: 10px 25px; margin-bottom: 20px; }
.nypro .nypronav .list ul li{ font-size: 14px; position: relative; margin-bottom: 20px; }
.nypro .nypronav .list i{ position: absolute; cursor: pointer; right: 15px; top: 0; line-height: 36px; text-align: center; transition: all .5s; transform: rotate(-90deg); }
.nypro .nypronav .list i:hover{ color: #ea0429; }
.nypro .nypronav .list i.fanz{ transform: rotate(0deg); }
.nypro .nypronav .list ul li > a{ padding: 10px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 14px; background: #f8f4ed; position: relative; }
.nypro .nypronav .list ul li .erji{ }
.nypro .nypronav .list ul li .erji .li{ position: relative; margin-top: 10px; }
.nypro .nypronav .list ul li .erji .li > a{ display: block; font-size: 12px; color: #333; height: auto; line-height: 20px; position: relative; padding: 0 20px 0 26px; }
.nypro .nypronav .list ul li .erji .li i{ line-height: 20px; }
.nypro .nypronav .list ul li .erji .li span{ width: 12px; height: 12px; display: inline-block; border: 1px solid #ddd; border-radius: 50%; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -9px; }
.nypro .nypronav .list ul li .erji .li:hover > a span,.nypro .nypronav .list ul li .erji .li.on > a span{ border: 1px solid #ea0429; }
.nypro .nypronav .list ul li .erji .li:hover > a span:before,.nypro .nypronav .list ul li .erji .li.on > a span:before{ content: ""; display: block; width: 8px; height: 8px; background: #ea0429; border-radius: 50%; margin: 2px; }
.nypro .nypronav .list ul li:hover > a,.nypro .nypronav .list ul li.on > a{ color: #ea0429; }
.nypro .nypronav .list ul li.on .erji{ display: block; }
.nypro .nypronav .list ul li .erji.sanji{ padding-left: 30px; }
.nypro .nypronav .list ul li .erji .li.on .erji.sanji{ display: block; }
.nypro .nypronav .list ul li .erji.sanji .li span{ zoom:.8; }
.nypro .nypronav .list ul li .erji.sanji .li a{ font-size: 12px; color: #666; }
.nypro .nypronav .xian{ height: 1px; background: #eee; margin: 20px 0; }
.nypro .nypronav .pplist ul li{ display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #222; }
.nypro .nypronav .pplist ul li span{ width: 16px; height: 16px; display: inline-block; border: 1px solid #ddd; border-radius: 3px; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; }
.nypro .nypronav .pplist ul li:hover,.nypro .nypronav .pplist ul li.on{ color: #ea0429; }
.nypro .nypronav .pplist ul li:hover span,.nypro .nypronav .pplist ul li.on span{ border: 1px solid #ea0429; }
.nypro .nypronav .pplist ul li:hover span:before,.nypro .nypronav .pplist ul li.on span:before{ content: ""; display: block; width: 10px; height: 10px; background: #ea0429; border-radius: 3px; margin: 3px; }

.nyprolist{ width: calc(100% - 300px); float: right; }
.nyprolist ul{ display: flex; flex-wrap: wrap; width: 102%; left: -1%; position: relative; }
.nyprolist ul li{ width: 31.333%; margin: 0 1% 2%; padding: 15px; box-sizing: border-box; box-shadow: 0 .5px 1.75px rgba(0,0,0,.039),0 1.85px 6.25px rgba(0,0,0,.19); border-radius: 5px; overflow: hidden; }
.nyprolist ul li .pic{ overflow: hidden; position: relative; background: #fff; padding: 0 30px; margin-bottom: 10px; }
.nyprolist ul li .pic span{ display: block; line-height: 22px; background: #FDEFEF; color: #FF6464; border-radius: 11px; position: absolute; right: 0; top: 0; padding: 0 15px; zoom:.8; }
.nyprolist ul li .tit{ font-size: 14px; color: #333; height: 44px; line-height: 22px; margin-bottom: 5px; }
.nyprolist ul li .tit:hover{ text-decoration: underline; }
.nyprolist ul li .price{ font-size: 12px; font-weight: bold; color: #333; margin-bottom: 10px; line-height: 18px; }
.nyprolist ul li .price span{ font-size: 16px; }
.nyprolist ul li .price del{ font-weight: initial; margin-left: 10px; color: #ccc; }
.nyprolist ul li .add{ display: inline-block; width: 100%; line-height: 35px; border-radius: 5px; background: transparent linear-gradient(103deg, #ea0429 0%, #ea0429 100%) 0% 0% no-repeat padding-box; font-size: 14px; color: #fff; font-weight: bold; }
.nyprolist ul li .add svg{ width: 20px; height: initial; fill: #fff; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; }
.nyprolist ul li .add:hover{ background: #a2001b; }
.nyprolist ul li .protype{ padding: 10px 25px; text-align: center; background: #f8f4ed; font-weight: bold; font-size: 14px; border-radius: 5px; margin-bottom: 10px; color: #333; }

.feny{ text-align: center; padding-top: 10px; }
.feny a{ display: inline-block; vertical-align: middle; margin: 2px; line-height: 30px; padding: 0 10px; border-radius: 3px; background: #fff; font-size: 14px; }
.feny a:hover,.feny a.on{ background: #ea0429; color: #fff; }

.showproinfo{ padding: 60px 0 0; }
.showproinfo .left{ width: 500px; float: left; }
.showproinfo .left .bhd{ text-align: center; margin-top: 25px; }
.showproinfo .left .bhd ul li{ display: inline-block; vertical-align: middle; line-height: 30px; padding: 0 15px; color: #222; font-size: 12px; border-radius: 15px; cursor: pointer; }
.showproinfo .left .bhd ul li.on{ background: #ea0429; color: #fff; }
.showproinfo .left .bhd ul li i{ margin-right: 10px; }
.showproinfo .left .bbd video{ background: #000; width: 100%; height: 500px; }
.showproinfo .right{ width: calc(100% - 550px); float: right; }
.showproinfo .right .fenl{ font-size: 14px; margin-bottom: 5px; }
.showproinfo .right .tit{ font-size: 18px; line-height: 35px;; margin-bottom: 10px; }
.showproinfo .right .jj{ font-size: 14px; color: #666; margin-bottom: 20px; line-height: 22px; }
.showproinfo .right .price{ font-size: 14px; color: #999; margin-bottom: 15px; }
.showproinfo .right .price span{ font-size: 18px; color: #333; font-weight: bold; }
.showproinfo .right .price del{ margin-left: 10px; }
.showproinfo .right .stit{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.showproinfo .right .guiglist{ position: relative; flex-wrap: wrap; display: flex; width: 102%; left: -1%; }
.showproinfo .right .guiglist .sli{ border: 2px solid #ccc; padding: 16px 10px 16px 100px; box-sizing: border-box; width: 98%; margin: 0 1% 10px; border-radius: 10px; position: relative; cursor: pointer; min-height: 84px; }
.showproinfo .right .guiglist .sli .pic{ width: 80px; height: 80px; overflow: hidden; position: absolute; left: 10px; top: 50%; margin-top: -40px; text-align: center; }
.showproinfo .right .guiglist .sli .pic img{ max-width: 80px; max-height: 80px; display: inline-block; }
.showproinfo .right .guiglist .sli .tit{ font-size: 15px; font-weight: 400; line-height: 22px; margin-bottom: 5px; }
.showproinfo .right .guiglist .sli .sprice{ font-size: 12px; color: #666; }
.showproinfo .right .guiglist .sli .sprice del{ margin-left: 5px; color: #999; font-size: 12px; }
.showproinfo .right .guiglist .sli .sprice span{ color: #ea0429; font-size: 16px; font-weight: bold; }
.showproinfo .right .guiglist .sli.on{ border: 2px solid #ea0429; }
.showproinfo .right .shul{ display: inline-block; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; margin: 20px 0 30px; }
.showproinfo .right .shul .jian{ width: 30px; height: 30px; text-align: center; font-size: 16px; color: #333; border-right: 1px solid #ddd; }
.showproinfo .right .shul .jia{ width: 30px; height: 30px; text-align: center; font-size: 16px; color: #333; border-left: 1px solid #ddd; }
.showproinfo .right .shul .shulsz{ width: 50px; text-align: center; height: 30px; }
.showproinfo .right .ann1{ width: 230px; height: 40px; line-height: 40px; display: inline-block; background: #ea0429; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; transition: all .5s; text-align: center; }
.showproinfo .right .ann1 svg{ width: 22px; height: auto; fill:#fff; vertical-align: middle; position: relative; top: -1px; margin-right: 5px; }
.showproinfo .right .ann1:hover{ opacity: .9; }
.showproinfo .right .more{ margin-left: 20px; line-height: 40px; font-size: 14px; color: #666; text-decoration: underline; }
.showproinfo .right .more:hover{ color: #ea0429; }
.showproinfo .right .txpj{ padding: 25px; background: #fbfcfc; border-radius: 10px; display: block; margin-top: 30px; font-size: 14px; color: #999; line-height: 22px; transition: all .5s; }
.showproinfo .right .txpj svg{ width: 20px; height: auto; fill: #ea0429; float: right; }
.showproinfo .right .txpj:hover{ background: #f5f5f5; }

.dfwpic{ position: relative; }
.dfwpic span{ display: block; line-height: 22px; background: #FDEFEF; color: #FF6464; border-radius: 11px; position: absolute; right: 10px; top: 10px; padding: 0 15px; z-index: 8; }
.dfwpic .zoom{ width: 500px; height: 500px; line-height: 500px; text-align: center; }
.dfwpic .zoom .jqzoom{ max-width: 500px; max-height: 500px; display: inline-block; vertical-align: middle; }
.dfwpic .dtlist{ position: absolute; width: 100%; box-sizing: border-box; padding: 0 20px; left: 0; bottom: 25px; text-align: center; }
.dfwpic .dtlist .li{ display: inline-block; background: #ccc; width: 8px; height: 8px; border-radius: 50%; margin: 0 2px; overflow: hidden; vertical-align: middle; position: relative; cursor: pointer; transition: all .5s; }
.dfwpic .dtlist .li img{ display: none; }
.dfwpic .dtlist .li.on{ background: #ea0429; }
.dfwpic:hover .dtlist .li:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; transition: all .5s; }
.dfwpic:hover .dtlist .li.on:before{ opacity: 0; }
.dfwpic:hover .dtlist .li{ width: 45px; height: 45px; line-height: 45px; border-radius: 5px; background: #fff; }
.dfwpic:hover .dtlist .li img{ display: inline-block; vertical-align: middle; }

.indingwei{ position: relative; top: 0; }

.xianggpj{ padding: 60px 0; }
.xianggpj .lmtit{ font-size: 18px; margin-bottom: 1px; }
.xianggpj .list ul{ display: flex; position: relative; width: calc(100% + 20px); left: -10px; flex-wrap: wrap; }
.xianggpj .list ul li{ display: block; background: #f8f4ed; border-radius: 5px; overflow: hidden; margin: 20px 10px 0; width: calc(33.3333% - 20px); padding: 20px 20px 20px 100px; position: relative; box-sizing: border-box; transition: all .5s; }
.xianggpj .list ul li .pic{ width: 80px; height: 80px; position: absolute; left: 10px; top: 10px; text-align: center; }
.xianggpj .list ul li .pic img{ max-width: 80px; max-height: 80px; display: inline-block; }
.xianggpj .list ul li .tit{ font-size: 14px; color: #222; line-height: 22px; margin-bottom: 10px; font-weight: 400; }
.xianggpj .list ul li .price{ font-size: 16px; font-weight: bold; color: #666; margin-bottom: 10px; }
.xianggpj .list ul li .jj{ font-size: 12px; color: #999; padding-top: 10px; border-top: 1px solid #eee; margin-bottom: 10px; }
.xianggpj .list ul li .more{ font-size: 14px; color: #ea0429; }
.xianggpj .list ul li .more svg{ width: 16px; height: auto; vertical-align: middle; position: relative; top: -1px; margin-left: 5px; fill: #ea0429; }

.showproxian{ height: 2px; background: #eff3f6; margin: 60px 0; clear: both; }

.showprodetail .hd{ text-align: center; margin-bottom: 35px; }
.showprodetail .hd ul li{ display: inline-block; line-height: 35px; cursor: pointer; padding: 0 25px; font-size: 18px; border-radius: 5px; }
.showprodetail .hd ul li.on{ background: #f8f4ed; }
.showprodetail .bd ul{ border-radius: 5px; background: #f8f4ed; padding: 60px; font-size: 14px; line-height: 25px; }
.showprodetail .bd ul table{ table-layout: fixed; }
.showprodetail .bd ul table th{ text-align: left; font-weight: bold; }

.nybanner{ height: 800px; }

.nyoffers{ padding: 60px 0; border-bottom: 1px solid rgba(0,0,0,0.2); }
.nyoffers .slmtit{ font-size: 14px; font-weight: bold; text-align: center; }
.nyoffers .lmtit{ font-size: 32px; text-align: center; margin-bottom: 60px; }
.nyoffers .nyoffersnr{ overflow: hidden; }

.nyoffers .nyoffersnr .li{ position: relative; padding-left: 550px; min-height: 500px; }
.nyoffers .nyoffersnr .li .pic{ width: 500px; height: 500px; position: absolute; left: 0; top: 0; }
.nyoffers .nyoffersnr .li .rwz{ padding: 20px 0; }
.nyoffers .nyoffersnr .li .rwz .stit{ font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.nyoffers .nyoffersnr .li .rwz .tit{ font-size: 32px; margin-bottom: 15px; }
.nyoffers .nyoffersnr .li .rwz .jj{ font-size: 14px; line-height: 22px; color: #666; }
.nyoffers .pagination{ text-align: center; margin-top: 35px; }
.nyoffers .pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; border: 1px solid #000; opacity: 1; box-sizing: border-box; margin: 0 8px !important; }
.nyoffers .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #000; }

.nyyoushi{ padding: 60px 0; }
.nyyoushi ul li{ display: block; width: 25%; padding: 0 15px; box-sizing: border-box; float: left; text-align: center; }
.nyyoushi ul li .ico img{ width: 56px; }
.nyyoushi ul li .ico{ margin-bottom: 15px; }
.nyyoushi ul li .tit{ font-size: 14px; font-weight: bold; margin-bottom: 10px; } 
.nyyoushi ul li .jj{ font-size: 12px; }

.nyhistory{ padding: 60px 0; overflow: hidden; border-bottom: 1px solid rgba(22,22,22,.25); }
.nyhistory .list{ position: relative; padding-top: 1px; }
.nyhistory .list .xian{ width: 2px; height: calc(100% - 70px); position: absolute; left: 50%; margin-left: -1px; background: #dddedf; }
.nyhistory .list ul li{ display: block; margin: 30px 0; position: relative; }
.nyhistory .list ul li .pic{ transition: all .5s; width: 50%; box-sizing: border-box; float: left; text-align: right; padding-right: 90px; min-height: 10px; }
.nyhistory .list ul li .pic img{ max-height: 400px; }
.nyhistory .list ul li .wz{ transition: all .5s; width: 50%; box-sizing: border-box; float: left; padding-left: 90px; }
.nyhistory .list ul li .dian{ width: 20px; height: 20px; border-radius: 50%; background: #ea0429; position: absolute; left: 50%; margin-left: -10px; top: 40px; }
.nyhistory .list ul li .wz .tit{ font-size: 45px; line-height: 50px; padding-top: 20px; color: #333; margin-bottom: 20px; }
.nyhistory .list ul li .wz .jj{ font-size: 18px; color: #333; line-height: 30px; font-weight: 100; }
.nyhistory .list ul li .wz .jj b,.nyhistory .list ul li .wz .jj strong{ font-weight: bold; }
.nyhistory .list ul li:nth-child(odd) .pic{ float: right; text-align: left; padding-right: 0; padding-left: 90px; }
.nyhistory .list ul li:nth-child(odd) .wz{ padding-left: 0; padding-right: 90px; }

.nystorybanner{ padding: 240px 120px; }
.nystorybanner .lmtit{ font-size: 52px; color: #fff; margin-bottom: 10px; }
.nystorybanner .lmjj{ font-size: 18px; color: #fff; max-width: 630px; line-height: 30px; }

.huishoupage{ padding: 60px 0; font-size: 16px; line-height: 25px;border-bottom: 1px solid rgba(22,22,22,.25);  }
.huishoupage img{ margin: 5px 0; }
.huishoupage h3{ font-size: 20px; font-weight: bold; line-height: 35px; margin: 10px 0; }
.huishoupage h2{ display: block; line-height: 80px; padding: 0 15px; background: #ea0429; font-size: 20px; font-weight: bold; color: #fff; margin: 10px 0; }
.huishoupage table{ margin: 10px 0; width: 100%; table-layout: fixed; text-align: left; border: 1px solid #eee; }
.huishoupage table th,.huishoupage table td{ padding: 10px; border-bottom: 1px solid #eee; }
.huishoupage table tbody:nth-child(1) th{ font-weight: bold; background: #f7f7f7; }
.huishoupage table tr th span{ font-weight: bold !important; }
.huishoupage table tr:nth-child(even){ background: #fcfcfc; }
.huishoupage table tr th{ font-weight: bold; }
.huishoupage strong{ font-weight: bold; }

.nycontact{ padding: 50px 0; }
.nycontact .left{ width: 50%; float: left; padding-right: 40px; box-sizing: border-box; }
.nycontact .left .lmtit{ font-size: 30px; border-bottom: 1px solid #eff3f6; padding-bottom: 20px; font-weight: bold; }
.nycontact .left .wz{ padding: 40px 0 80px; }
.nycontact .left .wz .tit{ font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.nycontact .left .wz .jj{ font-size: 16px; line-height: 25px; }
.nycontact .left .list{ display: flex; flex-wrap: wrap; width: 102%; position: relative; left: -1%; }
.nycontact .left .list .li{ background: #fce0b3; border-radius: 5px; width: 48%; margin: 1%; padding: 20px; box-sizing: border-box; }
.nycontact .left .list .li .tit{ line-height: 40px; padding: 0 15px; background: #fff; border-radius: 5px; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.nycontact .left .list .li .jj{ font-size: 14px; line-height: 25px; }
.nycontact .left .list .li:nth-child(2){ background: #d2ece6; }
.nycontact .rmess{ border-radius: 5px; width: 50%; float: right; padding: 50px; box-sizing: border-box; background: #f8f4ed; }
.nycontact .rmess .lmtit{ font-size: 25px; font-weight: bold; margin-bottom: 20px; }
.nycontact .rmess .li{ margin-top: 20px; }
.nycontact .rmess .li .tit{ font-size: 14px; line-height: 22px; margin-bottom: 5px; }
.nycontact .rmess .li .tit span{ color: #f00; margin-left: 10px; }
.nycontact .rmess .li .text{ border: 1px solid #eff3f6; background: #fff; width: 100%; height: 40px; padding: 0 15px; box-sizing: border-box; font-size: 14px; }
.nycontact .rmess .li .textarea{ width: 100%; border: 1px solid #eff3f6; padding: 10px 15px; box-sizing: border-box; line-height: 25px; height: 72px; font-size: 14px; }
.nycontact .rmess .li .sub{ outline: none; width: 130px; line-height: 50px; border-radius: 5px; font-size: 14px; color: #fff; background: #ea0429; }
.nycontact .rmess .li .sub:hover{ background: #a2001b; }

.nyque{ padding: 60px 0; }
.nyque .lmtit{ font-size: 65px; }
.nyque .slmtit{ font-size: 30px; color: #666; margin-bottom: 15px; }
.nyque .nav{ margin-bottom: 15px; }
.nyque .nav ul li{ display: inline-block; margin-right: 20px; }
.nyque .nav ul li a{ display: block; line-height: 40px; font-size: 13px; color: #666; position: relative; }
.nyque .nav ul li.on a{ border-bottom: 3px solid #000; color: #000; font-weight: bold; }
.nyque .list .btit{ padding: 20px; text-align: center; border: 1px solid #e5e5e5; font-size: 26px; border-radius: 5px; }
.nyque .list .li{ border-radius: 5px; border: 1px solid #e5e5e5; margin-top: 10px; }
.nyque .list .li .tit{ padding: 15px 60px 15px 15px; position: relative; font-size: 14px; font-weight: bold; background: #f8f4ed; cursor: pointer; }
.nyque .list .li .jj{ padding: 15px; border-top: 1px solid #000; font-size: 14px; line-height: 22px; background: #fffcfa; display: none; }
.nyque .list .li .tit:before{ content: "+"; width: 60px; text-align: center; line-height: 46px; position: absolute; right: 0; top: 50%; margin-top: -23px; }
.nyque .list .li.on .tit:before{ content: "-"; }
.nyque .list .li.on .jj{ display: block; }

.nynews{ padding: 50px 0 0 }
.nynews .lmtit{ font-size: 30px; font-weight: bold; margin-bottom: 30px; }
.nynews .llist{ width: calc(100% - 310px); float: left; }
.nynews .llist ul li{ padding: 0 0 30px 310px; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; min-height: 190px; }
.nynews .llist ul li .pic{ width: 285px; max-height: 200px; position: relative; overflow: hidden; position: absolute; left: 0; top: 0; }
.nynews .llist ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.nynews .llist ul li .pic span{ line-height: 22px; background: #000; position: absolute; left: 0; bottom: 0; font-size: 12px; color: #fff; padding: 0 10px; display: block; }
.nynews .llist ul li .tit{ font-size: 20px; color: #ea0429; font-weight: bold; margin-bottom: 10px; }
.nynews .llist ul li .date{ font-size: 12px; color: #999; margin-bottom: 10px; }
.nynews .llist ul li .jj{ font-size: 14px; line-height: 25px; margin-bottom: 20px; color: #666; }
.nynews .llist ul li .ann{ width: 130px; line-height: 50px; font-weight: bold; font-size: 14px; background: #ea0429; border-radius: 5px; text-align: center; color: #fff; }
.nynews .llist ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nynews .llist ul li .ann:hover{ opacity: .9; }
.nynews .right{ width: 285px; float: right; }
.nynews .right .nav{ padding: 50px 30px; border: 3px solid #fafcfe; margin-bottom: 40px; }
.nynews .right .nav .lmtit{ font-size: 20px; margin-bottom: 10px; }
.nynews .right .nav ul li{ padding: 5px 0; display: block; line-height: 20px; font-size: 14px; }
.nynews .right .nav ul li a{ color: #ea0429; font-weight: bold; margin-right: 5px; }
.nynews .right .nav ul li a:hover{ text-decoration: underline; }
.nynews .right .renews{ padding: 30px; border: 3px solid #fafcfe; }
.nynews .right .renews .lmtit{ font-size: 20px; margin-bottom: 10px; }
.nynews .right .renews .list ul li{ display: block; padding-left: 75px; position: relative; margin-top: 10px; }
.nynews .right .renews .list ul li .pic{ position: absolute; width: 65px; position: absolute; left: 0; top: 0; padding: 5px; border: 1px solid #eee; box-sizing: border-box; }
.nynews .right .renews .list ul li .tit{ font-size: 14px; color: #ea0429; line-height: 20px; margin-bottom: 10px; }
.nynews .right .renews .list ul li .date{ color: #999; }
.nynews .right .renews .list ul li:hover .tit{ text-decoration: underline; }

.shownews{ width: calc(100% - 310px); float: left; }
.shownews .tit{ font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.shownews .date{ color: #999; margin-bottom: 10px; }
.shownews .date a{ font-weight: bold; color: #ea0429; }
.shownews .date a:hover{ text-decoration: underline; }
.shownews .wz{ font-size: 14px; line-height: 25px; color: #333; }
.shownews .pre{ margin-top: 50px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; }
.shownews .pre .li{ width: 50%; padding: 20px; box-sizing: border-box; font-size: 14px; color: #ccc; }
.shownews .pre .li a{ display: block; font-size: 16px; font-weight: bold; color: #ea0429; margin-top: 5px; line-height: 25px; }
.shownews .pre .li:nth-child(2){ text-align: right; }
.shownews .pre .li:hover{ background: #f8f8f8; }

.nypage .lmtit{ background: #f7f8f9; padding: 45px 0; }
.nypage .lmtit .tit{ font-size: 35px; color: #ea0429; font-weight: 400; margin-bottom: 5px; }
.nypage .lmtit .weizhi{ font-size: 12px; color: #666666; padding: 0; border-bottom: 0; }
.nypage .lmtit .weizhi a{ color: #666; }
.nypage .lmtit .weizhi svg{ fill: #666; width: 15px; height: auto;; vertical-align: middle; margin-right: 5px; position: relative; top: -1px; }
.nypage .lmtit .weizhi a:hover{ color: #ea0429; }
.nypage .lmtit .weizhi i{ margin: 0 3px; }
.nypage .wz{ padding: 50px 0; font-size: 14px; line-height: 25px; color: #666; }
.nypage .wz h3{ font-size: 18px; font-weight: bold; margin: 5px 0; }

.nycart{ padding: 60px 0; }
.nycart .lmtit{ font-size: 30px; color: #222; font-weight: 400; }
.nycart .lmjj{ font-size: 14px; color: #666; }
.nycart .lmjj a{ color: #ea0429; }
.nycart .lmjj a:hover{ text-decoration: underline; }
.nycart .carttable table{ width: 100%; }
.nycart .carttable table tr th{ padding: 20px 0; font-size: 14px; color: #999; border-bottom: 1px solid #eee; }
.nycart .carttable table tr th:nth-child(1){ text-align: left; }
.nycart .carttable table tr td{ padding: 20px; text-align: center; border-bottom: 1px solid #eee; font-size: 14px; color: #222; }
.nycart .carttable table tr td del{ font-size: 12px; color: #ccc; margin-left: 5px; }
.nycart .carttable table tr td .proli{ padding: 30px 0 30px 150px; position: relative; }
.nycart .carttable table tr td .proli .pic{ width: 120px; height: 120px; position: absolute; left: 0; top: 50%; margin-top: -60px; }
.nycart .carttable table tr td .proli .tit{ font-size: 16px; color: #222; text-align: left; margin-bottom: 5px; }
.nycart .carttable table tr td .proli .tit:hover{ color: #ea0429; }
.nycart .carttable table tr td .proli .protype{ line-height: 30px; text-align: left; font-size: 12px; color: #999; height: 30px; }
.nycart .carttable table tr td .proli .protype span{ display: inline-block; width: 30px; height: 30px; border: 1px solid #eee; vertical-align: middle; margin-right: 5px; }
.nycart .carttable table tr td .text{ width: 100px; border: 1px solid #ccc; height: 30px; text-align: center; outline: none; border-radius: 5px; }
.nycart .carttable table tr td input[type=number]::-webkit-inner-spin-button, 
.nycart .carttable table tr td input[type=number]::-webkit-outer-spin-button{ opacity: 1; }
.nycart .carttable table tr td .delann{ font-size: 20px; color: #999; }
.nycart .carttable table tr td .delann:hover{ color: #ea0429; }
.nycart .zongji{ padding: 35px 0; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.nycart .zongji .tishi{ float: left; text-align: left; padding-left: 35px; position: relative; width: auto; }
.nycart .zongji .tishi i{ position: absolute; left: 0; top: 0; line-height: 25px; font-size: 18px; color: #222; }
.nycart .zongji .tishi .tit{ color: #222; font-size: 16px; }
.nycart .zongji .tishi .jj{ margin-top: 5px; font-size: 13px; line-height: 20px; color: #666; }
.nycart .zongji .tishi .jj a{ color: #ea0429; margin: 0 3px; }
.nycart .zongji .tishi .jj a:hover{ text-decoration: underline; }
.nycart .zongji .right{ float: right; text-align: right; }
.nycart .zongji .right .s{ font-size: 16px; color: #666; }
.nycart .zongji .right .b{ font-size: 22px; font-weight: 400; color: #222; }
.nycart .cartann a{ width: 280px; line-height: 40px; border-radius: 20px; background: #f5f5f5; font-size: 16px; color: #222; display: block; text-align: center; } 
.nycart .cartann a.lann{ float: left; }
.nycart .cartann a.rann{ float: right; background: #ea0429; color: #fff; }
.nycart .cartann a:hover{ opacity: .9; }
.nycart .nothing{ margin: 20px 0; text-align: center; }
.nycart .nothing .ico{ font-size: 100px; color: #999; line-height: 100px; }
.nycart .nothing .tit{ font-size: 25px; }

.nyreg{ padding: 45px 0; }
.nyreg .nr{ background: #fff; width: 100%; max-width: 530px; box-sizing: border-box; padding: 40px 45px; box-shadow: 0 0 15px rgba(0,0,0,.0.5); margin: 0 auto; }
.nyreg .nr .logo{ text-align: center; margin-bottom: 10px; }
.nyreg .nr .logo img{ max-height: 40px; }
.nyreg .nr .lmtit{ font-size: 30px; color: #222; font-weight: 400; margin: 5px 0 25px; text-align: center; }
.nyreg .nr .list .li{ margin-bottom: 15px; }
.nyreg .nr .list .li .tit{ font-size: 14px; font-weight: 600; color: #222; margin-bottom: 5px; }
.nyreg .nr .list .li .text{ height: 40px; border: 1px solid #ddd; width: 100%; border-radius: 5px; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #222; transition: all .5s; }
.nyreg .nr .list .li .text:focus{ border: 1px solid #ea0429; box-shadow: 0 0 5px rgba(0,112,213,.5); }
.nyreg .nr #slider{ margin: 20px 0 15px; }
.nyreg .nr .tis1{ font-size: 12px; color: #666; margin-bottom: 30px; }
.nyreg .nr .tis1 a{ margin: 0 5px; color: #222; }
.nyreg .nr .tis1 input{ position: relative; top: -1px; }
.nyreg .nr .tis1 a:hover{ color: #ea0429; text-decoration: underline; }
.nyreg .nr .sub{ display: block; line-height: 45px; border-radius: 5px; background: transparent linear-gradient(97deg, #ea0429 0%, #ea0429 100%); font-size: 16px; color: #fff; text-align: center; margin-bottom: 10px; }
.nyreg .nr .sub:hover{ opacity: .9; }
.nyreg .nr .tis2{ text-align: center; font-size: 14px; }
.nyreg .nr .tis2 a{ color: #ea0429; margin-left: 5px; }
.nyreg .nr .tis2 a:hover{ text-decoration: underline; }
.nyreg .nr .xian{ margin: 20px 0; height: 1px; background: #eee; }
.nyreg .nr .tis3{ text-align: center; font-size: 14px; color: #999; }
.nyreg .nr .tis3 a{ color: #ea0429; margin-left: 5px; }
.nyreg .nr .tis3 a:hover{ text-decoration: underline; }

.nylogin .nr #slider{ margin: 20px 0 30px; }

.nyconfirmorder{ padding: 60px 0; }
.nyconfirmorder .lmtit{ font-size: 30px; color: #222; font-weight: 400; }
.nyconfirmorder .nr{ margin-top: 20px; }
.nyconfirmorder .nr .orderinfo{ max-width: 335px; width: 100%; float: right; }
.nyconfirmorder .nr .orderinfo .slmtit{ line-height: 25px; font-size: 20px; margin-bottom: 10px; color: #222; }
.nyconfirmorder .nr .orderinfo .slmtit a{ float: right; font-size: 14px; color: #ea0429; }
.nyconfirmorder .nr .orderinfo .slmtit a:hover{ text-decoration: underline; }
.nyconfirmorder .nr .orderinfo .prolist .li{ position: relative; padding: 10px 60px 10px 75px; }
.nyconfirmorder .nr .orderinfo .prolist .li .pic{ width: 60px; height: 60px; position: absolute; left: 0; top: 50%; margin-top: -30px; }
.nyconfirmorder .nr .orderinfo .prolist .li .tit{ font-size: 14px; color: #333; margin-bottom: 10px; }
.nyconfirmorder .nr .orderinfo .prolist .li .shul{ font-size: 13px; color: #666; }
.nyconfirmorder .nr .orderinfo .prolist .li .shul del{ font-size: 12px; color: #ccc; margin-left: 5px; }
.nyconfirmorder .nr .orderinfo .prolist .li .price{ font-size: 13px; color: #333; position: absolute; right: 0; top: 50%; line-height: 20px; margin-top: -10px; }
.nyconfirmorder .nr .orderinfo .xian{ width: 100%; height: 1px; background: #eee; margin: 20px 0; }
.nyconfirmorder .nr .orderinfo .zprice{ font-size: 14px; color: #666; line-height: 30px; }
.nyconfirmorder .nr .orderinfo .zprice span{ float: right; font-size: 18px; color: #222; font-weight: 500; }
.nyconfirmorder .nr .mess{ width: calc(100% - 385px); box-sizing: border-box; padding-right: 55px; border-right: 1px solid #eee; float: left; }
.nyconfirmorder .nr .mess .slmtit{ line-height: 25px; font-size: 20px; margin-bottom: 10px; color: #222; margin-bottom: 20px; }
.nyconfirmorder .nr .mess .li{ margin-bottom: 15px; }
.nyconfirmorder .nr .mess .li .tit{ font-size: 14px; font-weight: 600; color: #222; margin-bottom: 5px; }
.nyconfirmorder .nr .mess .li .tit span{ margin-left: 5px; color: #f00; }
.nyconfirmorder .nr .mess .li .text{ height: 40px; border: 1px solid #ddd; width: 100%; border-radius: 5px; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #222; transition: all .5s; }
.nyconfirmorder .nr .mess .li .text:focus{ border: 1px solid #ea0429; box-shadow: 0 0 5px rgba(0,112,213,.5); }
.nyconfirmorder .nr .mess .li .textarea{ width: 100%; padding: 10px 15px; border-radius: 5px; box-sizing: border-box; border: 1px solid #ddd; font-size: 14px; color: #222; line-height: 25px; }
.nyconfirmorder .nr .mess .li .tis{ line-height: 40px; font-size: 14px; color: #666; float: left; }
.nyconfirmorder .nr .mess .li .tis a{ color: #ea0429; }
.nyconfirmorder .nr .mess .li .tis a:hover{ text-decoration: underline; }
.nyconfirmorder .nr .mess .li .sub{ width: 230px; line-height: 45px; border-radius: 25px; background: #222; font-size: 16px; color: #fff; display: block; float: left; text-align: center; }
.nyconfirmorder .nr .mess .li.li1{ margin-top: 30px; margin-bottom: 0; }
.nyconfirmorder .nr .mess .paylist .li img{ height: 70px; border: 2px solid #ea0429; border-radius: 5px; overflow: hidden; cursor: pointer; }
.nyconfirmorder .nr .mess .li .sub:hover{ opacity: .9; }
.nyconfirmorder .nr .mess .li.li #slider{ float: left; }

.uindex{ padding: 30px 0; }
.uindex .weizhi{ margin-bottom: 10px; }
.uindex .unav{ width: 290px; box-sizing: border-box; background: #fff; padding: 20px 0; float: left; }
.uindex .unav .li{ padding: 0 20px; height: 35px; line-height: 35px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uindex .unav .li svg{ width: 16px; height: auto; fill: #666; vertical-align: middle; position: relative; top: -2px; margin-right: 10px; }
.uindex .unav .li:hover{ color: #222; background: #f8f8f8; }
.uindex .unav .tit{ font-size: 12px; color: #999; padding: 0 20px; margin: 10px 0; }
.uindex .uright{ width: calc(100% - 310px); float: right; }

.ugerenzx .top{ margin-bottom: 20px; }
.ugerenzx .top .linfo{ width: calc(70% - 20px); background: #fff; box-sizing: border-box; padding: 63px 20px; float: left; min-height: 201px; }
.ugerenzx .top .linfo .pic{ width: 65px; height: 65px; float: left; margin-right: 15px; border-radius: 50%; overflow: hidden; }
.ugerenzx .top .linfo .tit{ font-size: 18px; font-weight: 500; padding: 10px 0 0; }
.ugerenzx .top .linfo a{ font-size: 14px; color: #ea0429; }
.ugerenzx .top .linfo a:hover{ text-decoration: underline; }
.ugerenzx .top .liuljl{ width: 30%; background: #fff; padding: 20px; box-sizing: border-box; float: right; min-height: 191px; }
.ugerenzx .top .liuljl .lmtit{ font-size: 20px; color: #222; margin-bottom: 10px; }
.ugerenzx .top .liuljl .list .li{ position: relative; padding-left: 55px; }
.ugerenzx .top .liuljl .list .li .tit{ line-height: 45px; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #222; }
.ugerenzx .top .liuljl .list .li .pic{ width: 45px; height: 45px; position: absolute; left: 0; top: 0; overflow: hidden; margin-bottom: 10px; }
.ugerenzx .top .liuljl .more{ font-size: 14px; color: #ea0429; margin-top: 10px; display: block; }
.ugerenzx .top .liuljl .more:hover{ text-decoration: underline; }

.uorder{ padding: 20px 20px 30px; background: #fff; }
.uorder .lmtit{ margin-bottom: 15px; }
.uorder .lmtit span{ font-size: 20px; color: #222; line-height: 40px; padding-left: 15px; position: relative; float: left; }
.uorder .lmtit span:before{ content: ""; display: block; width: 5px; height: 20px; background: #ea0429; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.uorder .lmtit .kk{ float: right; width: 220px; padding-right: 60px; border: 1px solid #eee; border-radius: 15px; position: relative; overflow: hidden; }
.uorder .lmtit .kk .text{ width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #666; }
.uorder .lmtit .kk .sub{ outline: none; width: 60px; position: absolute; right: 0; top: 0; height: 30px; background: #ea0429; font-size: 16px; color: #fff; }
.uorder .lmtit .kk .sub:hover{ opacity: .9; }
.uorder .nothing{ padding: 35px 0 50px; text-align: center; }
.uorder .nothing .tit{ font-size: 18px; color: #666; margin-bottom: 20px; }
.uorder .nothing .ann{ display: block; width: 110px; line-height: 30px; border-radius: 15px; background: #ea0429; font-size: 14px; color: #fff; margin: 0 auto; }
.uorder .nothing .ann:hover{ opacity: .9; }
.uorder .list ul li{ display: block; border: 1px solid #ddd; overflow: hidden; margin-bottom: 15px; }
.uorder .list ul li .btit{ padding: 10px; background: #fff; line-height: 20px; }
.uorder .list ul li .btit .oid{ float: left; font-size: 14px; color: #ea0429; margin-right: 20px; }
.uorder .list ul li .btit .oid .time{ font-size: 12px; color: #666; }
.uorder .list ul li .btit .num{ float: left; line-height: 40px; font-size: 12px; color: #333; }
.uorder .list ul li .btit .num span{ color: #cd0606; }
.uorder .list ul li .btit .zt{ float: right; line-height: 40px; font-weight: bold; }
.uorder .list ul li .btit .payann{ float: right; line-height: 40px; padding: 0 20px; border-radius: 5px; background: #ea0429; display: block; margin-left: 20px; color: #fff; font-size: 14px; }
.uorder .list ul li .btit .payann:hover{ opacity: .9; }
.uorder .list ul li table{ width: 100%; }
.uorder .list ul li th{ background: #f8f8f8; padding: 5px 10px; text-align: left; font-size: 14px; color: #111; border: 1px solid #eee; }
.uorder .list ul li td{ padding: 5px 10px; text-align: left; }
.uorder .list ul li .proli{ padding-left: 70px; min-height: 60px; position: relative; }
.uorder .list ul li .proli .pic{ width: 60px; height: 60px; position: absolute; left: 0; top: 0; }
.uorder .list ul li .proli .pic img{ width: 100%; }
.uorder .list ul li .proli .stit{ color: #ea0429; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uorder .list ul li .proli .tit{ font-size: 14px; color: #111; line-height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uorder .list ul li .proli .tit:hover{ text-decoration: underline; }
.uorder .list ul li .proli .protype{ font-size: 12px; color: #666; line-height: 20px; }
.uorder .list ul li .proli .protype span{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.uorder .list ul li .ann{ padding: 10px 0; text-align: center; display: block; background: #fbfcfc; font-size: 12px; }

.ushoworder .orderinfo{ padding: 20px; background: #fff; margin-bottom: 20px; }
.ushoworder .orderinfo .lmtit{ font-size: 20px; margin-bottom: 10px; }
.ushoworder .orderinfo .lmtit i{ color: #ea0429; margin-right: 5px; }
.ushoworder .orderinfo table{ width: 100%; }
.ushoworder .orderinfo table th,.ushoworder .orderinfo table td{ border: 1px solid #f5f5f5; padding: 10px; line-height: 22px; color: #333; }
.ushoworder .orderinfo table th{ background: #f8f8f8; text-align: right; width: 200px; }
.ushoworder .orderinfo table .price{ color: #cd0606; }
.ushoworder .orderinfo .payann{ display: inline-block; line-height: 35px; padding: 0 20px; border-radius: 5px; background: #ea0429; margin-left: 10px; color: #fff; font-size: 14px; }
.ushoworder .orderinfo .payann:hover{ opacity: .9; }
.ushoworder .prolist{ padding: 20px 20px 30px; background: #fff; }
.ushoworder .prolist .lmtit{ font-size: 20px; margin-bottom: 10px; }
.ushoworder .prolist .lmtit i{ color: #ea0429; margin-right: 5px; }
.ushoworder .prolist table{ width: 100%; }
.ushoworder .prolist th{ background: #f8f8f8; padding: 10px; text-align: left; font-size: 16px; color: #111; }
.ushoworder .prolist td{ padding: 15px 10px; text-align: left; border-bottom: 1px solid #eee; }
.ushoworder .prolist .proli{ padding-left: 70px; min-height: 60px; position: relative; }
.ushoworder .prolist .proli .pic{ width: 60px; height: 60px; position: absolute; left: 0; top: 0; }
.ushoworder .prolist .proli .stit{ color: #ea0429; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ushoworder .prolist .proli .tit{ font-size: 14px; color: #111; line-height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ushoworder .prolist .proli .tit:hover{ text-decoration: underline; }
.ushoworder .prolist .proli .protype{ font-size: 12px; color: #666; line-height: 24px; }
.ushoworder .prolist .proli .protype span{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }

.ufavourites{ padding: 20px 20px 30px; background: #fff; }
.ufavourites .lmtit{ margin-bottom: 5px; }
.ufavourites .lmtit span{ font-size: 20px; line-height: 40px; padding-left: 15px; position: relative; float: left; }
.ufavourites .lmtit span:before{ content: ""; display: block; width: 5px; height: 20px; background: #ea0429; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.ufavourites table{ width: 100%; margin-bottom: 10px; }
.ufavourites th{ background: #f8f8f8; padding: 10px 20px; text-align: left; font-size: 14px; color: #111; }
.ufavourites td{ padding: 15px 20px; text-align: left; border-bottom: 1px solid #ddd; font-size: 14px; color: #999; }
.ufavourites .delann{ display: block; text-align: center; font-size: 20px; color: #ea0429; }
.ufavourites .delann:hover{ color: #c80000; }
.ufavourites th a{ color: #ea0429; }
.ufavourites th a:hover{ text-decoration: underline; }
.ufavourites .tit{ font-size: 14px; color: #333; }
.ufavourites .tit span{ color: #ea0429; font-weight: bold; padding-right: 5px; margin-right: 5px; display: inline-block; border-right: 1px solid #ddd; }

.uedit{ padding: 20px; background: #fff; }
.uedit .editnr{ margin-bottom: 20px; width: 102%; position: relative; left: -1%; }
.uedit .editnr .li{ width: 48%; margin: 5px 1% 0; float: left; }
.uedit .editnr .li .tit{ line-height: 25px; }
.uedit .editnr .li .tit span{ color: #c80000; margin-right: 5px; }
.uedit .editnr .li .text{ width: 100%; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; color: #333; }
.uedit .editnr .sub{ display: block; outline: none; width: 90px; text-align: center; line-height: 35px; height: 35px; border-radius: 5px; background: #ea0429; font-size: 14px; color: #fff; margin-left: 1%; margin-top: 20px; cursor: pointer; }
.uedit .editnr .sub:hover{ opacity: .9; }
.uedit .shuom{ font-size: 14px; line-height: 25px; }