/* 头部 */
.header{width: 100%;top: 0px;left: 0px;z-index: 99;}
.header-t{height: 120px;padding-top: 9px;}

.heade-t-r{/*width: 700px;*/}
.heade-t-top{text-align: right;color: #9e9e9e;height: 20px;line-height: 20px;font-size: 12px;}

.header-showcode{display: inline-block;padding-left: 25px;height: 20px;line-height: 20px;position: relative;}
.showcode-box{display: none;padding:5px;width: 90px;position: absolute;top: 20px;right: 8px; background-color: #f8f8f8; border:1px solid #dbdbdb;box-shadow: 2px 2px 2px #8b888a;}
.showcode-box img{width: 90px;height: 90px;}
.showcode-box p{text-align: center;color: #b3b3b3;height: 26px;line-height: 26px;}
.header-index{display: inline-block;padding-left: 25px;height: 20px;line-height: 20px;font-size: 12px;color: #9e9e9e;}

.heade-t-info{padding-top: 40px;  height: 34px;line-height: 34px;font-size: 18px;color: #898989;}
.heade-t-info span{  font-size: 18px;color: #db5800;}

.heade-t-info a{display: inline-block;width: 130px;height: 34px;line-height: 34px;background-color: #999999;font-size: 16px;color: #fff;}
.heade-t-info a i{display: inline-block;width: 30px;height: 34px;background-position:0px -70px;vertical-align: middle;}
.heade-t-info a i.brand{background-position: 0px -105px;}
.heade-t-info a.cur{background-color:#db5700;}
.header-n{height: 52px;}
.header-n ul li{float: left;height: 52px;margin:0px 10px;}
.header-n ul li a.first{display: block;height: 52px;line-height: 52px;font-size: 15px;text-align: center;color: #fff;padding: 0px 15px;}
.header-n ul li.cur .first,.header-n ul li .first:hover{background-color: #db5800;}
/* 内容 */
.banner{width: 100%;background-position: top center;}
/* 底部 */
.foot{background-color: #333;}
.footer-bg{width: 1200px;padding-top:40px;margin: 0px auto;}
.footer-nav dl{width: 180px;float: left;padding-left: 25px;border-right: 1px solid #434343;}
.footer-nav dl.last{border:none;}
.footer-nav dl dt,.footer-nav a,.footer-hotpro a{color: #959595;font-size: 12px;}
.footer-nav dl dt..footer-nav dl dd{height: 24px;line-height: 24px;}
.footer-hotpro{height: 40px;line-height: 40px;color: #959595;font-size: 12px;}
.footer-kf{padding: 30px;background-color: rgba(149,149,149,0.1);}
.footer-kf-item{width: 400px;padding-left: 120px;position: relative;}
.footer-kf-item span{display: block;height: 110px;width: 110px;border-right: 1px solid #434343;position: absolute;left: 0px;top: 50%;margin-top:-55px;color: #fff;font-size: 26px;text-align: center;}
.footer-kf-item p{width: 190px;margin-right: 5px;float: left;color: #959595;font-size: 12px;margin-bottom: 5px;}
.footer-kf-item p img{vertical-align: middle;}
.footer-bq{}
.footer-bq-l{float:left;height: 60px;line-height: 60px;font-size: 12px;color: #959595;}
.footer-bq-l a{font-size: 12px;color: #959595;}
.footer-bq-r{float: right;height: 60px;line-height: 60px;font-size: 12px;color: #959595;}
/* 分页 */
.pages { width: 100%; text-align:center; padding: 10px 0; clear: both;}
.pages span, .pages a, .pages .current { font-size: 12px; font-family: Arial, Helvetica,  sans-serif; margin: 0 2px; }
.pages span font { color: #f00; font-size: 12px; }
.pages a, .pages .current { border: 1px solid #eee; background: #fff; padding:8px 11px; text-decoration: none }
.pages span { padding-right: 10px }
.pages .current, .pages a:hover { background: #ff7e28; color: #fff; }


.kefu-sq{display: none;width: 160px;background-color: #f9f9f9;padding: 15px;border:1px solid #bdf2d7; position: fixed;z-index: 99;top: 150px;right: 124px;}
.kefu-sq p{padding: 5px 0px;}
.kefu-sq p span{display:inline-block;color: #00cc66;font-size: 12px;font-weight: bold;}
.kefu-sq p a{display: inline-block;margin-left: 5px;}
.kefu-sq p img{vertical-align: middle;}


.my_list{
  position: absolute;
	width:120px;
	background-color: #3F3D3C;
	display:none;
  z-index: 999;
}
.my_list a{display: block;width: 100%;height: 40px;text-align:center;line-height: 40px;color: #fff;font-size: 14px;}
.my_list a:hover{background-color: #db5800;}


.to-top{
	display: none;
    width: 40px;
    height: 40px;
    background-color: #444;
    position: fixed;
    z-index: 88;
    bottom: 10%;
    right: 0;
    text-align: center;
    box-shadow: 0px 0px 0 3px rgba(255, 255, 255, 0.5);
}
.to-top:before
{
	position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 8px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px dashed transparent;
    border-right: 8px dashed transparent;
    border-bottom: 10px solid #ffffff;
}

.to-top:after{
	position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 18px;
    content: '';
    width: 0;
    height: 0;
    border: 4px solid #fff;
    border-width: 5px 4px;
}

#five_rrd{height:382px;}

.five_toollist .tool0{background-color: #5a98d2;line-height: 40px;}
.five_toollist .tool1{background-color: #26c0c3;line-height: 40px;}
.five_toollist .tool2{background-color: #42bb86}
.five_toollist .tool3{background-color: #2998d2}
.five_toollist .tool4{background-color: #985ad2;line-height: 40px;}
.five_toollist .tool5{background-color: #d2985a}
.five_toollist .tool6{background-color: #cc1114}
.five_toollist .tool7{background-color: #d29829;line-height: 40px;}
.five_toollist .tool8{background-color: #f0a425}
.five_toollist .tool9{background-color: #738680}
.tool_list span{display: inline-block;width: 100%;height: 85px;margin-top: 22px;}

.w_1100{width: 1100px;margin:0 auto;position: relative;}
.w_1100 ul li{position: relative;float: left;width: 260px;height: 440px;border:1px solid #f1f1f1;margin-right: 16px;margin-top: 30px;background-color: #fbfbfb;}
.w_1100 ul li .w_cont{padding:0 20px;}
.w_1100 ul li .w_cont h1{text-align: center;height: 50px;line-height: 50px;color: #292929;font-size: 16px;}
.w_1100 ul li .w_cont p{color: #9d9d9d;line-height: 20px;}
.w_1100 ul li .w_cont a{position: absolute;color: #5a98d2;text-align: right;bottom: 10px;right: 10px;}
.w_1100 .boss{position: relative;height: 470px;}
.big_boss{padding-top:100px;}
.big_boss .imgs{position: absolute;display: block;}
.big_boss .img_01{top: 0px;left: 0px;width: 314px;height: 104px;overflow: hidden;}
.big_boss .img_02{top: 0px;left: 314px;width: 232px;height: 104px;overflow: hidden;}
.big_boss .img_03{top: 0px;left: 546px;width: 244px;height: 104px;overflow: hidden;}
.big_boss .img_04{bottom: 0px;left: 0px;width: 238px;height: 208px;overflow: hidden;}
.big_boss .img_05{bottom: 0px;left: 238px;width: 234px;height: 208px;overflow: hidden;}
.big_boss .img_06{bottom: 0px;left: 472px;width: 160px;height: 208px;overflow: hidden;}
.big_boss .img_07{bottom: 0px;left: 632px;width: 158px;height: 208px;overflow: hidden;padding-bottom: 1px;}
.w360{width: 300px;padding-left: 20px;}
.title p{text-align: right;font-size: 16px;}
.people {position: absolute;z-index: 10;bottom: 0px;}
.hide{display: none;}
.title_01,.title_02{padding-top:15px;}
.boss .opacity-bg{position: absolute;top: 0px;left: 0px;display: block;width: 100%;height: 100%;background-color: #9a7f5e;opacity: 0.5;filter: alpha(opacity=50);text-align: center;}
.imgs .img{position: absolute;width: 103px;height: 38px;display: block;left:50%;top:50%;margin-left: -52px;margin-top: -19px;}
.w_cont .extend-qrcode{position: absolute;margin: 0 auto;width: 130px;height: 130px;background-size: cover;top: -140px;right: -10px;margin: 10px;}


.lists .hover_show{position: absolute;z-index: 9;width: 800px;height: 325px;border-radius: 5px;background-color: rgba(0,0,0,.5);padding: 10px 30px;}
.lists .hover_show img{width: 170px;height: 300px;}
.lists .hover_show li{float: left;width: 25%;}
.lists .hover_show li.qr_code{margin-top: 60px;}
.lists .hover_show .qr_code img{width: 145px;height: 145px;padding: 10px;background-color: #fff;}
.lists .hover_show .qr_code p{color: #fff;font-size: 14px;}
.lists .tool_1{top:135px;}
.lists .tool_1:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:50px;}
.lists .tool_2{top:135px;left:-320px;width: 950px;}
.lists .tool_2:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:370px;}
.lists .tool_2 ul li,.lists .tool_7 ul li{width: 20%;}
/*.lists .tool_7 ul li{width: 33%;}*/
.lists .tool_3{top:135px;left:-460px;}
.lists .tool_3:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:510px;}
.lists .tool_4{top:135px;left:-680px;}
.lists .tool_4:before{content: '';position: absolute;top:-40px; border: 20px solid transparent;border-color:transparent transparent rgba(0,0,0,.5) transparent;left:730px;}


.lists .tool_5{bottom:135px;}
.lists .tool_5:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:50px;}

.lists .tool_6{bottom:135px;left:-240px;}

.lists .tool_6:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:290px;}

.lists .tool_7{bottom:135px;left:-560px;width: 950px;}
.lists .tool_7:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:610px;}

.lists .tool_8{bottom:135px;left:-280px;width: 400px;}
.lists .tool_8 ul li{width: 50%;}
.lists .tool_8:before{content: '';position: absolute;bottom:-40px; border: 20px solid transparent;border-color:rgba(0,0,0,.5) transparent transparent transparent;left:330px;}

.shareing{position: absolute;z-index: 10;width: 0;left:-28px;top:-35px;overflow: hidden; /*background:url(/static/home/images/rrd/left_tri.png) no-repeat left center;*/}
.after_share{width: 175px;height: 314px;margin-left: 10px;border:1px solid #f0f0f0;padding: 10px;background-color: #f7f7f7;}
.after_share img{width: 100%;height: 100%;}
/*.no_margin .shareing{left:-205px;background:url(/static/home/images/rrd/right_tri.png) no-repeat right center;}*/
.no_margin .after_share{margin-left: 0;}


#seller-sum i,#order-sum i,#deal-sum i{display: inline-block;font-style: normal;width: 20px;height:30px;line-height: 30px;background-color: #f8f8f8;border-radius: 5px;margin-right: 4px;text-align: center;box-shadow: 1px 0 1px #dedede; }
.load_down,.load_up{position: absolute;width: 100px;height: 40px;left:50%;margin-left: -50px;bottom: 10px;cursor:pointer;-webkit-animation:down_up 1s infinite; }


@keyframes down_up{
  0%{
    -webkit-transform:translateY(5px)
  }
  50%{
    -webkit-transform:translateY(-5px)
  }
  100%{
    -webkit-transform:translateY(5px)
  }
}
@media screen and (max-width:666px){
    .lists .tool_1{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-6%);}

    .lists .tool_2{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-30%);}

    .lists .tool_3{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-69%);}

    .lists .tool_4{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-6%);}

    .lists .tool_5{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-30%);}

    .lists .tool_6{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-69%);}
    .lists .tool_7{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-30%);}
    .lists .tool_8{width: 100%;display: flex;justify-content: space-between;left: 0;transform: translateX(-30%);}
    .lists  ul li{display: none;}
    .lists  ul li:nth-child(1){display: block;width: 100%}
    .lists  ul li:nth-child(1) img{width: 80%;height: auto;}
    .lists .hover_show li.qr_code{margin-top: 30px}
    .lists .hover_show .qr_code img{width: 80%;height: auto;}
    .lists .hover_show{height: auto;box-sizing: border-box;width: 300px}
}