123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286 |
- body{
- font-family:"微软雅黑","Tahoma";
- height:100%;
- background: #fff;
- overflow-x: hidden;
- }
- ul, ol, li, h1 {
- line-height:normal;
- list-style-image:none;
- list-style-position:outside;
- list-style-type:none;
- }
- dl,ul {
- margin:0;
- padding:0;
- }
- dd {
- margin-left:0
- }
- a {
- outline:none;
- text-decoration: none;
- }
- a img {
- border:0 none
- }
- img {
- vertical-align:middle;
- border:0px
- }
- table {
- border-collapse:collapse
- }
- .fL {float:left}
- .fR {float:right}
- .clearfix:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden
- }
- .clearfix {
- display:inline-block;
- overflow:hidden
- }
- .clearfix {
- display:block
- }
- @font-face {
- font-family: 'iconMenu';
- src: url('fonts/iconMenu.eot?ambimp');
- src: url('fonts/iconMenu.eot?ambimp#iefix') format('embedded-opentype'),
- url('fonts/iconMenu.ttf?ambimp') format('truetype'),
- url('fonts/iconMenu.woff?ambimp') format('woff'),
- url('fonts/iconMenu.svg?ambimp#iconMenu') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- [class^="icon-"], [class*=" icon-"] {
- /* use !important to prevent issues with browser extensions that change fonts */
- font-family: 'iconMenu' !important;
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .loginWrapper{
- position: absolute;
- width: 430px;
- height: 320px;
- top: 50%;
- left: 50%;
- background:#fff;
- box-shadow: 0 8px 8px -6px #aaa;
- -moz-box-shadow:0 8px 8px -6px #aaa;
- -webkit-box-shadow:0 8px 8px -6px #aaa;
- border: 1px solid #eee;
- border-radius: 5px;
- margin-left:-225px;
- margin-top: -160px;
- }
- .loginContent{
- padding: 20px 40px;
- }
- .loginTitle{
- text-align: left;
- padding-left:10px;
- border-left: 4px solid #aaa;
- }
- .logoTitleWd{
- border-left:4px solid #8D826D;
- }
- .loginForm{
- margin: 30px 0 20px 0;
- }
- .btnLogin{
- width:100%;
- }
- .loginTitleMain{
- position:relative;
- }
- .loginOther{
- position:absolute;
- top:5px;
- right:0;
- }
- /* -------------index start-------------- */
- .wrapper{
- overflow-x:hidden;
- }
- .leftWrapper{
- position:fixed;
- overflow-y:auto;
- height:100%;
- left:0;
- width:56px;
- background:#222;
- color: #fff;
- }
- .logo{
- background:#000;
- text-align: center;
- cursor:pointer;
- }
- .logoWd{
- background:#8D826D;
- }
- .logo h2{
- height:38px;
- margin:0;
- padding:10px 0;
- font-size: 17px;
- }
- .logoInfo{
- display:none;
- }
- .logo h2 a{
- color:#fff;
- }
- .logoList{
- width:100%;
- position:absolute;
- z-index: 99;
- background:#f1f1f1;
- padding:5px 0;
- display:none;
- }
- .logoList ul li{
- font-size: 12px;
- padding:5px 0;
- }
- .logoList ul li a{
- color:#333;
- }
- .subMenu{
- border-bottom:1px solid #222;
- }
- .subMenuTitle a:hover{
- color:#fff;
- text-decoration: none;
- }
- .subMenuTitle a.active{
- color:#fff;
- border-left: 2px solid #FF6501;
- }
- .subMenuTitle a:focus{
- text-decoration: none;
- }
- .subMenuTitle{
- position:relative;
- margin:0;
- background:#2E2D2B;
- font-size: 14px;
- line-height: 25px;
- }
- .subMenuTitle a{
- padding:15px 0;
- color:#ccc;
- border-left: solid 2px transparent;
- display:block;
- cursor: pointer;
- }
- .subMenuText{
- position:absolute;
- width:125px;
- top:15px;
- left:56px;
- display:none;
- }
- .caret-triangle{
- margin-top:12px;
- }
- .userMain{
- position:absolute;
- bottom:10px;
- }
- .userImg{
- margin:0 12px;
- width:32px;
- height:32px;
- border-radius: 18px;
- }
- .userName{
- display:none;
- font-size: 14px;
- top:8px;
- }
- .userName a{
- color:#ccc;
- }
- .userName a:hover{
- color:#fff;
- text-decoration: none;
- }
- .exit{
- margin:0 0 0 15px;
- }
- .iconImg{
- font-size: 20px;
- padding:0 17px;
- }
- .bg{
- background:#2E2D2B;
- color:#fff !important;
- }
- .subMenuContent ul{
- padding:10px 0 10px 25px;
- text-align: left;
- }
- .subMenuContent ul li a{
- display:block;
- padding:5px 0;
- color:#ccc;
- }
- .mainWrapper{
- margin:0 0 0 71px;
- background:#fff;
- }
- .pageTop{
- margin-top: 20px;
- }
- .shopContent{
- margin:20px 0;
- }
- .sort{
- float:left;
- vertical-align: middle;
- }
- .sort .form-control{
- width:110px;
- }
- .btnGroup{
- float:left;
- margin:0 20px 0 0;
- }
- .search{
- float:left;
- width:465px;
- margin:0 20px 0 0;
- }
- .tableContent{
- margin:20px 0 0 0;
- }
- .tableContent .table{
- margin:0;
- }
- .tabMain,.tabShopContent{
- margin:25px 0 0 0;
- }
- .textCon{
- margin:0 10px 0 0;
- }
- .tabMain .table tr td,.tableContent .table tr td{
- vertical-align: middle;
- }
|