.topbg{ position:relative;}
html, body{overflow:auto;background:#fff;}
.main{margin:0 auto;overflow:hidden;width:1226px;}
.navbg{margin-bottom:120px;}
.shop{margin-bottom:74px;}
.shop .contact{position:absolute;width:350px;overflow:hidden;top:133px;left:720px;position:absolute;font-size:16px;line-height:48px;color:#8b8b8d;}
.main.dp{margin-bottom:156px;}
.shop .platformt{text-align:left;}
.main.dp .platform{width:247px;height:87px;overflow:hidden;border:1px solid #ebebeb;background:#efeeec;position:relative;font-size:22px;line-height:87px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;margin-left:293px;float:left;}
.main.dp .platform.jd{margin-left:154px;}
.main.dp .platform a{display:block;width:100%;height:100%;color:#8b8b8d;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s; -o-transition: color 0.5s;}
.main.dp .platform .img{float:left;margin:9px 9px 0 14px;width:71px;height:71px;overflow:hidden;}
.main.dp .platform .img.tm{background:url(tmlogo.png) no-repeat;background-size:cover;}
.main.dp .platform .img.jd{background:url(jdlogo.png) no-repeat;background-size:cover;}
.main.dp .platform:after,.shop .platform:before{content: ' ';height: 0;position: absolute;width: 0;top:35px;right: 14px;border:10px solid transparent;border-left-color:#b6b6b7;}
.main.dp .platform:hover{background:#505050;}
.main.dp .platform:hover a{color:#fff;}
.main.dp .platform:hover:after,.shop .platform:hover:before{border-left-color:#FB6600;}