123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244 |
- /*公共样式*/
- .fl {
- float: left;
- }
- .fr {
- float: right;
- }
- @font-face {
- font-family: 'icomoon';
- src: url('../fonts/icomoon.eot?7kkyc2');
- src: url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
- url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
- url('../fonts/icomoon.woff?7kkyc2') format('woff'),
- url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- .fr .icomoon {
- font-family: 'icomoon';
- font-size: 16px;
- line-height: 26px;
- }
- /*版心*/
- .w {
- width: 1200px;
- margin: 0 auto;
- }
- .style-red {
- color : #c81623;
- }
- .shortcut {
- height: 31px;
- line-height: 31px;
- background-color: #f1f1f1;
- }
- .shortcut li {
- float: left;
- }
- .spacer {
- width: 1px;
- height: 12px;
- background-color: #666;
- margin: 9px 12px 0;
- }
- .header {
- position: relative;
- height: 105px;
- /*background-color: pink;*/
- }
- .logo {
- position: absolute;
- top: 25px;
- left : 0;
- width: 175px;
- height: 56px;
- }
- .logo a {
- display: block;
- width: 175px;
- height: 56px;
- background: url(../img/logo.png) no-repeat;
- text-indent: -999px;
- }
- .search {
- position: absolute;
- top: 25px;
- left: 348px;
- }
- .text {
- float: left;
- width: 445px;
- height: 32px;
- border: 2px solid #b1191a;
- padding-left: 10px;
- color: #ccc;
- }
- .btn {
- float: left;
- width: 82px;
- height: 36px;
- background-color: #b1191a;
- border: 0;
- font-size: 16px;
- color: #fff
- }
- .hotwords {
- position: absolute;
- top: 65px;
- left: 348px;
- }
- .hotwords a {
- margin: 0 12px;
- }
- .shopcar {
- position: absolute;
- top: 25px;
- right: 64px;
- width: 138px;
- height: 34px;
- line-height: 34px;
- border : 1px solid #dfdfdf;
- background-color: #f7f7f7;
- text-align: center;
- }
- .car {
- font-family: 'icomoon';
- color: #da5555;
- }
- .arrow {
- font-family: 'icomoon';
- margin-left: 5px;
- }
- .count {
- position: absolute;
- top: -5px;
- left: 100px;
- height: 14px;
- line-height: 14px;
- padding: 0 3px;
- background-color: #e60012;
- color: #fff;
- border-radius: 7px 7px 7px 0;
- }
- .nav {
- height: 45px;
- border-bottom: 2px solid #b1191a;
- }
- .dropdown {
- width: 209px;
- height: 45px;
- }
- .dropdown .dt {
- width: 100%;
- height: 100%;
- background-color: #b1191a;
- font-size: 16px;
- text-align: center;
- line-height: 45px;
- color: #fff;
- }
- .dropdown .dd {
- height: 465px;
- background-color: #c81623;
- margin-top: 2px;
- color: #fff;
- }
- .menu_item {
- height: 31px;
- line-height: 31px;
- margin-left: 2px;
- padding: 0 10px;
- }
- .menu_item:hover {
- background-color: #fff;
- }
- .menu_item a{
- font-size: 14px;
- color: #fff;
- }
- .menu_item:hover a {
- color: #c81623;
- }
- .menu_item i {
- float: right;
- font-family: 'icomoon';
- font-size: 18px;
- color: #fff;
- }
- .navitems {
- margin-left: 10px;
- }
- .navitems li {
- float: left;
- }
- .navitems li a {
- display: block;
- height: 45px;
- line-height: 45px;
- padding: 0 25px;
- font-size: 16px;
- }
- .footer {
- height: 416px;
- background-color: #f5f5f5;
- }
- .mod_survice {
- height: 79px;
- border-bottom: 1px solid #ccc;
- }
- .mod_survice li {
- float: left;
- width: 240px;
- height: 79px;
- margin-top: 15px;
- }
- .icon {
- float: left;
- width: 50px;
- height: 50px;
- margin-left: 35px;
- background: url(../img/icons.png) no-repeat;
- }
- .zheng {
- background-position: -253px -3px;
- }
- .tit {
- float: left;
- margin-left: 5px;
- }
- .tit h5 {
- margin-top: 5px;
- }
- .kuai {
- background-position: -255px -54px;
- }
- .bao {
- background-position: -257px -105px;
- }
- .help {
- height: 187px;
- border-bottom: 1px solid #ccc;
- }
- .mod_help_list {
- float: left;
- width: 150px;
- padding: 20px 0 0 50px;
- }
- .mod_help_list dt {
- height: 25px;
- font-size: 16px;
- }
- .mod_help_list dd {
- height: 22px;
- }
- .mod_help_app dt,
- .mod_help_app p {
- padding-left: 15px;
- }
- .mod_help_app img {
- margin: 7px 0;
- }
- .copy_right {
- text-align: center;
- }
|