.index_icon{background: url(/static/imges/index_icon.png) no-repeat}
.banner_icon{background: url(/static/images/banner/banner_icon.png) no-repeat}


/*海报*/
.nfirstScreen {position: relative;width: 100%;height: 470px;min-width: 990px;overflow: hidden;z-index: -1;padding-top: 10px;}
.nfirstScreen .fw-bg {position: absolute;top: 0;left: 0;width: 100%;height: 490px;overflow: hidden;}
.nfirstScreen .fw-bg img {position: absolute;width: 545px;height: 490px;left: 50%;top: 0;}
.nfirstScreen .fw-bg img.fw-bg-left {margin-left: -950px;}
.nfirstScreen .fw-bg img.fw-bg-right {margin-left: 425px;}
.nfirstScreen {min-width: 1190px}
.nfirstScreen .banner-wrapper {position: relative;width: 100%;height: 490px;overflow: hidden}
.nfirstScreen .banner-wrapper .banner {position: absolute;width: 100%;height: 490px;top: 0;left: 0;overflow: hidden}
.nfirstScreen .banner-wrapper .banner ul {position: absolute;width: 100%;height: 490px;top: 0;left: 0;overflow: hidden}
.nfirstScreen .banner-wrapper .banner li {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 490px}
.nfirstScreen .banner-wrapper .banner li a {position: absolute;display: block}
.nfirstScreen .banner-wrapper .banner li img {display: block}
.nfirstScreen .banner-wrapper .banner li a.big {top: 0;left: 50%;margin-left: -438px;width: 900px;height:490px}
.nfirstScreen .banner-wrapper .banner li a.big img {width: 900px;height: 490px}
.nfirstScreen .banner-wrapper .banner li.current {display: block}
.nfirstScreen .banner-wrapper a.btn {position: absolute;display: none;width: 12px;height:50px;top: 180px;background: url(/static/imges/index_icon.png);}
.nfirstScreen .banner-wrapper a.btn-left {left: 50%;margin-left: -305px;background-position: -82px -145px}
.nfirstScreen .banner-wrapper a.btn-right {right: 50%;margin-right: -325px;background-position: -116px -145px}
.nfirstScreen .banner-wrapper a.btn-left:hover {background-position: -161px -145px}
.nfirstScreen .banner-wrapper a.btn-right:hover {background-position: -198px -145px}
.nfirstScreen .banner-wrapper .banner-nav-wrapper {position: absolute;top: 323px;width: 100%;height: 20px;text-align: center;font-size: 0}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav {position: relative;display: inline-block;	opacity: .8;padding: 0 8px 0 0;height: 20px;margin-left: 100px}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav a {position: relative;display: inline-block;margin-left: 8px;width: 20px;height: 20px;background: url(/static/imges/index_icon.png) -26px -100px;color: #FFF}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav a.current {background-position: 0 -100px}
.nfirstScreen .banner-wrapper .banner li a.big {margin-left: -438px}
.nfirstScreen .banner-wrapper a.btn-left {margin-left: -429px}.nfirstScreen .banner-wrapper a.btn-right {margin-right: -452px}
.nfirstScreen .banner-wrapper .banner-nav-wrapper .banner-nav {margin-left: 0}
.nfirstScreen .first-right {position: absolute;top: 10px;right: 0;width: 200px;height: 470px;background: #FFF;overflow: hidden}
.nfirstScreen .first-right {margin-left: 460px}
.nfirstScreen .first-right .first_login .first_login_min{float: left;width: 50px; height: 50px; border-radius: 50%; margin: 10px auto;background: #f6f6f6;margin-bottom: 5px;}
.nfirstScreen .first-right .first_login  .first_text_right{float: left;margin-top: 15px;padding-left: 12px;width: 118px;}
.denlu_box{padding: 10px; padding-bottom: 20px;}
.nfirstScreen .first-right .first_login .first_login_min a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.nfirstScreen .first-right .first_login .first_login_min img{display: block;border-radius: 50%;       margin-bottom: 5px; width: 100%;height:auto;}
.nfirstScreen .first-right .first_login .first_bnt .hui{display: block; width: 82px; height: 24px;border-radius:5px ; line-height: 24px; border: 1px solid #264283;color: #264283;float: left;margin-left: 10px; text-align: center;}
.nfirstScreen .first-right .first_login .first_bnt .hui:hover{background: #264283;color: #fff;}
.nfirstScreen .first-right .first_login .first_bnt .active{ background: #264283; color: #FFFDEF;border: 1px solid #264283;}

.first_bnt .offer {margin: 0 10px;padding: 11px 10px 16px;border-radius: 6px;background-color: #f3f7ff;cursor: pointer}
.first_bnt .subjoinBtn{margin-top: 7px;margin-bottom: 17px;color: #264282;font-size: 12px;display: flex;justify-content: space-between;}
.first_bnt .subjoinBtn span{cursor: pointer;}
.first_bnt  .offer .primaryBtn .el-button {border: none;width: 169px;height: 30px;line-height:30px;color: #FFFFFF;font-size: 16px;border-radius: 25px;transition: all .4s;background-color: #264283;}
.first_bnt  .offer .primaryBtn .el-button:hover {background-color: #ba0c15;border-color: #ba0c15}

/*.nfirstScreen .first-right .first_login .first_bnt a:hover{background: #ff500b; color: #FFFFFF;border: 1px solid #ff500b;}*/
.nfirstScreen .first-right .first_login h5{font-size: 12px;color: #888888;text-align: left!important;}
.nfirstScreen .first-right .m_service .user-info-tab{width: 100%;height: 45px;cursor: pointer;}
.nfirstScreen .first-right .m_service  .user-info-tab .uit_tit{list-style: none;width: 90%;padding: 15px 0 8px;padding-left: 10px;background: #fff;text-align: center;border-bottom: 1px dashed #eee;float: left;font-size: 12px;}
.nfirstScreen .first-right .m_service  .user-info-tab .uit_tit02{padding: 25px 10px 8px 10px;}
.nfirstScreen .first-right .m_service  .user-info-tab .uit_tit02.active:before{top: 48px;}
.nfirstScreen .first-right .m_service  .user-info-tab .active {/*border-bottom: 1px solid #cf121b;*/color: #264283;}
.nfirstScreen .first-right  .m_service .user-info-svr {height: 150px;background: #fff;padding: 20px 0 10px;width: 100%; overflow: hidden;}
.nfirstScreen .first-right  .m_service .user-info-svr a {text-align: center;float: left;width: 33.33%;height: 70px;cursor: pointer;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;}
.nfirstScreen .first-right  .m_service .user-info-svr .zhangyong a {text-align: center;float: left;width:50%;height: 90px;cursor: pointer;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;}
.nfirstScreen .first-right  .m_service .user-info-svr a em {display: block;font-style: normal;line-height:12px;font-size: 12px;color: #999;}
.nfirstScreen .first-right  .m_service .user-info-svr a i{font-size: 20px; color: #264283; }
.nfirstScreen .first-right  .m_service .info01{padding: 5px 0 10px;height: 130px;}
.nfirstScreen .first-right  .m_service .info01 a em{color: #333;}
.nfirstScreen .first-right  .m_service .info01 .heingt{margin: 0;}

.nfirstScreen .first-right  .m_service .heingt{height: 1px; width: 100%; background: #f6f6f6;margin-top: 15px;}
.nfirstScreen .first-right .user-info-svr a:hover{    -webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px); }
.nfirstScreen .first-right .user-info-svr a:hover em{color: #264283;}
.nfirstScreen .first-right .uset_nwe_box{padding: 10px; }
.nfirstScreen .first-right .uset_nwe_box .uset_txet strong{font-size: 14px;font-weight: bold; color: #333; display: block;float: left; padding-left: 10px;}
.nfirstScreen .first-right .uset_nwe_box .uset_txet strong:before{content: "";width: 2px;background: #264283;height: 16px;position: absolute;left:0px;top: 1px;}
.nfirstScreen .first-right .uset_nwe_box .uset_txet a{text-align: right; display: block;float:right; color: #999; font-size: 12px;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit{margin-top: 10px;height: 50px;overflow: hidden;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li { overflow: hidden; padding-bottom: 5px; position: relative;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li span{ display: block; width: 35px; height: 18px; line-height: 18px; text-align: center;float: left;border-radius:5px ; color: #FFFFFF;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li .span_color1{background: #90b0c6;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li .span_color2{background: #e0b95a;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li .span_color3{background: #e47f7f;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li p{ font-size: 12px; width: 166px; margin-left:10px ;line-height: 18px;float: right; color: #888888;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li p:before{ content: "";width: 8px;background: #264283;height:8px;position: absolute;left: 0px;top: 5px;border-radius:40% ;}
.nfirstScreen .first-right .uset_nwe_box .uset_lsit ul li a:hover p{color: #264283;}

.js-user-in .uis-icon .banner_icon{width: 32px;height: 32px;display: block;}
.js-user-in .uis-icon .banner_icon01{background-position: -238px 2px;}
.js-user-in .uis-icon .banner_icon02{background-position: -189px 2px;}
.js-user-in .uis-icon .banner_icon03{background-position:-284px 3px}
.js-user-in .uis-icon .banner_icon04{background-position: -328px 3px;}
.js-user-in .uis-icon .banner_icon05{background-position: -379px 3px;}
.js-user-in .uis-icon .banner_icon06{background-position: -434px 4px;}
.js-user-in .uis-icon .banner_icon07{background-position: -1px -2px;}
.js-user-in .uis-icon .banner_icon08{background-position:-47px -2px;}
.js-user-in .uis-icon .banner_icon09{background-position: -92px -2px;}
.js-user-in .uis-icon .banner_icon10{background-position: -143px -2px;}

/* big banner */
.mod-banner-box { height:470px; position: relative; top: 0; left: 0; min-width: 1200px; }
.mod-banner-box .mod-box { position: relative; height: 0; }
.mod-roller-big-brand { text-align: center; overflow: hidden; position: absolute; top: 0; left: 204px; bottom: 0; right: 0; width: 790px; height: 470px;background: #000;}
.mod-roller-big-brand ul li {  height: 470px; }
.mod-roller-big-brand ul li a { position: relative; overflow: hidden; display: block; height: 500px; margin: 0 auto; }
.mod-roller-big-brand ul li .sign { position: absolute; left: 250px; bottom: 95px; -webkit-opacity: 0.3; opacity: .3; filter: alpha(opacity=30); background-color: #000; width: 32px; height: 20px; overflow: hidden; color: #fff; font-size: 12px; text-align: center; }
.mod-roller-big-brand ul li img { width: 100%; vertical-align: top; }
.mod-roller-big-brand .flex-control-nav { display: inline-block; line-height: 8px; vertical-align: top; position: absolute; bottom: 15px; width: 300px; left: 50%; margin-left: -167px; }
.mod-roller-big-brand .flex-control-nav li { display: inline-block; margin: 0 3px 0 2px; }
.mod-roller-big-brand .flex-control-nav li a { display: inline-block; width: 6px; height: 6px; border-radius: 6px; background-color: #fff; vertical-align: top; opacity: 0.5; border: 1px solid #b2b2b2; border-color: rgba(0, 0, 0, 0.3); font-size: 0; }
.mod-roller-big-brand .flex-control-nav li a.flex-active { width: 15px; }
.mod-roller-big-brand .flex-direction-nav{/*width:796px; height: 80px; margin: 140px auto; overflow: hidden; */position: relative;}
.mod-roller-big-brand .flex-direction-nav li { height: auto; }
.mod-roller-big-brand .flex-direction-nav a { position: absolute; width: 20px; height: 80px; padding: 0; font-size: 0; line-height: 0; overflow-y: hidden; background: url(/static/imges/icon-flex-big-nav.png) no-repeat 0 0; }
.mod-roller-big-brand .flex-direction-nav a.flex-next {  background-position: -20px 0; top: 200px; right: 12px;display: none;}
.mod-roller-big-brand .flex-direction-nav a.flex-prev{ top: 200px; left: 20px;display: none;}

.first-hc {position: absolute;bottom: 16px;left: 202px;width: 796px;height: 118px;overflow: hidden}
.four-hc {position: absolute;top: 0;left: 0;width: 616px;height: 122px}
.four-hc ul{margin-left: -10px;}
.four-hc li {float: left;position: relative;width:258px;height: 122px;background: #FFF;margin-left: 2px;opacity: .96;cursor: default;margin-left:10px;}
.four-hc li .title {font-size: 17px;font-weight: bold;display: block;position: relative;z-index: 1;width: 95px;height: 22px;line-height: 22px;font-weight: bold;margin: 10px 0 0 7px;overflow: hidden;word-break: break-all}
.four-hc li .desc {display: block;position: relative;z-index: 1;width: 130px;height: 26px;line-height: 26px;font-size: 14px;margin: 1px 0 0 7px;overflow: hidden;word-break: break-all;color: #666}
.four-hc li img.pro {display: block;position: absolute;right: 0;/*bottom: 6px;width: 110px;height: 110px;*/}
.first-cover {position: absolute;top: 0;left: 2px;width: 100%;height: 122px;background: #fff;opacity: .5;filter: alpha(opacity=50)}
.four-hc {width: 880px}

.four-hc li:hover{opacity: 0.8;}
.four-hc li .title {margin: 10px 0 0 12px}
.four-hc li .desc {margin: 1px 0 0 12px}.four-hc li img {right: 10px}
.animate-hc {display: none;position: absolute;top: 0;left: 2px;width: 880px;height: 122px}
.animate-hc li.item {float: left;width: 53px;height: 122px}
.animate-hc li.item .label {width: 53px;height: 122px;background: #FFF;background: #FFF url(/static/imges/index_icon.png) -443px -165px no-repeat}
.animate-hc li.item .label p {padding-top: 6px;width: 20px;font-weight: bold;margin: 0 auto;font-size: 16px;line-height: 20px;cursor: default}
.animate-hc li.item .hclist {display: none;width: 455px;height: 122px}
.animate-hc li.item .hclist .zhc {position: relative;float: left;margin: 18px 0 0 30px;width: 203px}
.animate-hc li.item .hclist .zhc .title {font-size: 22px;line-height: 29px;color: #FFF;font-weight: bold;width: 130px;height: 29px;overflow: hidden}
.animate-hc li.item .hclist .zhc .desc {font-size: 16px;color: #fff;height: 21px;line-height: 21px;width: 130px;overflow: hidden}
.animate-hc li.item .hclist .zhc img {position: absolute;right: 0;top: 3px;width: 80px;height: 80px;background: 0}
.animate-hc li.item ul {float: left;margin: 10px 0 0 23px}
.animate-hc li.item ul li {position: relative;float: left;width: 78px;margin: 0 20px 0 0}
.animate-hc li.item ul li a {display: block;width: 100%;height: 100%}
.animate-hc li.item ul li img {display: block;width: 70px;height: 70px;margin: 5px 4px 0;background: 0;border-radius: 3px;box-shadow: 0 0 2px 1px #eee}
.animate-hc li.item ul li p.title {width: 78px;height: 16px;line-height: 16px;overflow: hidden;color: #333;text-align: center}
.animate-hc li.item ul li .desc-wrapper {position: relative;width: 78px;top: -8px;height: 18px;color: #FFF;line-height: 18px;text-align: center;font-size: 12px}
.animate-hc li.item ul li .desc-wrapper .desc {width: 78px;height: 18px;word-break: break-all;overflow: hidden;text-align: center}
.animate-hc li.item ul li .desc-wrapper .angle {position: absolute;width: 0;height: 0;top: -4px}
.animate-hc li.item ul li .desc-wrapper .angle-left {left: 0;border-width: 4px 4px 0 0;border-style: solid;border-color: transparent #999 transparent transparent}
.animate-hc li.item ul li .desc-wrapper .angle-right {right: 0;border-width: 0 4px 4px 0;border-style: solid;border-color: transparent transparent #999 transparent}
.animate-hc li.item ul li.item3 {display: none}
.animate-hc li.cur {height: 122px}
.animate-hc li.cur .label {display: none}
.animate-hc li.cur .hclist {display: block}
.animate-hc li.item .label-bg1 {background: #FFF url(/static/imges/index_icon.png) -497px -165px no-repeat}
.animate-hc li.item .hclist .zhc .go .icon {width: 10px;height: 10px;display: block;position: absolute;left: 39px;top: 8px;background: url(/static/imges/index_icon.png) -70px -37px no-repeat}
.animate-hc {width: 880px}
.animate-hc li.item .hclist {display: none;width: 718px} .animate-hc li.item .hclist .zhc {margin: 18px 0 0 30px}
.animate-hc li.item ul {margin-left: 63px}
.animate-hc li.item ul li {margin: 0 40px 0 0}
.animate-hc li.item ul li.item3 {display: block}
.animate-hc li.cur .label {display: none}
.animate-hc li.cur .hclist {display: block}


/*活动推荐产品*/
.lift-target{background: #F6F6F6;}
.d_product_box{background: #f6f6f6; }
.xin_product{width: 100%;background: #FFFFFF;overflow: hidden;padding: 10px;padding-bottom: 0;display: inline-block; margin-top: 20px;border-radius:10px ;}
.xin_product .xin_product_top{float: left;}
.xin_product .xin_product_top h1{font-size: 22px;color: #333333;padding: 10px 0;font-weight: bold;}
.xin_product .xin_product_top h1 em{font-size: 12px;color: #999999; padding-left: 10px;}
.xin_product .xin_product_nav{float: right; padding: 15px 0;}
.xin_product .xin_product_nav ul{display: inline-block;}
.xin_product .xin_product_nav ul li{display: inline-block;font-size: 12px;padding: 0 10px;position: relative;}
.xin_product .xin_product_nav ul li a{color: #888888;font-size: 14px;}
.xin_product  .xin_min{;overflow: hidden;}
.xin_product .xin_min .xin_product_list_left{ width: 220px; height: 342px;padding: 10px 0;background: #F5F5F5;}
.xin_product .xin_min .xin_product_list_left .xin_img{width: 180px; height: 180px;margin: 10px auto;}
.xin_product .xin_min .xin_product_list_left p{font-size: 14px;color: #666666;padding: 10px 5px 5px 5px;font-weight: bold;text-align:center;}
.xin_product .xin_min .xin_product_list_left .xin_img img{display: block; width: 100%;transition: all .2s;}
.xin_product .xin_min .xin_product_list_left .xin_img:hover img{transform: scale(1.07);}
.xin_product .xin_min .xin_product_list_left:hover p{color: #264283;}
.xin_product .xin_min .xin_product_list_left span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;display: block;}
.xin_product .xin_min .xin_product_list_left em{display: block;font-size:12px;background: #ba0c15;color: #FFFFFF;left: 0;top: 0; width: 60px;height: 20px;border-radius:10px 0 10px 0 ;position:absolute;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt{width: 960px;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list{height: 156px; width: 226px; padding: 10px 0;margin-left: 10px;background: #f6f6f6;margin-bottom: 10px;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list .xin_img{width: 120px; height: 120px;margin: 0 auto;}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list .xin_img img{display: block; width: 100%;transition: all .2s;}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list p{font-size: 14px;color: #666666;padding: 10px 5px 5px 5px;}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt .xin_product_list span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list em{display: block;font-size:12px;background: #ba0c15;color: #FFFFFF;right: 0;top: 0; width: 70px;height: 20px;line-height:20px;border-radius:0px 0 0px 10px ;position:absolute;text-align: center;}
.xin_product .slideTxtBox .hd{ height:30px; position:relative;}
.xin_product .slideTxtBox{padding: 10px;}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list .xin_img:hover img{transform: scale(1.07);}
.xin_product .xin_min .xin_product_list_rihgt  .xin_product_list:hover p{color: #264283;}
.xin_product .xin_product_nav ul li.on a{color: #264283;}
.xin_product .xin_product_nav ul li.on:before{content: "";width: 40px;background: #264283;height: 2px;position: absolute;left: 16px;top:22px;}

.d_product_rihgt{width: 510px;background: #FFFFFF;overflow: hidden;padding: 10px;padding-bottom: 0;display: inline-block;margin-left: 10px;}
.d_product_rihgt .xin_product_top{float: left; height: 60px;}
.d_product_rihgt .xin_product_top h1{font-size: 22px;color: #333333;padding: 10px 0;font-weight: bold;}
.d_product_rihgt .xin_product_top h1 em{font-size: 12px;color: #999999; padding-left: 10px;}
.d_product_rihgt .xin_product_nav{float: right; padding: 15px 0;}

.d_product_rihgt  .xin_min{;overflow: hidden;height: 328px;}
.d_product_rihgt .xin_min .xin_product_list_left{ width: 190px; height: 298px;padding: 10px 0;background: #F5F5F5;}
.d_product_rihgt .xin_min .xin_product_list_left .xin_img{width: 150px; height: 150px;margin: 0 auto;padding-top: 20px;}
.d_product_rihgt .xin_min .xin_product_list_left .xin_img img{display: block; width: 100%;transition: all .2s;}
.d_product_rihgt .xin_min .xin_product_list_left p{transition: all .2s;font-size: 14px;color: #666666;padding: 10px 5px 5px 5px;font-weight: bold;text-align: center;}
.d_product_rihgt .xin_min .xin_product_list_left .xin_img:hover img{transform: scale(1.07);}
.d_product_rihgt .xin_min .xin_product_list_left:hover p{color: #264283;}
.d_product_rihgt .xin_min .xin_product_list_left span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;display: block;}
.d_product_rihgt .xin_min .xin_product_list_left em{display: block;font-size:12px;background: #264283;color: #FFFFFF;left: 0;top: 0; width: 60px;height: 20px;border-radius:0 0 10px 0 ;position:absolute;text-align: center;}
.d_product_rihgt .xin_min .xin_product_list_rihgt{width: 316px;}
.d_product_rihgt .xin_min .xin_product_list_rihgt .xin_product_list{ width: 146px; padding: 10px 0;margin-left: 10px;margin-bottom: 10px;text-align: center;border: 1px solid #f6f6f6;height: 77px;}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list .xin_img{width: 80px; margin: 0 auto;height: 40px;overflow: hidden;margin-top: 10px;}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list .xin_img img{display: block; width: 100%;transition: all .2s;}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list p{font-size: 14px;color: #666666;padding: 12px 5px 5px 5px;text-align: center;font-family: "微软雅黑" impact;}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list span{font-size: 12px;color: #999999;padding: 0 5px;text-align: center;}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list .xin_img:hover img{transform: scale(1.07);}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list:hover p{color: #264283;}
.d_product_rihgt .xin_min .xin_product_list_rihgt  .xin_product_list em{display: block;font-size:12px;background: #264283;color: #ffefef;right: 0;top: 0; width: 60px;height: 20px;border-radius: 0 0 0 12px;position:absolute;text-align: center;line-height: 20px;}
.d_product_rihgt .xin_min .logo_img{width: 80px;margin: 0 auto; padding-top: 10px;}
.d_product_rihgt .xin_min .logo_img img{display: block;width: 100%;}


/*产品推荐*/
.recommended_box {background: #F6F6F6; padding-top: 15px;}
/*.recommended_min {background: #FFFFFF; padding: 20px 0;}*/
.recommended_min .recommended_txet{padding: 0 15px;display: inline-block;}
.recommended_min .recommended_txet h1{line-height: 45px;font-size: 24px;font-weight: 600;color: #4a4a4a}
.recommended_min .recommended_txet h1 em{font-size: 14px;color: #999999;padding-left:5px ;}
.recommended_min .recommended_nav ,.recommended_tab_rihgt{display: inline-flex;}
.recommended_min .recommended_nav>div>a{
	font-size: 12px;
    padding: 0 30px;
    background: #f6f6f6;
    border-radius: 100px;
    margin-top: 5px;
    border: 1px solid #f6f6f6;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition:all .5s;
	font-size: 14px;
	color:#888!important;
	text-transform: capitalize;
}
.recommended_min .recommended_nav>div>a:hover{
	background-color: #264283;
	color: #fff!important;
}
.recommended_min .recommended_nav{padding: 0px 20px;}
.recommended_min .recommended_nav ul li{display: inline-block;font-size: 12px;padding: 0 30px;position: relative;}
.recommended_min .recommended_nav ul li a{color: #888888;font-size: 14px;}
.recommended_min .recommended_nav ul li.on a{color: #fff;}
.recommended_min .recommended_nav ul li.on{background: #264283;border: 1px solid #264283; transition: all .2s;}
/*.recommended_min .recommended_nav ul li.on:before{content: "";width: 50px;background: #264283;height: 2px;position: absolute;left: 50%;top:35px;margin-left: -22px;}*/
.recommended_min .recommended_tab_rihgt{float: right; padding-right: 20px; padding: 11px 20px 0 0px;}
.recommended_min .recommended_tab_rihgt a{ color:#999999;font-size: 12px;}
.recommended_min .recommended{/*border-bottom: 1px solid #f6f6f6;*/padding: 14px 0;background: #FFFfff;display: flex; flex-wrap: wrap;}

.recommended_min .recommended_nav ul li {display: inline-block;font-size: 12px;padding: 0 30px;position: relative;background: #f6f6f6;border-radius: 100px;margin-right: 20px;margin-top: 5px;border: 1px solid #f6f6f6;}
.recommended_min .recommended_nav ul li a {line-height: 32px;}
/*热销推荐*/
.recommended_min .recommended_tab .hotrd_list ul{margin-right: -13px; }

.recommended_min .recommended_tab .hotrd_list ul li .rd_img{width:200px; margin: 0 auto;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_img img{display: block;width: 100%;transition: all .2s;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet{

}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet h1{font-size: 14px;color: #4a4a4a;text-align: center;line-height: 30px;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet p{font-size: 12px;color: #9b9b9b;text-align: center;line-height: 20px;height:40px;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet span{font-size: 12px;color: #9b9b9b;text-align: center;display: block;line-height: 20px;}
.recommended_min .recommended_tab .hotrd_list ul li .rd_txet span em{color: #CE2026; line-height: 20px;}
.recommended_min .recommended_tab .hotrd_list ul li:hover h1{color: #264283;}
.recommended_min .recommended_tab .hotrd_list ul li:hover img{transform: scale(1.07);}
.recommended_min .recommended_tab .hotrd_list ul li h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.recommended_min .recommended_tab .hotrd_list{float: right;height: 562px;overflow: hidden; margin-top: 10px;}
.recommended_min .recommended_tab .hotrd_list ul li {position: relative;display: inline-block;width: 229px;border-left: 0;border-top: 0;padding: 10px 0;background: #fff;margin-bottom: 10px;margin-right: 10px;float: left;}
.recommended_min .recommended_tab .hotrd_list ul li .discount_mark{background: url(/static/images/banner/rexiao.png) no-repeat; width: 48px;height: 40px;position: absolute;top: 4px;right: 6px;z-index: 10;color: #fff;text-align: center;padding-top: 10px;}
.recommended_min .recommended_tab .hotrd_list ul li .discount_mark span{font-size: 14px;font-weight: 700; zoom: .88;}
/*楼层样品*/
.recommended_min .recommended_tab .recommended_list ul{margin-right: -13px; background: #f6f6f6;}
.recommended_min .recommended_tab .recommended_list ul li{display: inline-block;border: 1px solid #F6F6F6; width: 209px;;padding: 10px;margin-right: 8px;background: #fff;margin-top: 10px;height: 246px;}
.recommended_min .recommended_tab .recommended_list ul li .rd_img{;width: 180px; margin: 0 auto;}
.recommended_min .recommended_tab  .recommended_list ul li .rd_img img{display: block;width: 100%;transition: all .2s;}
.recommended_min .recommended_tab  .recommended_list ul li .rd_txet h1{font-size: 14px;color: #4a4a4a;text-align: center;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.recommended_min .recommended_tab  .recommended_list ul li .rd_txet p{font-size: 12px;color: #9b9b9b;text-align: center;line-height:1.3;height:30px;overflow: hidden;text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.recommended_min .recommended_tab  .recommended_list ul li .rd_txet span{font-size: 12px;color: #9b9b9b;text-align: center;display: block;line-height: 20px;}
.recommended_min .recommended_tab  .recommended_list ul li .rd_txet span em{color: #CE2026; line-height: 20px;}
.recommended_min .recommended_tab .recommended_list ul li:hover h1{color: #264283;}
.recommended_min .recommended_tab .recommended_list ul li:hover img{transform: scale(1.07);}

.tj_img{float: left;width: 360px;}
.tj_img img{display: block;width: 100%;}
/*楼层*/
.floor{ background:#fff; position: relative;/* border-bottom:1px solid #efefef*/}
.floor h2{height:55px; line-height: 55px; color: #4c4c4c; font-size:18px; font-weight: bold; border-bottom:1px solid #ededed}
.floor h2 em{color:#f53858; padding-right:5px; font-weight:bold}
.floor .activity{position: absolute; top:13px; left:110px;line-height: 30px;height: 30px; overflow: hidden; color: #666; font-size: 14px;}
.floor .activity a{ color:#ff7233}
.floor .activity a:hover{ text-decoration:underline}
.floor .activity .iconfont{ margin-right:3px;color:#ff7233; font-size:16px}
.floorLe{border-right:1px solid #efefef; width: 230px; height:450px; float: left; background:#f5f4f4; border-left:1px solid #ededed; position:relative; overflow:hidden}
.floorLe a{ display:inline-block}
.floorLe a img{ width:230px; height:470px;}
.floorLe .picFont{ position:absolute; top:50px; width:195px; text-align: left; line-height: 18px; z-index: 99; left:24px;}
.floorLe .picFont h4{font-size:20px; color: #484848; font-weight:bold; line-height:36px}
.floorLe .picFont p{font-size: 12px; color: #646464; padding-top:4px;}
.floorLe .picFont span{ display:inline-block; width:76px; height:21px; border:1px solid #ff7200; text-align:center; line-height:21px; font-size:12px; color:#ff7200; margin-top:6px}
.floorNav{ width:526px; height:448px; border-right:1px solid #efefef; float:left; }
.floorNav_box{ overflow: hidden; padding: 5px 6px 5px 15px;  padding-bottom: 0;}
.floorNav li{ width:250px; height:98px; float:left; overflow: hidden; }

.floorNav li h5{ font-weight:bold; font-size:12px; color:#fe500b; line-height:34px}
.floorNav li a{ display:inline-block;color:#888888; /*height:24px;*/transition: all .3s; line-height:28px; margin-right:15px;}
.floorNav li a.on{color:#ff7200}
.floorNav li a:hover{color:#ff7200}
.floorNav_top{ border-bottom: 1px solid #f3f3f3;margin: 10px 0 0 0px; height: 30px; padding-left: 15px;}
.floorNav_top .fn_span{display: block; width: 2px; height: 16px;background: #F42424; float: left; margin-top: 2px;}
.floorNav_top strong{font-size: 15px; font-weight: bold; line-height: 20px;float: left; padding-left: 10px; }
.floorNav_top  span{font-size: 12px;padding-left: 10px; color: #888888;}


.floorMd{width:969px;  float:left;margin-left: -1px;}
.floorMd li{ float:left; border-left:1px solid #f6f6f6; width:241px; height:224px; border-bottom:1px solid #f6f6f6; position:relative; overflow:hidden;}

.floorMd li img{ width:140px; height:140px;margin: 0 auto; margin-top: 5px;display: block;}
.floor_icom{background: url(/static/images/er_tui.png) no-repeat;position: absolute;top: 0;right: 10px; width: 46px; height: 56px;background-size: 100% 100%;}
.floor_icom02{background: url(/static/images/tui_icom.png) no-repeat;position: absolute;top: 0;right: 10px; width: 46px; height: 56px;}
/*.floorMd li.liBig{ width:261px; height:262px; /*border-bottom:none;*/}
/*.floorMd li.liBig img{width:200px; height:200px;position: absolute;left:40px;bottom: 0; margin: 0 auto;}*/
.floorMd li a{ display:inline-block;}
.floorMd li .picFont{ text-align:center; line-height: 18px; z-index: 99; left:0px;}
.floorMd li .picFont h4{font-size:14px; color: #4a4a4a; font-weight:500; line-height:32px ;padding: 0 10px;}
.floorMd li .picFont span{font-size:12px; height:22px; color: #888; line-height:22px; display:inline-block; border:1px solid #fff; padding:0 10px;transition: all .3s;}
.floorMd li a:hover .picFont span,.floorMd li:hover .picFont h4{ color:#fe500b}
.floorMd li.liBig .picFont{ top:25px; width:262px;}
.floorMd li.liBig .picFont h4{ font-size:14px}
.floorMd li.liBig .picFont span{ font-size:14px; color:#ff4e02}

.floorRg{ width:209px; height:448px; border:1px solid #efefef; float:right; background:#FFFFFF; padding:0px 10px 0px 10px; border-top:0 ; border-bottom:0 ;}
.floorRg h3{ width:170px; height:25px; font-size:14px; color:#4c4c4c; line-height:25px; margin-bottom:6px;}
.floorRg a{transition: all .3s; color: #666666;}
.floorRg h3 a:hover{ color:#f53858}
.floorRg .floorRg_ico{  margin-bottom:10px}
.floorRg_banern ul li{width: 160px; height: 166px;background: #ffff; padding-bottom: 5px; }
.floorRg_banern ul li .f_b_imgbox{width: 110px; height: 110px; margin: 0 auto;}
.floorRg_banern ul li .f_b_imgbox img{display: block;width: 100%; height: 100%;}
.floorRg_banern ul li p{font-size: 12px; line-height: 20px; color:#666666; padding: 0px 10px;}
.floorRg_banern ul li span{color: #264283; font-weight:bold; line-height: 18px; font-size: 12px;padding: 0px 10px;}
.floorRg .productList{ width:170px; height:200px;overflow: hidden;}
.floorRg .productList li{ width:73px; height:40px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;border-radius:5px ; overflow: hidden; background: #FFFFFF;}
.floorRg .productList li img{ width:73px; height:40px; display: block;}
.floorRg  .fl_list_title{height: 30px;margin-top: 5px;line-height: 30px;color: #4f4f4f;font-size: 14px;text-align: left;font-family: Microsoft YaHei; font-weight: 700;}
.floorRg ul li.baihao_item{height: 82px;border-bottom: 1px dashed #bfbfbf;position: relative;}
.floorRg ul li .category_item_order,.floorRg ul li .category_item_img_wrap,.floorRg ul li .category_-item-body{position: absolute;top: 0;bottom: 0;}
.floorRg ul li .category_item_order span{top: 0;bottom: 0;margin: auto;position: absolute;line-height: 15px;color: #fff;background-color: #fe500b;font-size: 12px;font-weight: 700; width: 15px;height: 15px;display: block;border-radius: 50%;text-align: center;}
.floorRg ul li .category_item_img_wrap{left: 20px;width: 65px;margin: 9px 0;}
.floorRg ul li .category_item_img_wrap img{width: 65px;height: 65px;display: block;}
.floorRg ul li .category_-item-body{    right: 0;width: 120px;text-align: left;margin: 10px 0;}
.floorRg ul li .category_-item-body p{line-height: 18px; color: #4f4f4f;height: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 8px;}
.floorRg ul li .category_-item-body span{font-size: 12px;color: #f74951;font-weight: 700;}
.floorRg ul li.baihao_item:nth-child(n+4) .category_item_order span {background-color: #c6c6c6;}
.floorRg ul li.baihao_item:hover p{color: #fe500b;}
.floorRg ul li:hover .category_item_order span{background: #264283;}
.bg-rank-list-icon {width: 14px;height: 16px;background: url(/static/images/baiming.png) no-repeat;position: relative;top: 4px;display: inline-block;margin-right: 10px;}

.slideBox{ width:160px; height:170px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:65px; bottom:2px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:8px; height:8px; line-height:14px; text-align:center; background:#9999; cursor:pointer; border-radius:50% }
.slideBox .hd ul li.on{ background:#f00; color:#fff; border-radius:50% ;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
/*图片鼠标经过放大*/
.floorLe img, .floorMd img, .productList img{ -webkit-transform: scale3d(1,1,1);-webkit-backface-visibility: hidden;transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transition: all .3s ease-out 0s; cursor:pointer}
.floorLe img:hover, .floorMd img:hover, .productList img:hover{-webkit-transform: scale3d(1.04,1.04,1.04);-moz-transform: scale(1.04,1.04);-o-transform: scale(1.04,1.04);transform: scale(1.04,1.04)}

/*新闻资讯*/
.lfCircle,.mdInfo,.rgSchool{height:454px;background:#fff;position:relative; /*border:1px solid #f0f0f0*/}
.lfCircle{width:384px;float:left;margin:15px 0 0}
.lfCircle h2,.mdInfo h2,.rgSchool h2{height:49px;line-height:50px;border-bottom:1px solid #eaeaea;font-size:16px;font-weight:bold;padding-left:20px}
.lfCircle h2 em,.mdInfo h2 em,.rgSchool h2 em{color:#db2242;font-weight:bold;font-size: 16px;}
.lfCircle .more,.mdInfo .more,.rgSchool .more{position:absolute;right:20px;top:0px;width:90px;height:50px;text-align:right;line-height:50px;font-size:14px;color:#666}
.lfCircle .more:hover,.mdInfo .more:hover,.rgSchool .more:hover{color:#db2242}
.slideBox{ width:160px; height:170px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:65px; bottom:2px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:8px; height:8px; line-height:14px; text-align:center; background:#9999; cursor:pointer; border-radius:50% }
.slideBox .hd ul li.on{ background:#f00; color:#fff; border-radius:50% ;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
/*汇友圈slide*/
.new_box{margin:20px auto;width:344px;height:170px;overflow:hidden;position:relative}
.new_box .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.new_box .hd ul{ overflow:hidden; zoom:1; float:left;  }
.new_box .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#FFFFFF; cursor:pointer; }
.new_box .hd ul li.on{ background:#f00; color:#fff;border: 1px solid #264283;}
.new_box .bd{ position:relative; height:100%; z-index:0;   }
.new_box .bd ul { height:170px; position:absolute; z-index:88}
.new_box .bd ul li {float:left;width:340px;height:220px;overflow:hidden; position:relative;z-index:81 }
.new_box .bd ul li a img{ vertical-align:middle}
.new_box .btnBg { position:absolute; width:344px; height:30px;left:0;bottom:0;background:#fff; z-index:89; filter:alpha(opacity=80);opacity:.8}
.new_box .btn{ position:absolute; width:335px; height:10px;right:5px;bottom:10px;text-align:right; z-index:90}
.new_box .btn i{ display:inline-block;width:8px; height:8px;line-height:18px;margin-right:9px; cursor:pointer; background:transparent; border:solid 1px #db2242;vertical-align:top;overflow:hidden;text-indent:999em}
.new_box .btn i.on{ background:#db2242; color:#fcc; border:solid 1px #db2242 }
.newList{ width:344px; height:178px; padding:0 20px; overflow:hidden}
.newList li{ width:344px; height:28px; line-height:28px; font-size:14px;overflow:hidden}
.newList li a{ color:#444;transition: all .3s;}
.newList li a span{color:#ff580e}
.newList li a:hover{color:#ff580e}
/*热点资讯*/
.mdInfo{width:390px;float:left;margin:15px 0 0 20px}
.mdInfo li{height:90px;padding:5px 20px;overflow:hidden; border-bottom:1px solid #f7f7f7}
.mdInfo li .cellImg{float:left;margin-right:15px;width:70px;height:70px;    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
.mdInfo li .cellImg img{width:100%;}
.mdInfo li .title{height:28px;overflow:hidden;font-weight: normal; line-height:28px; font-size:14px}
.mdInfo li .title a{font-size: 14px;font-weight: bold;}
.mdInfo li p{height:42px;line-height:20px;color:#888;overflow:hidden;margin-bottom: 3px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.mdInfo li a:hover{color:#db2242;}
.mdInfo li  .shijin{padding-left: 86px;font-size: 12px;color: #999999;}
/*营销之南*/

.rgSchool{width:384px;float:right;margin:15px 0 0; border-bottom:none}
.rgSchool li{height:90px;padding:5px 20px;overflow:hidden; border-bottom:1px solid #F7F7F7}
.rgSchool li .cellImg{float:left;margin-right:15px;width:70px;height:70px}
.rgSchool li .cellImg img{width:70px;height:70px}
.rgSchool li .title{height:28px;overflow:hidden;font-weight: normal; line-height:28px; font-size:14px}
.rgSchool li .title a{font-size: 14px;font-weight: bold;}
.rgSchool li p{height:42px;line-height:20px;color:#888;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.rgSchool li a:hover{color:#db2242;}
.rgSchool ul li span{font-size: 12px;color: #999999; padding-left:86px; }
.rgSchool ul .shijin_right{padding-left: 0px;font-size: 12px;color: #999999;}

.stairsNav{display:block;width:50px;border-radius:5px ;background: #FFFFFF;overflow: hidden;z-index: 999999;-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);transform: translateY(-3px);-moz-box-shadow: 1px 3px 38px #d4d4d4;box-shadow: 1px 3px 38px #d4d4d4;}
.stairsNav li {height:auto;text-align: center;padding: 0 5px;list-style: none; }
.stairsNav li .l_img {display: block; width: 20px; height:20px; margin: 0 auto;}
.stairsNav li .first{line-height: 16px;border-bottom: 1px solid #e0e0e0;padding: 10px 0;}
.stairsNav li.current .second {display: block;font-size: 12px;font-weight: bold;line-height: 20px;}
.stairsNav li.current{text-decoration: none;color: #FFF;background-repeat: no-repeat;font-weight: 700;background-repeat: repeat-x;background-image: -webkit-linear-gradient(135deg,#ff971b,#ff5000);background-image: -o-linear-gradient(135deg,#ff971b,#ff5000);background-image: linear-gradient(135deg,#ff971b,#ff5000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5000', endColorstr='#ffff6f06', GradientType=1);cursor: pointer;}
 .stairsNav li.last{color: #FFFFFF;height:30px; line-height: 30px;background-repeat: no-repeat;font-weight: 700;background-repeat: repeat-x;background-image: -webkit-linear-gradient(135deg,#ff971b,#ff5000);background-image: -o-linear-gradient(135deg,#ff971b,#ff5000);background-image: linear-gradient(135deg,#ff971b,#ff5000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5000', endColorstr='#ffff6f06', GradientType=1);cursor: pointer;}
.stairsNav .current .first{border:0;}
.lift-nav{position: fixed;top: 155px;left: 60px;display: none;}
.lo_txet_box{height: 60px;border-bottom: 1px solid #f6f6f6;background: #FFFFFF;padding: 0 10px;display: flow-root;}
.lo_txet_box h1{line-height: 60px;color: #4c4c4c;font-size: 24px;font-weight: bold;  }
/*.lo_txet_box h1 em{color: #FFFFFF;padding-right: 5px;font-weight: bold; display: block; width: 40px;height: 40px; float: left; padding-left:3px; font-size: 14px;}*/
/*.lo_txet_box h1 .lo_ico{background-position:-257px -56px }*/
/*.lo_txet_box h1 strong{display:inline-block;font-size: 24px;}*/
.lo_txet_box h1  em{font-size: 12px;color: #999999;padding-left: 10px;display:inline-block;}
.lo_txet_box .hotWords{line-height: 30px;height: 30px; overflow: hidden; color: #adadad; font-size: 12px; padding-top: 15px;}
.lo_txet_box  .hotWords a{color: #7e7e7e; display: inline-block; margin:0 8px; height:27px;  border-bottom:3px solid #fff;transition: all .3s;}
.lo_txet_box  .hotWords a:hover{ color:#f53858; border-bottom:3px solid #f53858}
.lo_txet_box  .hotWords a.on{ color:#f53858; border-bottom:3px solid #f53858}
.inx-agWrap{margin: 20px 0px;}
.inx-agWrap ul{margin-left: -20px; overflow: hidden;}
.inx-agWrap ul li{width: 224px; height: auto; float: left; margin-left: 20px;}
.inx-agWrap ul li .inx-agItm__show{width: 220px; height: 120px; margin: 0 auto; background: #F3F3F3; overflow:hidden; padding: 5px;}
.inx-agWrap ul li .inx-agItm__show img{display: block; width: 100%; height: 100%;}
.inx-agWrap ul li p{padding: 10px 10px; font-size: 14px; font-weight: bold; color: #333333; text-align: center;}


/*2021/9/28新加海报左边样式*/
.nfirstScreen .first-right .m_service .user-info-tab a{color: #666666}
.nfirstScreen .first-right .m_service .user-info-tab .active a{color: #264283;}
.nfirstScreen .first-right .m_service .user-info-svr a i{color: #FFFFFF;}
.nfirstScreen .first-right .m_service .user-info-svr a span{display: block;display: inline-block;width: 32px;height: 32px;line-height: 32px;}
.nfirstScreen .first-right .m_service .user-info-tab .active:before{content: "";width: 40px;background: #264283;height: 2px;position: absolute;left: 10px;top: 38px;}
.nfirstScreen .first-right .m_service .user-info-tab .kong.active:before{content: "";width: 40px;background: #264283;height: 2px;position: absolute;left: 34px;top: 45px;}
.floor_box .t3,.floor_box .t4,.floor_box .t5,.floor_box .t6{margin-top: 15px;}
.wi_banner {margin-top: 15px;}}
.lo_txet_box a:hover{color: #264283;}
/*特价专区*/
.tejia_bxo{background: #F6F6F6; }
.tejia_bxo .promation_area{width: 1200px; margin: 0 auto;overflow: hidden;padding-top: 10px;}
.tejia_bxo .promation_area .ordinary_desc{display: flex;flex-direction: column;justify-content: space-between;width: 190px;height: 269px;background-size: cover;border-radius: 8px 0 0 8px;        background: #e3edf3;}
.picScroll {width: 1010px;float: left;background: #fff;border-radius: 0px 10px 10px 0px;overflow: hidden;}
.picScroll .bd {position: relative;}
.picScroll .prev,.picScroll .next {;position: absolute;top: 110px;left: 0px;display: block;width: 26px;height: 30px;z-index: 9;overflow: hidden;;box-shadow: 0 2px 4px -1px rgba(0,0,0,.12),0 -1px 10px 0 rgba(0,0,0,.05);}
.picScroll .next {left: auto;right: -1px;border-radius:20px 0px 0px 20px ;}
.picScroll .prev{border-radius:0 20px 20px 0 ;}
.picScroll .prev i,.picScroll .next i{display: block;width: 15px; height: 15px;background:url(/static/images/banner/banner_icon.png);margin: 6px auto;}
.picScroll .prev i{background-position: -479px -3px;}
.picScroll .next i{background-position:-498px -3px}
.picScroll .prev:hover i{background-position: -479px -18px;}
.picScroll .next:hover i{background-position:-498px -18px}
.picScroll ul {overflow: hidden;zoom: 1;}
.picScroll li {width: 202px;position: relative;float: left;display: inline;height: 269px;}
.picScroll li .pic {position: relative;display: block;overflow: hidden;}
.picScroll li .pic img {display: block;background: #ddd;}
.picScroll li p {color: #888; line-height: 20px;}
.picScroll li .txt1 a {color: #333;}
.picScroll li .movielist_tt {position: relative;height: 16px;line-height: 16px;padding-right: 30px;overflow: hidden;position: relative;}
.picScroll li .movielist_tt a {font-size: 14px;}
.picScroll li .score {color: #FF6600;font-family: Arial;position: absolute;top: 0;right: 10px;}
.s-remark.yellow{background: url(/static/imges/tejia/zhe.png) no-repeat;}
.s-remark{position: absolute;display: block;top: 0px;right: 0px; line-height: 44px;padding: 0 8px 0 2px;color: #fff;font-size: 12px;height: 34px;width: 64px;border-radius: 2px 2px 2px 12px;z-index: 99;text-align: right;}
.promation-product-box{position: relative;flex: 1;}
.skuItem:hover .el-image{transition: all .6s;transform: scale(1.1);}
.skuItem{position: relative;display: flex;flex-direction: column;width: 202px;height: 228px;background: #fff; padding-top: 30px;}
.skuItem:after {position: absolute;top: 50%;right: 0;width: 1px;height: 100%;content: "";background: linear-gradient(0deg,rgba(229,231,235,0) 10%,#e5e7eb 50%,rgba(229,231,235,0) 90%);transform: translateY(-50%);}
.skuItem .picture{position: relative;width: 120px;height: 120px;margin: 0 auto;}
.skuItem .picture .el-image__inner{width: 100%;height: 100%;}
.skuItem .skuItem-content{flex: 1;padding: 0 20px;margin-top: 12px;}
.skuItem .skuItem-content .productName {display: -webkit-box;overflow: hidden;font-weight: 600;line-height: 20px;color: #000000;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical}

.price_wrapper{margin-top: 12px;font-size: 12px;}  
.price_wrapper .fontl{font-size: 16px;color: #ba0c15;}
.price_wrapper .font-medium{font-size: 16px;font-weight: bold;color: #ba0c15;} 
.price_wrapper .font-medium em{font-size: 12px;font-weight: 500;} 
/*品牌推荐区*/
.brand_min{background: #F6F6F6;}
.brand_wrapper{display: flex; margin-top: 20px;padding-top: 20px; }
.brand_wrapper .brand-center-link{flex-shrink: 0;width: 190px;height: 96px;border-radius: 8px 0 0 8px;z-index: 998;cursor: pointer}
.brand_wrapper .brand-tab { position: relative;height: 96px;width: 100%;background: #fff;border-radius: 0 8px 8px 0;overflow-x: hidden;margin-left: -10px;padding-left: 15px;
} 
		
		
		.ladyScroll {
			width: 1010px;
			height: 96px;
			position: relative;
		}
		.ladyScroll .prev,.ladyScroll .next {background: #ffff;position: absolute;top: 34px;left: 0px;display: block;width: 26px;height: 30px;z-index: 9;overflow: hidden;;box-shadow: 0 2px 4px -1px rgba(0,0,0,.12),0 -1px 10px 0 rgba(0,0,0,.05);}

		.ladyScroll .prev i,.ladyScroll .next i{display: block;width: 15px; height: 15px;background:url(/static/images/banner/banner_icon.png);margin: 6px auto;}
		.ladyScroll .next{border-radius:20px 0px 0px 20px ;}
		.ladyScroll .prev{border-radius:0 20px 20px 0 ;left: -10px;}
		.ladyScroll .prev i{background-position: -479px -3px;}
		.ladyScroll .next i{background-position:-498px -3px}
		.ladyScroll .prev:hover i{background-position: -479px -18px;}
		.ladyScroll .next:hover i{background-position:-498px -18px}
		.ladyScroll .next {
			left: auto;
			right: 0;
			background-position: 0 -90px;
		}
		
		.ladyScroll .prev:hover {
			background-position: 0 -45px;
		}
		
		.ladyScroll .next:hover {
			background-position: 0 -135px;
		}
		
		.ladyScroll .scrollWrap {
			width: 1000px;
			margin-left: -10px;
		
			overflow: hidden;
			position: absolute;
		}
		
		.ladyScroll dl {
			float: left;
			width: 160px;
			text-align: center;
			position: relative;
		}
		
		
		
		.ladyScroll dt {
			width: 160px;
			overflow: hidden;
			float: left;
		}
		.ladyScroll .xin_img{margin: auto 0;width: 160px;height: 80px; margin: 8px auto;}
		.ladyScroll img {
			display: block;
			width: 160px;
			height: 80px;
			
		}

  .block-wraper{display: inline-flex;}
  .block-wraper .block-left{
        width: 71px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        vertical-align: middle;
        background: url(/static/images/banner//block-title-left.png) no-repeat 0/71px 34px!important;
}

.block-wraper .block-right {
        display: inline-block;
        width: 71px;
        height: 34px;
        line-height: 34px;
        vertical-align: middle;
        background: url(/static/images/banner//block-title-right.png) no-repeat 100%/71px 34px!important;
}
.block-wraper .block-title {
        display: inline-block;
        height: 34px;
        line-height: 34px;
        margin: 0 auto;
        padding: 0 16px;
        vertical-align: middle;
                font-weight: bold;
}

/*20237.22 新加首页快速导航*/
.Dgongju{background: #F6F6F6; padding-top: 20px;}
.index_nav_box{margin-top: 20px;width: 1300px;margin-left: 16px}
.index_nav_3d ul{margin-left: -10px;}
.index_nav_3d ul li {margin-bottom: 10px;height: 146px;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 20px 0 20px;width: 252px;float: left;margin-left: 10px;cursor: pointer}
.index_nav_3d ul li:last-child {margin-bottom: 0}
.index_nav_3d ul li .txt {width: 120px;/*margin-right: 50px*/}
.index_nav_3d ul li .txt h3 {font-size: 18px;font-weight: 700;color: #3a3a3a;padding-top: 18px;-webkit-transition: all .3s;transition: all .3s}
.index_nav_3d ul li .txt p {font-size: 14px;color: #999;margin-top: 10px;-webkit-transition: all .3s;transition: all .3s}
.index_nav_3d ul li .txt .line {margin-top: 20px}
.index_nav_3d ul li .img {width: 130px;height: 130px;position: relative;}
.index_nav_3d ul li .img img {position: absolute;}
.index_nav_3d ul li .bg1 {background: url(/static/images/3d01.png) 50% no-repeat;margin-top: 10px;padding-left: 23px;}
.index_nav_3d ul li .bg3 {background: url(/static/images/paojia01.png) 50% no-repeat}
.index_nav_3d ul li .bg4 {background: url(/static/images/dg04-1.png) 0% no-repeat;        width: 120px;height: 120px;margin-left: 12px;margin-top: 12px;}
.index_nav_3d ul li .animation01 {top: 44px;left: 73px}
.index_nav_3d ul li .animation02 {top: 48px;left: 86px;-webkit-transition: all .4s ease-out;transition: all .4s ease-out}
.index_nav_3d ul li .animation03 {right: -9px;bottom: -5px;width: 100px; height: 100px;}
.index_nav_3d ul li .animation04 {top: 22px;left: 92px}
.index_nav_3d ul li .animation05 {top: 37px;left: 6px;-webkit-transition: all .4s ease-out;transition: all .4s ease-out}
.index_nav_3d ul li .animation06 {top: 32px;left: 12px}
.index_nav_3d ul .nav_3d01{background: url(/static/images/dg01.png) no-repeat top/100% auto;}
.index_nav_3d ul .nav_3d02{background: url(/static/images/dg02.png) no-repeat top/100% auto;}
.index_nav_3d ul .nav_3d03{background: url(/static/images/dg03.png) no-repeat top/100% auto;}
.index_nav_3d ul .nav_3d04{background: url(/static/images/dg04.png) no-repeat top/100% auto;}
.index_nav_3d ul li .animation07 {top: 66px;left: 114px;-webkit-transition: all .4s ease-out;transition: all .4s ease-out}
@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.index_nav_3d ul li:hover .animation01 {animation: rotate 10s linear infinite;}
.index_nav_3d ul li:hover .animation02 {/* top:46px; */left: 48px;}
.index_nav_3d ul li:hover .animation03 {right: 0px; bottom: 0px;-webkit-animation: animation03 1.5s linear infinite alternate;animation: animation03 1.5s linear infinite alternate}
.index_nav_3d ul li:hover .animation04 {-webkit-animation: animation04 1.5s linear infinite alternate;animation: animation04 1.5s linear infinite alternate
}
.index_nav_3d ul li:hover .animation05 {top: 37px;left: 36px}
.index_nav_3d ul li:hover .animation06 {-webkit-animation: animation06 1.5s linear infinite alternate;animation: animation06 1.5s linear infinite alternate}
.index_nav_3d ul li:hover .animation07 {top: 66px;left:80px}

@-webkit-keyframes animation01 {
	0% {
		left: 64px
	}
	to {
		-webkit-transform: translate(-30px, 8px);
		transform: translate(-30px, 8px)
	}
}

@keyframes animation01 {
	0% {
		left: 64px
	}
	to {
		-webkit-transform: translate(-30px, 8px);
		transform: translate(-30px, 8px)
	}
}

@-webkit-keyframes animation03 {
	0% {
		/*top:30px;
        bottom: 30px;*/
	}
	to {
		-webkit-transform: translate(10px, 10px);
		transform: translate(-10px, -5px)
	}
}

/*@keyframes animation03 {
	0% {
		top: 20px;
		left: 26px
	}
	to {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px)
	}
}*/

@-webkit-keyframes animation04 {
	0% {
		top: 22px;
		left: 92px
	}
	to {
		-webkit-transform: translate(-8px, 8px);
		transform: translate(-8px, 8px)
	}
}

@keyframes animation04 {
	0% {
		top: 22px;
		left: 92px
	}
	to {
		-webkit-transform: translate(-8px, 8px);
		transform: translate(-8px, 8px)
	}
}

@-webkit-keyframes animation06 {
	0% {
		left: 25px
	}
	to {
		left: 65px
	}
}

@keyframes animation06 {
	0% {
		left: 25px
	}
	to {
		left: 65px
	}
}