.map_box,body{position:relative}.map_box,.port{max-width:640px;height:100%}img{display:block;width:100%}body{max-width:640px;margin:0 auto;font-family:"\5FAE\8F6F\96C5\9ED1"}#commonredTop{display:none}.port,.port a{position:absolute;display:block}.map_box .map{width:100%;display:block}.port{width:100%;top:0}.port a{background:url(//img1.40017.cn/touch/cn/y/15/z/traffic/m_i.png) no-repeat;width:1.86em;height:2.48em;background-size:100%}.port_des,.shadow_bg{max-width:640px;position:fixed;width:100%}.port .tianjing{left:59.22%;top:7.32%}.port .qingdao{left:72.14%;top:11.3%}.port .shanghai{left:71.5%;top:25%}.port .xiamen{left:62.125%;top:37.22%}.port .hongkong{left:53.25%;top:41.24%}.port .yichang{left:41.875%;top:26.745%}.port .chongqing{left:20.313%;top:29.465%}.port .haikou{left:40.438%;top:47%}.port .sanya{left:32.345%;top:49.234%}.port .singapore{left:18.28%;top:80.76%}.port .guangzhou{left:37%;top:37.22%}.port .shenzhen{left:45%;top:39.22%}.shadow_bg{top:0;height:100%;background-color:#000;opacity:.6;z-index:19}.list a,.list a span{height:3.928em;line-height:3.928em}.port_des{z-index:99;bottom:0;margin:0 auto}.port_des .list{width:100%;font-size:1em;color:#666;z-index:9}.port_des .list a.bottom{border-bottom:solid 1px #ddd}.list a{position:relative;background-color:#fff;padding-left:1em;cursor:pointer;display:block}.list a span{overflow:hidden;width:90%;display:inline-block}.list a em{background:url(//img1.40017.cn/touch/cn/y/15/z/traffic/ic.png) 0 -2.035em no-repeat;background-size:.9em 2.928em;position:absolute;right:1.071em;top:50%;margin-top:-.25em;display:inline-block;height:.893em;width:.5em}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes float{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}10%,50%,90%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}30%,70%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}}@keyframes float{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}10%,50%,90%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}30%,70%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}}.float{-webkit-animation-name:float;animation-name:float;-webkit-animation-duration:6s;animation-duration:6s}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media screen and (min-width:320px){body{font-size:14px}}@media screen and (min-width:360px){body{font-size:16px}}@media screen and (min-width:400px){body{font-size:18px}}@media screen and (min-width:440px){body{font-size:20px}}@media screen and (min-width:480px){body{font-size:22px}}@media screen and (min-width:640px){body{font-size:28px}}