- 顺丰驱城市速度深圳站
- 关于2016年第1号强台风“尼伯特”登陆
- 顺丰发力跨境物流 倾情服务中俄出口
- 关于近期全国大范围强降雨天气提醒
- 2016年7月公路运输项目采购招标公告
- 2016年7月公路运输项目采购招标公告
- 2016年7月公路运输项目采购招标公告
- 关于杭州举办“20国集团领导人第11次
- “顺丰驱动 城市速度” ——顺丰北....
- 高州荔枝上市，顺丰冷链首发，荔枝新鲜
- 丰速运有限公司——（系统线上招
- 关于2016年顺丰燃油附加费收费机制
- 顺丰驱动 城市速度—— 深圳站顺丰
- 顺丰驱动 城市速度—— 深圳站顺丰
- 顺丰驱动 城市速度—— 深圳站顺丰
- 顺丰驱动 城市速度—— 深圳站顺丰
- 顺丰国际亮相香港Post Expo 2016
- 关于国际快递保价服务上线的通知
- 客服专线
- 95338
- 在线客服
进入在线客服- 官方微博
顺丰官方微博
下面是CSS样式：
*{
margin:0;
padding: 0;
}
/*顺丰logo与头部信息CSS样式*/
.header{
width: 1000px;
height: 80px;
margin: 0px auto;
}
p.header_logo{
margin-top: 20px;
}
p.header_one{
width: 500px;
float: right;
margin-right: 200px;
margin-top: -30px;
}
/*选择国家和地区框*/
p.header_tuo{
border: 1px solid white;
width: 220px;
height: 20px;
line-height: 20px;
float: right;
margin-top: -30px;
font-size: 13px;
color: rgb(129,129,129);
}
.header_tuo img{
float: right;
}
.header_one a{
width: 50px;
margin-left: 10px;
font-size: 13px;
text-decoration: none;
color: rgb(182,182,182);
}
.header_one a:hover{
color: rgb(72,72,72);
}
/*导航栏部信息使用列表做的CSS样式*/
.nav{
border: 1px solid rgb(51,51,51);
width:100%;
overflow: hidden;
background-color: rgb(51,51,51);
}
.nav ul li{
border: 1px solid rgb(51,51,51);
width: 125px;
height: 45px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
float: left;
list-style-type: none;
line-height: 45px;
text-align: center;
background-color:rgb(51,51,51);
font-size: 15px;
}
.nav ul{
border: 1px solid rgb(51,51,51);
width: 1200px;
margin-left: 360px;
}
.nav ul li a{
text-decoration: none;
color:rgb(163,163,163);
}
li.li_one{
margin-left: 50px;
}
li.nav_one:hover{
background-color: white;
}
/*第二导航栏信息加图片标记CSS样式*/
.section{
border: 0.1px solid black;
width:100%;
height: 475px;
background-image: url(shupaoshengzhenzhan_Banner.jpg);
}
.section ul{
width: 980px;
height: 65px;
margin: 410px auto;
}
.section ul li{
width: 160px;
height: 65px;
float: left;
line-height: 65px;
text-align: center;
list-style-type: none;
font-size: 15px;
background-color:rgb(51,51,51);
}
.section ul li a{
text-decoration: none;
color:rgb(163,163,163);
}
.section .section_six{
background-color: rgb(123,123,123);
}
li.hover:hover{
background-color: white;
}
/*成会员与填写运单号部分*/
.section_div1 p{
width: 155px;
height: 48px;
background-color: rgb(201,31,42);
text-align: center;
line-height: 48px;
font-size: 15px;
color: white;
margin-left: 2px;
}
.section_div1 .p1{
margin-left: 170px;
margin-top: -595px;
float: left;
border-top-left-radius: 5px;
}
.section_div1 .p2{
position: absolute;
left: 326px;
top:440px;
border-top-right-radius: 5px;
}
/*单号填写部分的CSS样式*/
.section_form{
width: 312px;
height: 75px;
border-radius: 5px;
background-color: white;
}
.section_form input{
border: none;
width: 265px;
height: 40px;
background-color: rgb(232,232,232);
margin-top: 15px;
margin-left: 8px;
}
.section_form img{
vertical-align: middle;
}
.section_hao{
width: 400px;
height: 150px;
margin-left: 170px;
margin-top: -135px;
}
/*主题内容部分可以分为5块的CSS样式*/
.section_content{
width: 980px;
overflow: hidden;
margin:-20px auto;
background-image: url(background.jpg);
}
/*第一块的样式*/
.section_content_one{
width:220px;
height: 40px;
line-height: 40px;
font-size: 13px;
}
.section_content_one span{
color: red;
font-size: 15px;
}
.section_content_one a{
float: right;
text-decoration: none;
color:rgb(182,182,182);
}
.section_content_one a:hover{
text-decoration: underline;
color: rgb(72,72,72);
}
.section_content_tuo ul li{
width: 250px;
height: 10px
font-size: 13px;
list-style-type: none;
margin-top: 25px;
}
.section_content_tuo ul li a{
font-size: 13px;
color: rgb(182,182,182);
text-decoration: none;
}
.section_content_tuo ul li a:hover{
text-decoration: underline;
color: rgb(72,72,72);
}
/*第二块样式*/
.section_content_tree{
width: 715px;
height: 40px;
line-height: 40px;
font-size: 13px;
float: right;
margin-top: -780px;
}
.section_content_tree span{
color: red;
font-size: 15px;
}
.section_content_tree a{
float: right;
text-decoration: none;
color:rgb(182,182,182);
}
.section_content_tree a:hover{
text-decoration: underline;
color: rgb(72,72,72);
}
/*第三块CSS样式*/
.section_content_five p{
float: left;
margin-left: 30px;
}
.section_content_five{
width: 740px;
height: 200px;
float: right;
margin-top: -730px;
margin-right:5px;
}
.section_content_six div{
width: 215px;
height: 170px;
float: left;
font-size: 15px;
margin-left:33px;
color:rgb(72,72,72);
background-color: white;
}
.a1{
width: 60px;
height: 20px;
background-color: red;
line-height: 20px;
text-align: center;
color: white;
float: right;
margin-top: 20px;
margin-right: 5px;
}
.a2{
width: 150px;
margin-top: 100px;
margin-left: 75px;
}
.a3{
margin-left: 120px;
}
.section_content_six{
width: 750px;
height: 170px;
float: right;
margin-top: -543px;
}
/*第四块信息部分CSS样式*/
div.section_content_tuiguang{
width: 715px;
height: 40px;
line-height: 40px;
font-size: 13px;
float: right;
margin-top: -350px;
}
.section_content_tuiguang span{
color: red;
font-size: 15px;
}
/*滚动图片部分CSS样式*/
.section_content_tupian img{
float: right;
margin-right: 3px;
margin-top: -290px;
}
/*结尾部分相关信息CSS样式*/
.footer p{
width: 980px;
height: 70px;
background-image: url(oo.png);
}
/*结尾列表部分CSS样式*/
.footer_one div ul li{
list-style-type: none;
width: 100px;
margin-top: 20px;
font-size: 13px;
}
.footer_one div ul{
width: 100px;
overflow: hidden;
margin-left: 10px;
margin-top: 10px;
float: left;
}
.footer_one div ul li a{
text-decoration: none;
color: rgb(182,182,182);
}
.footer_one div ul li a:hover{
color: rgb(72,72,72);
text-decoration: underline;
}
.footer_tuo div ul li{
list-style-type: none;
width: 110px;
margin-top: 20px;
font-size: 13px;
}
.footer_tuo div ul{
width: 130px;
overflow: hidden;
margin-top: 10px;
float: right;
}
.footer_img img{
float: right;
margin-top: 135px;
}
.article{
width: 980px;
overflow: hidden;
margin: 60px auto;
}
.article ul li{
list-style-type: none;
width: 90px;
margin-top: 5px;
font-size: 13px;
float: left;
}
.article ul{
border: 2px solid rgb(227,227,227);
width: 980px;
height: 30px;
line-height: 20px;
border-right-color: white;
margin-left: -2px;
}
.article ul li a{
text-decoration: none;
color: rgb(182,182,182);
}
.article ul li a:hover{
text-decoration: underline;
color: rgb(72,72,72);
}
.article a img{
height: 45px;
}
/*两块固定的联系窗口*/
.guding .p1 img{
width: 110px;
height: 100px;
}
.guding .p1{
width: 110px;
height: 145px;
background-image: url(ww.png);
background-repeat: no-repeat;
}
.guding .p3{
width: 110px;
height: 50px;
margin-bottom: 0px;
font-size: 13px;text-align: center;
}
.guding .div1{
border: 1px solid rgb(227,227,227);
width: 110px;
height: 196px;
position: fixed;
right: 0px;
bottom: 250px;
}
p.o2{
width: 110px;
height: 145px;
background-image: url(dd.png);
background-repeat: no-repeat;
}
.guding .div2{
border: 1px solid rgb(227,227,227);
width: 110px;
height: 196px;
position: fixed;
right: 0px;
bottom:0px;
}
.guding .div2 a{
text-decoration: none;
color: rgb(182,182,182);
}
.guding .div2 a:hover{
text-decoration: underline;
color: rgb(72,72,72);
}