/* Minification failed. Returning unminified contents. (131,2): run-time error CSS1030: Expected identifier, found '{' (131,2): run-time error CSS1019: Unexpected token, found '{' (131,9): run-time error CSS1030: Expected identifier, found ' ' (131,10): run-time error CSS1031: Expected selector, found '80px' (131,10): run-time error CSS1025: Expected comma or open brace, found '80px' (131,22): run-time error CSS1030: Expected identifier, found ' ' (131,23): run-time error CSS1031: Expected selector, found '30px' (131,23): run-time error CSS1025: Expected comma or open brace, found '30px' (131,36): run-time error CSS1030: Expected identifier, found ' ' (131,42): run-time error CSS1031: Expected selector, found ';' (131,42): run-time error CSS1025: Expected comma or open brace, found ';' (131,43): run-time error CSS1019: Unexpected token, found '}' */ @font-face {font-family: "mallcommoniconfont"; src: url('/Content/Icons/WebIcons/iconfont.eot?t=1477285230465'); /* IE9*/ src: url('/Content/Icons/WebIcons/iconfont.eot?t=1477285230465#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/Content/Icons/WebIcons/iconfont.woff?t=1477285230465') format('woff'), /* chrome, firefox */ url('/Content/Icons/WebIcons/iconfont.ttf?t=1477285230465') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/Content/Icons/WebIcons/iconfont.svg?t=1477285230465#mallcommoniconfont') format('svg'); /* iOS 4.1- */ } .mallcommoniconfont { font-family:"mallcommoniconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .mallcommon-delete:before { content: "\e76d"; } .mallcommon-shanchu:before { content: "\e621"; } .mallcommon-anzhuanggongju:before { content: "\e600"; } .mallcommon-gongju:before { content: "\e601"; } .mallcommon-play:before { content: "\e608"; } .mallcommon-delete1:before { content: "\e615"; } .mallcommon-jidian:before { content: "\e602"; } .mallcommon-cart:before { content: "\e603"; } .mallcommon-qidong:before { content: "\e604"; } .mallcommon-shulin:before { content: "\e605"; } .mallcommon-go:before { content: "\e609"; } .mallcommon-fuwu:before { content: "\e606"; } .mallcommon-tiexinshouhou:before { content: "\e607"; } /* CSS Document */ * { margin: 0; padding: 0; } body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, em, i { margin: 0; padding: 0; outline: 0 none; font-weight: normal; font-style: normal; font-size: 100%; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; } table { border-collapse: collapse; word-break: break-all } input { font: 12px/1.5 tahoma,Arial, 'microsoft yahei', 'SimSun'; } ol, ul, li { list-style: none; } img { border: 0 none; display: block; font-size: 0; vertical-align: top } body { color: #666; background: #fff; font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; _background-image: url(about:blank); /* for IE6 */ _background-attachment: fixed; } .cl,.clearfix { zoom: 1; } .cl:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden } .clr { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .dis { display: block; } .undis { display: none; } .banner, .content, .header, .top, .warp { width: 1190px; margin: 0 auto; } .w990 { width: 990px; margin: 0 auto; } .nav-bar { width: 100%; margin: 0 auto; } .content { position: relative;} span { display: inline-block } @font-face {font-family: "iconfont"; src: url('/fonts/iconfont.eot'); /* IE9*/ src: url('/fonts/iconfont.eot?#iefix') format('embedded-opentype'),/*IE6-IE8 */ url('/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .fl { float: left; } .fr { float: right } .fn { float: none } .unfb { font-weight: normal } .dis_inline { display: inline; } .no_border { border: none; } .red{color: #e3393c;} .center { text-align: center } a { text-decoration: none; color: #666; } a:hover { color: #ff6600; text-decoration: none; } .m, .mt, .mc, .mb, .sm, .smt, .smc, .smb { zoom: 1; } q::before, q::after { content: ''; } .p-simsun { font-family: simsun; } /*top nav------------------*/ .top {min-width:1190px; width: 100%; line-height: 32px; background: #2E333E; color:#A4A4A4; position: relative;z-index: 1003; } .top span { display: inline } .top .top-link{ float:left;} .top .top-link a{ margin-left:10px; color:#fff;} .top a{color:#fff;} .top .hover dt { background: #fff; border: 1px solid #DDD; border-bottom: 0; height: 28px; } .top .hover .blank { position: absolute; z-index: 1; top: 23px; left: 4px; width: 95%; height: 8px; overflow: hidden; background: #fff; } .top .dropdown-menu { display: none } .top .hover .dropdown-menu, .top .hover .outline { position: absolute; border: 1px solid #ddd; background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.12); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12); box-shadow: 0 0 10px rgba(0,0,0,.12); } .top .hover .dropdown-menu { top: 30px; display: block } .top .hover .outline { z-index: -1; left: 3px; top: 3px; width: 95%; height: 28px; } .top .hover a{color:#656565;} .top li s { top: 9px; left: 0; width: 0; height: 12px; border-left: 1px solid #333; overflow: hidden; position: absolute; } .top li b { background: url(/Areas/Web/Images/20130330A_2.png) no-repeat -95px -53px; top: 14px; right: 6px; width: 7px; height: 4px; transition: transform .2s ease-in 0s; -webkit-transition: -webkit-transform .2s ease-in 0s; position: absolute; display: block; } .top li.hover b { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .top .quick_list { float: right; height: 30px; } .top .quick_list li { height: 30px; padding: 0 11px 0 12px; float: left; position: relative; } .top .quick_list li a em{ color:#FF3C4C;} .top .quick_list .dropdown-menu{width: 95%; left: 3px;} .top .quick_list .dropdown-menu li{ padding: 0 0 0 6px; line-height: 22px; height: 22px; display: block;white-space: nowrap; } .top .quick_list li.service,.top .quick_list li.moblie-qrcode,.top .quick_list li.sitemap{ z-index: 1003; padding-right:16px; } .top .in-order{ width:48px; z-index: 12;} .top .in-order .dropdown-menu { width: 100px; } .top .mycenter .dropdown-menu { width: 90px; } .top .sitemap .dropdown-menu {width: 87px; } .top .quick_list .sitemap ul li { width: 100%; height: auto; padding: 0; } .top .sitemap ul li p { padding: 4px 0 4px 9px; line-height: 20px; font-weight: 700; } .top .sitemap ul li div { margin: 0 9px; line-height: 22px; overflow: hidden; padding-bottom: 3px; border-bottom: 1px solid #f2f2f2; } .top .sitemap ul li div span { margin:0 10px; float: left } .top .moblie-qrcode .dropdown-menu{ width:90px; padding:10px;} .top .hover a {color:#656565;} /*header---------------------*/ .nav{ margin:0 auto;} .{width: 80px;height: 30px;display: block;} .nav li .hover .list-details {display: block;} .header {min-width: 1190px;width: 100%;background-color: #F7F7F5;} .nav li a{font-weight:bold;color:#000;font-family:Arial;} /*header*/ .allcateogry{width:100%;height:210px; background-color:#F7F7F5; z-index:1001;position:absolute;margin:0 auto;text-align:center; display:none;margin-top:-38px;padding-top:15px;box-shadow: 0px 20px 20px -20px #5E5E5E; overflow-x: hidden;overflow-y: auto;} .nav-category {width:90%;min-height:210px; background-color:#F7F7F5; z-index:1001;position:absolute;margin:0 auto;text-align:center;vertical-align: middle;left:5%;display:none;} .nav-category .category-details{ margin:0 auto;text-align:center;} .nav-category .category-details .subitem {margin-top:10px;width: 100%;min-height: 200px;display: flex;margin:0 auto;text-align:center;align-items:center;} .nav-category .category-details .subitem ul{margin-top:5px;margin:0 auto;text-align:center;display:table;} .more-categories{ width:160px;height:50px;border-radius:30px;background-color:#ccc; text-align:center; top:50%; margin-top:40px;} .img-more{background:url(../Images/fenlei-q.png) no-repeat 10px 50%; width:41px;height:41px;padding-left:10px;float:left; margin:0 auto;padding-top:9px;} .more-categories a{padding-left:1px;font-size:15px;color:#333;float:left; margin:0 auto;padding-top:14px;} .more-categories:hover .img-more{background:url(../Images/fenlei-h.png) no-repeat 10px 50%; } .more-categories:hover a{color:#fff} .more-categories:hover{ background-color:#415FFF} .more-li{width:100%; height:100%; float:right;} .nav-category .category-details .subitem ul li {margin: 0 auto;float: left;height: 160px;overflow: hidden;zoom: 1;width: 160px;margin-left: 30px; margin-top:20px; margin-bottom: 15px;border-top: 0;text-align: center;} .nav-category .category-details .subitem ul li .ctetext{padding-top:12px;} .nav-category .category-details .subitem ul li .ctetext a{font-size:15px; color:#333} .nav-category .category-details .subitem ul li .ctetext a:hover{color:#405EFF} .nav-category .category-details .subitem ul {text-align: center;margin: 0 auto;} .nav-category .category-details .subitem ul li a{text-align:center;} .nav-category .category-details .subitem ul li a img{margin:0 auto;} .nav .list_banner{width:95px;height:120px;font-weight:bold;} .nav .list_banner h3{color:#000;font-weight:bold; background: hsla(0,0%,100%,.25) border-box;border-radius: .3em; text-shadow: 0 1px 1px hsla(0,0%,100%,.3); } .nav .list_banner h3:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -30px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); } .nav .list_banner h3:hover{color:#405EFF;font-weight:bold; } .nav-category:hover {display: block;} html,body {height: 100%;} body {padding: 0px; margin:0px; background:url(../img/image.jpg) ; background-position: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;} .search-bar { height: 60px; padding: 20px 0 20px; width: 1190px; margin: 0 auto; } .logo {float:left;width:160px;} .logo img{display:inline-block;} /*new search*/ .new-search{float:left; position: relative;margin-top:6px;z-index:100;} .new-search .open-button{ background:url(/Areas/Web/Images/sousuo.png/search_btn.png) no-repeat center; width: 48px;height:48px; font-size: 18px; cursor: pointer; line-height: 28px; border: none 0 ; border-radius:2px; letter-spacing:2px;} .search {float:right; position: relative;margin-top:6px;} .search-form {margin-bottom:4px;position:relative;border:1px solid #e0e0e0;border-radius:100px;} .search-form input {float:left } .search-form .text {width:230px;height:20px;padding:12px;background-color:#fff;line-height:22px;color:rgb(51, 51, 51);font-size:16px;border-right: 0;border:0 none;border-top-left-radius:100px;border-bottom-left-radius:100px;} .search-form .button { background:url(/Areas/Web/Images/sousuo.png) no-repeat center; width: 51px;height:45px; font-size: 18px; color: #fff; cursor: pointer; line-height: 28px; border: none 0 ; border-radius:2px; letter-spacing:2px;} /*.search-form .button:hover { background-color:#fff;}*/ .hot-search { height: 18px; color: #999; overflow: hidden; } .hot-search strong { float: left; font-weight: 400; } .hot-search a { padding:0 12px; font-size:14px; border-left:1px solid #d0d0d1; } .hot-search a:first-child{ border:0;} .search-form ul{ position:absolute; top:1px; right: 76px; background-color:#fff; width: 56px;line-height: 32px; font-size: 14px; box-shadow:0 2px 4px #ddd; border:1px solid #ddd; z-index:2; display:none;} .search-form ul li{ cursor:pointer; text-indent:12px;} .search-form ul li:hover{ color: #e3393c;} .search-form label{ position:absolute; right:84px; width:62px; text-indent:12px; font-size:16px; line-height:32px; cursor:pointer; color:#666;} .search-form label:after{ content:''; position:absolute; top:12px; right:0; border-top:9px solid #686b6b; border-left:6px dashed transparent; border-right:6px dashed transparent; font-size:0; width:0; height:0;} .my-shop { float: right; position: relative; z-index: 9; width: 126px; height: 36px; margin-right:60px; } .my-shop .dropdown-btn { position: absolute; z-index: 3; width: 84px; height: 34px; padding: 0 20px 0 28px; border: 1px solid #dedede; background: url(/Areas/Web/Images/20130330A_2.png) no-repeat -110px -53px #F7F7F7; cursor: pointer; text-align: center; } .my-shop .dropdown-btn a { line-height: 34px; } .my-shop.hover .dropdown-btn { height: 32px; border: 1px solid #E3E3E3; border-bottom: 0; background-position: -115px -114px; background-color: #fff; -moz-box-shadow: 0 0 10px #DDD; -webkit-box-shadow: 0 0 10px #DDD; box-shadow: 0 0 10px #DDD; } .my-shop .dropdown-btn b { top: 12px; right: 4px; width: 0; height: 0; border-style: dashed dashed dashed solid; border-width: 5px; border-color: transparent transparent transparent #CCC; overflow: hidden; position: absolute; } .shop-head-box{ float:left; margin-left:20px;} .shop-head-box .shop-service{ display:inline-block; width:180px;vertical-align: top;} .shop-head-box .shop-service h3{ font-size:15px; color:#393d3e;} .shop-head-box .shop-service p{ margin-top:3px; font-size:0;} .shop-head-box .shop-service p img{ margin-right:7px;} .shop-head-box .shop-score{ display:inline-block;margin-left: 10px;} .shop-head-box .shop-score li{ display:inline-block; width: 50px; text-align:center;} .shop-head-box .shop-score li h3{ font-size:14px; color:#494e52;} .shop-head-box .shop-score li p{ color:#e92836; font-size:13px; margin-top:8px;} .shop-head-box .shop-score li i{ display:inline-block; width:8px; height:10px; margin-right:5px; background:url(/Areas/Web/Images/cicon.png) no-repeat; } .shop-head-box .shop-score li .up i{ background-position:-62px -19px} .shop-head-box .shop-score li .down i{ background-position:-62px -36px} .shop-head-box .shop-moblie{ display:inline-block; width:40px; position:relative; z-index:6; margin-left:30px;} .shop-head-box .shop-moblie span{ text-align:center; color:#393d3e;} .shop-head-box .shop-moblie i{ display:block; width:100%; height:23px; background: url(/Areas/Web/Images/cicon.png) no-repeat 0 -28px; margin-bottom:5px;} .shop-head-box .shop-moblie div{ display:none; position:absolute; left:0; top:45px; border:1px solid #e4e4e4; background-color:#fff;} .shop-head-box .shop-moblie:hover div{ display:block;} .shop-head-box .shop-moblie img{ width:140px; height:140px;} .shop-head-search .search-form .text { width: 415px; height: 26px; line-height: 26px;} .shop-head-search .search-form .button{font-size: 20px; line-height: 36px;} .shop-head-search .search-form label{ line-height:36px;} .shop-head-search .search-form label:after{ top:14px;} .shop-head-search{right:0!important;} .site-app{ display:inline-block; position:absolute; z-index:889; cursor:pointer;left:3px;top:7px;} .site-app i{ display:block; width:42px; height:36px; background: url(/Areas/Web/Images/cicon.png) no-repeat 0 -54px;} .site-app div{ display:none; position:absolute; left:-50px; top:50px; background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.4)} .site-app:hover div{ display:block; text-align:center;} .site-app img{ width:160px; height:160px;} .site-app h3{color:#494e52;} .site-app p{ color:#e50112; margin-bottom:10px;} /*nav bar---------------------*/ .categorys { position: absolute; top: 0; left: 0; } .cate-all { font-size: 16px; } .cate-all a { margin-left: 12px; line-height: 38px } /*background:#fff;filter:Alpha(opacity=60); background:#fff;background: hsla(0,0%,100%,.25);*/ .categorys .mc { position: absolute; left: 0; width: 230px; height: 420px;margin-top:10px; overflow: visible;border: 0; padding-top:15px; background:rgb(255,255,255);filter:Alpha(opacity=65); background:rgba(255,255,255,.65)border-box; border-radius: .3em; filter:Alpha(opacity=65); text-shadow: 0 1px 1px hsla(0,0%,100%,.3); } .categorys .mc:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -30px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); } .categorys .item { width: 219px; height: 68px; } .categorys .span { display: block; width: 240px; position: absolute; z-index: 1; } .categorys h3 { width: 170px; height: 68px; line-height: 68px; padding-left: 40px; font-size: 16px; overflow: hidden; padding-right: 20px; color: #333; position: relative; border-radius: .5em; } .categorys h3:hover{background-color: #fff;} .categorys h3 a { color: #000; } /*background-position:-107px -42px; background-image: url(/Areas/Web/Images/20130330A_2.png); top: 25px; right: 40px; width: 9px; height: 16px;*/ .categorys s { display: block; position: absolute; background: url(/Areas/Web/Images/banner_xy.png) no-repeat;top: 25px; right: 40px; width: 16px; height: 16px;} .categorys h3 a:hover, .categorys h3 a:active { color: #000; text-decoration: none; } .categorys .item .category-details {height:435px; display: none; position: absolute; left: 240px; top: 0; border: 1px solid #ddd; overflow: hidden; background:rgb(255,255, 255);border-radius: .5em; } .categorys .subitem { float: left; width: 470px; min-height: 420px; display:table; } .categorys .cate-right { width: 250px; padding-bottom: 2010px; margin-bottom: -2000px; float: right; background: #f7f7f7; } .categorys .cate-right dl { width: 234px; padding: 6px 8px; } .categorys .subitem dl dd{height:51px; overflow: hidden; zoom: 1; width:200px; margin-left:30px; margin-bottom:15px; display: inline-block;vertical-align: top; *display:inline; *zoom:1;border-top:0;border-bottom:solid 1px #eee;} .categorys .item dd { padding: 6px 0 0; overflow: hidden; zoom: 1; border-top: 1px solid #efefef; border-radius: .3em; background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.4)} .categorys .item dd a {color: #333;font-size:14px;} .categorys .item dd a:hover{ color:#405EFF; text-decoration:none;} .categorys .subitem em { float: left; margin-right: 15px; line-height: 28px; white-space:nowrap} .categorys .subitem p{ font-size:18px; color:#000; border-left:5px solid #f39800; line-height:20px; margin:20px 0 20px 30px;} .categorys .subitem p a{ color:#000; padding-left:10px;} .categorys .subitem p a:hover{ color:#405EFF} .categorys .item .categorys-brands h5 { padding: 3px 6px 0 9px; font-weight: 700; font-size: 16px; color: #101010; } .categorys .categorys-brands ul { padding-top: 6px; line-height: 20px; padding-left: 7px; overflow: hidden; } .categorys .categorys-brands ul li { line-height: 35px; background: #ebebeb; height: 35px; text-align: center; width: 110px; margin-top: 3px; margin-right: 3px; float: left; } .categorys-promotions img { margin-bottom: 4px } .categorys-promotions { display: none; } .categorys .hover .category-details { display: block; z-index: 12; } .nav-bar {background:#f49800;position:relative;z-index:888;min-width:1190px;} .nav-bar .nav-content {position:relative;z-index:6;padding-left:210px;width:980px;margin: 0 auto;} .nav {filter:none; height:35px;overflow:hidden;float:left;margin-top:12px;margin-left:20px;} .nav li {float:left;position:relative;} .nav li:hover,.nav li.cur{} .nav li.cur a{color:#333;} .nav li:hover a{ color: #405EFF;} /*.nav li.cur a{border-bottom: 3px solid #e3393c;}*/ .nav li a { display: block;font-size:16px; text-decoration: none; line-height: 36px;padding:0 30px 0 0; } .right-side{ position:fixed; right:0; top:64%; height:100%; z-index:1002;} /*2E333E*/ .right-side-menu{height:36%;width:40px;background-color:#fff;position:relative;float:left; text-shadow: 0 1px 1px hsla(0,0%,100%,.3);} .right-side-menu ul{ position:absolute; } .right-side-menu ul.menu-top{ top:1%;} .right-side-menu ul.menu-bot{ bottom:0;} .right-side-menu ul.menu-bot li{ margin:0;} .right-side-menu li{ width:40px; height:40px; margin:10px 0; cursor:pointer; position:relative;text-align:right;} .right-side-menu ul s{ width:30px; border-bottom:1px solid #888; display:block; width:26px; margin-left:7px;} .right-side-menu li span{ display:none; position: absolute; right: 100px; opacity:0; top: 0; width: 90px; height: 40px; line-height: 40px; text-align: center; color: #333; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); position:absolute; } .right-side-menu li span:before{ position:absolute; content:''; border-bottom:10px dashed transparent; border-top:10px dashed transparent;border-left:10px solid #fff; right:-4px; top:10px;} /*.right-side-menu li i{ display:block; width:40px; height:40px; background:url(/Areas/Web/Images/right.png) no-repeat;} .right-side-menu li i.cart{ background-position:0 -50px;} .right-side-menu li i.asset{ background-position:0 -80px;} .right-side-menu li i.at-shop{ background-position:0 -120px;} .right-side-menu li i.at-goods{ background-position:1px -160px;} .right-side-menu li i.history{ background-position:2px -200px;} .right-side-menu li i.go-top{ background-position:0 -280px;}*/ .right-side-menu li i{ display:block; width:32px; height:32px;margin-left:4px;} .right-side-menu li i.user{ background:url(/Areas/Web/Images/right01.png) no-repeat center 3.5px;} .right-side-menu li i.cart{ background:url(/Areas/Web/Images/right02.png) no-repeat center; margin-top:-8px;} .right-side-menu li i.asset{ background:url(/Areas/Web/Images/right03.png) no-repeat center 3.5px;} .right-side-menu li i.at-shop{ background:url(/Areas/Web/Images/right01.png) no-repeat center 3.5px;} .right-side-menu li i.at-goods{ background:url(/Areas/Web/Images/right04.png) no-repeat center 3.5px;} .right-side-menu li i.history{ background:url(/Areas/Web/Images/right05.png) no-repeat center 3.5px;} .right-side-menu li i.go-top{ background:url(/Areas/Web/Images/right06.png) no-repeat center 3.5px;} .right-side-menu li:hover,.right-side-menu li.active{ background-color:#DDD;} .right-side-menu li.side-cart{ height: 45px; text-align: center; margin:0; } .right-side-menu li.side-cart p{ color:#fff; padding:0 14px; margin:2px 0;} .right-side-menu li.side-cart em{ display:inline-block; margin:0 0 0 20px; min-width: 14.5px; height: 14.5px; line-height: 14.5px; border-radius: 10px; background-color:#F51919; color:#fff;} .right-side-menu li .side-point{ font-size:14px; display:none; position:absolute; right:40px; top: 0; width: 120px; line-height:30px; padding:10px 0; text-align: center; color: #fff; background-color: #494949; box-shadow: 0 0 5px rgba(0,0,0,.2); position:absolute; } .right-side-menu li .side-point a{ background-color:#f08300; border-radius:4px; padding:0 10px; margin:2px 0; color:#fff; display:inline-block; line-height:20px;} .right-side-menu li .side-point:before{ position:absolute; content:''; border-bottom:10px dashed transparent; border-top:10px dashed transparent;border-left:10px solid #494949; right:-5px; top:10px;} .side-content{ background:#393939; height:100%; display:none; width:220px; float: right; bottom:0px;} .side-content .side-bd{ position:relative;} .side-bd .cart-top{ height:28px; line-height:28px; background-color:#e6e6e6;} .side-bd .cart-top label{ margin-left:13px;} .side-bd .cart-top label input{ vertical-align: middle; margin-right:3px;} .side-bd .cart-top a{ float:right; margin-right:18px;} .side-bd .cart-list li{ padding-left: 8px; margin-top:16px; background-color: #fff;} .side-bd .cart-list li:first-child{ margin:0;} .cart-list .cart-list-shop{ height: 29px; line-height: 18px; overflow: hidden; background-color: #fff;border-bottom: 1px solid #e6e6e6; } .cart-list .cart-list-shop input[type="checkbox"]{margin:7px 5px; float:left;} .cart-list .cart-list-shop p{ padding: 5px 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; width:119px; float: left;} .cart-list .cart-list-shop span{ color: #999; text-align:right; padding:5px 0; float:right; margin-right:10px;} .cart-list .cart-list-goods{ position: relative; width: 100%; overflow: hidden; zoom: 1;} .cart-list-goods input[type="checkbox"]{margin: 20px 5px 5px;float:left;} .cart-list-goods img{ width: 50px;height: 50px;margin: 5px; float:left; } .cart-list-goods .s-num{ float:left; width:59px; text-align:center; margin-top: 21px; line-height:14px} .cart-list-goods .s-num span{padding: 0 6px; line-height: 18px; background-color: #E05558; color: #fff; border-radius: 3px;} .cart-list-goods .s-g-price{ float:left; width:60px; float:left; text-align:right; line-height:18px; padding-top:19px;} /*.cart-list-goods i{ position:absolute; right:10px; top:3px; font-family:Tahoma; width:14px; height:14px; line-height:10px; text-align:center; text-align:center; background-color:#666; color:#fff; display:none; border-radius:100%;} .cart-list-goods:hover i{ display:block;}*/ .side-cart-c{ position:relative; height:100%; background-color:#e6e6e6;} .side-cart-c .side-bt{ top:250px; left:0; padding:0 15px; width:190px; position:absolute; background-color:#e6e6e6;} .side-cart-c .side-bt input[type="button"]{ width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#e3393c; border:0 none; cursor:pointer;} .side-cart-c .side-bt input[type="button"]:hover{ background-color:#E22226;} .side-cart-c .cart-total{ color:#333; line-height: 30px;} .side-cart-c .cart-total .total-money{ float:right; color:#e3393c;} .side-content .side-hd{ position:relative; font-size: 14px; height: 35px; line-height: 35px; width: 100%; text-align: center; background-color:#393939;} .side-content .side-hd a{ color:#fff;} .side-content .side-hd .side-close{ display: block; position:absolute; left: 10px; top: 0; width: 35px; height: 35px; line-height:35px; color:#fff; font-family:'simsun'; cursor:pointer; font-weight:bold; } .side-goods-list{ background-color:#393939; padding:10px 15px;} .side-goods-list li{ width:100%; float:left; padding:10px 0; border-top:1px solid #666;} .side-goods-list li:first-child{ border:none;} .side-goods-list li img{ width:50px; height:50px; float:left; margin-right:10px;} .side-goods-list li p{ height: 36px; overflow: hidden;} .side-goods-list li p a{ color:#fff;} .side-goods-list li p a:hover{ text-decoration:underline;} .side-asset-total{ margin:5px 15px; background-color:#efefef; border-radius:3px;} .side-asset-total div{ width:50%; float:left; padding:8px 0 10px; text-align:center; position:relative;} .side-asset-total div:first-child:after{ content:''; border-right: 1px solid #dfdfdf; position:absolute; height:40px; top:10px; right:0;} .side-asset-total span{ width:100%; display:block; font-size:18px; line-height:24px;} .side-asset-list{ padding:5px 14px; } .side-asset-list p{ color:#fff; padding-top:10px;} .side-asset-list ul{margin-top:10px;} .side-asset-list li{ background-color:#fd7778; padding:10px; position:relative; } .side-asset-list li:before{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAECAQAAABhe7jaAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAMgAAAAEAIwF5NQAAABISURBVDjL7cYxFYAgFADAgxI+olDBFizWsoURSOLj2cEBRyP8hZsu1dvhwu70rke+b6Q6PQqGwnrkeyJj+q3HXjY00Iz14OMDOiIdQWtnq7QAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDQtMDFUMTY6MDQ6NTYrMDg6MDC7Xd3cAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA0LTAxVDE2OjA0OjU2KzA4OjAwygBlYAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) repeat-x; position:absolute; top:-2px; left:0; content:''; height:4px; width:100%;} .side-asset-list li a{ color:#fff;} .side-asset-list li h3{ font-size:12px; line-height:30px;height: 30px; color:#a44; position:relative; text-align:right;} .side-asset-list li h3 span{ font-size:20px; width:60px; color:#fff; position:absolute; bottom: -10px; left:0;text-align: left;} .side-asset-list li h5{ font-size:12px; line-height:20px;height:20px; overflow: hidden;} .side-asset-list li p{ padding:0 0 0 60px;color:#a44; text-align:right;} .side-asset-list li.coupon-lg{ background-color:#ffc24d;} .side-asset-list li.coupon-sm{ background-color:#3abec0;} .side-asset-list li.coupon-lg h3,.side-asset-list li.coupon-lg p{ color:#b70;} .side-asset-list li.coupon-sm h3,.side-asset-list li.coupon-sm p{ color:#13797b;} .side-asset-list li.getCurCoupon{ cursor:pointer; position:relative;} .side-asset-list li.getCurCoupon:after{ content:'立即领取'; width:24px; background:rgba(0,0,0,0.4); color:#fff; position:absolute; top:0; line-height:20px; right:0; padding:24px 10px; transition:all .3s;} .side-asset-list li.getCurCoupon:hover:after{padding:24px 15px;} .side-asset-c,.side-atgoods-c,.side-history-c{ display:none; height:100%;} .side-asset-c .side-bd,.side-atgoods-c .side-bd,.side-history-c .side-bd{ height:95%;} /*footer-------*/ .footer{ min-width:1190px;width:100%; background:#fff; border-top: 2px solid #ededed;} .site-promise{ height:41px; padding:29px 0;} .site-promise li{ float:left; padding:0 40px 0 90px; position:relative;} .site-promise li b{ position:absolute; display:block; width:41px; height: 41px; margin-right:15px; background:url(/Areas/Web/Images/20130330A_2.png) no-repeat; left:34px; top:0; } .site-promise li.fore1 b{ background-position:0 -55px;} .site-promise li.fore2 b{ background-position:-50px -55px;} .site-promise li.fore3 b{ background-position:0 -102px;} .site-promise li.fore4 b{ background-position:-50px -102px;} .site-promise li.fore5 b{ background-position:0 -148px;} .site-promise li h3{ font-size:18px; color:#000;line-height: 25px;} .site-promise li p{ color:#777;} .site-footerimg{ height:75px; padding:10px 0;} .footer-service { padding:0 15px 0 15px;padding-top:15px; border-top:1px solid #f7f7f7; } .footer-service dl { float: left; width: 200px; } .footer-service dt { position: relative; padding-top:15px; font-size: 16px ; zoom: 1; font-weight: normal; } .footer-service dt strong{ font-weight:normal; color:#000;} .footer-service dd { min-height: 120px; line-height: 16px; color:#333; } .footer-service dl a{color:#999;} .footer-service dl a:hover{color:#e3393c;} .footer-service dl p{ padding-left:13px; background: url(/Areas/Web/Images/20130330A_2.png) no-repeat -109px -64px; height:16px; overflow:hidden; margin-top:15px;} .footer-service .qrcode{ width:160px; float:right; text-align:center;} .footer-service .qrcode img{width: 90px;height: 90px; display:inline; margin:0;} .footer-service .qrcode h3{ font-size:18px; line-height:22px;} .footer-service .qrcode p{ color:#777;} .copyright { text-align: center; padding:15px 0; color:#666; line-height:24px; background:#fafafa;} .copyright a{color:#666;} .copyright img { display: inline-block } /*ajax-loading------*/ .ajax-loading { width: 100%; height: 100%; position: fixed; z-index: 999999; background-color: rgba(0, 0, 0, 0.2); transition: all ease-in-out .5s; top: 0; left: 0; display: none; } .ajax-loading p { width: 100px; height: 100px; background: url('/Images/progress.gif') no-repeat center; border-radius: 5px;background-color:#000; background-color: rgba(0, 0, 0, 0.8); } /* CSS Document */ body{ } .mt,.smt {zoom: 1;height: 16px;line-height: 16px;padding: 7px 0;border-bottom: 2px solid #AAA;} .mc,.smc {border-style: solid;border-color: #F1F1F1;border-width: 0 1px 1px;overflow: hidden;zoom: 1;} .smc { border-right:0} .cate-all b{ display:none} /*first screen --------------------------*/ .slide-box{width: 100%;height: 460px;overflow: hidden; position:relative; z-index:9;margin:0 auto; background-color:#ccc; border-radius: .3em;box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset, 0 .5em 1em rgba(0, 0, 0, 0.6); } #slide {width: 100%;height: 460px;overflow: hidden; position:relative;} #slide .slide-items,#slide li{width: 100%;height: 460px;overflow: hidden;} #slide li{ position:absolute; top:0; left:0; opacity:0; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; z-index:1;} #slide li.active{ opacity:1; z-index:2;} #slide li a{ display:block; width:100%; height:100%; background-position:center top; background-repeat:repeat-x; transition:transform .3s linear; } #slide li.active a{ } #slide .slide-controls {position:absolute;bottom:15px;right:20px;z-index:1;text-align:center;width:auto;z-index:3;} #slide .slide-controls span{display: inline-block;margin: 0 5px;background: #fff;text-align: center;cursor: default;width: 12px;height: 12px; padding:0; overflow:hidden; font-size: 0; vertical-align:middle; border-radius: 100%;} #slide .slide-controls .cur{ background-color:transparent; border:1px solid #fff;} .slide-box .small-banner { position: absolute; top: 0; right:50%; margin-right:-595px; width: 190px; height: 480px; z-index: 5; opacity: .95; filter: alpha(opacity=95);} .slide-box .small-banner img {vertical-align: top; -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; width:190px; height:240px;} .slide-box .small-banner .banner-separator { display: block; height: 0; font-size: 0; line-height: 0; /*border-top: 1px dotted #eee;*/} .slide-box .small-banner img:hover { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);} /*首页限时抢购-------*/ .content_re{ width:1190px; overflow:hidden; margin-bottom:30px;} .content_recont{ overflow:hidden;} .content_recont ul{ width:1206px;} .content_recont ul li{ float:left; width:300px; height:170px; overflow:hidden; margin-right:25px; margin-top:20px;} .content_recont ul li:first-child{width:230px;} .content_recont ul li:last-child{float:right;margin-right:0;} .content_recont ul li.last-child{float:right;margin-right:0;} .content_recont ul li img{ width:100%; height:100%; transition:all 0.3s;} .content_recont ul li img:hover{ -webkit-transform: translateX(-5px);-moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);} /*楼层样式 ---------------*/ .content_mcont{margin-top:2px; overflow:hidden;} .content_mcontl{ float:left;width:230px;height:611px;overflow:hidden;} .content_mcontl div:first-child img{ width:230px;max-height:611px;} .content_mcontl div:last-child img{ width:230px;} .content_mcontl div.last-child img{ width:230px;} .content_mcontc{ float:right; width:950px;height:626px;overflow:hidden;} .content_mcontc img{ width:230px; height:200px;} .content_mcontr{ float:right; width:189px;overflow:hidden;} .content_mcontc div div{ float:left;margin-right:10px;margin-left:0;margin-bottom:11px;height:300px;background-color:#fff;} .content_mcontr ul{ width:189px;} .content_mcontr ul li{ border-top:1px solid #eee; padding:6px 0 5px; text-align:center; height:auto; float:none; width:189px; background:#ffffff;} .content_mcontr ul li img{ display:inline; height:58px; max-width:189px;} .content_mcontr ul li:first-child{ border-top:0;} .content_mcontrtop{ line-height:39px; padding-left:20px; font-size:16px; color:#666666; background:#dfdfdf;} .content_mtop{ line-height:40px; overflow:hidden; font-size:14px; font-weight:bold; color:#9f9f9f;padding-top:35px;text-align:center;} .content_mtop em{ float:left; padding-top:10px; line-height:22px;} .content_mtop b{ font-size:25px;margin:0 auto; margin-right:10px; color: #333;font-weight:200; } .content_mtop ul { float:right; margin-right:15px;} .content_mtop span{ float:right;} .content_mtop ul li{ float:left; margin-right:15px;} .floor{} .floor-hd{ height:42px; border-bottom:1px solid #e3393c; background-color:#fff;} .floor-hd i{ width:43px; height:42px; padding-left:3px; display:inline-block; background: url(/Areas/Web/Images/floor.png) no-repeat; color:#fff; font-size:24px; font-family:Arial; line-height:26px; vertical-align:top;} .floor-hd i s{ text-decoration: none;} .floor-hd span{ color:#000; font-size:24px; line-height:42px; margin-left:10px;} .floor-hd ul{ float:right; line-height:37px; margin-top:5px; margin-right:15px;} .floor-hd ul li{ float:left; padding:0 28px; font-size:16px; color:#424242; cursor:pointer; max-width: 100px; overflow: hidden; height: 37px;} .floor-hd ul li a{ color:#424242; display:block;} .floor-hd ul li.active{ border:1px solid #e3393c; border-top-width:3px; border-bottom:0; padding:0 27px; margin-bottom:-1px; background-color:#fff; line-height:32px; color:#e3393c; height: 35px} .floor-hd ul li.active a,.floor-hd ul li:hover,.floor-hd ul li:hover a{ color:#e3393c;} .floor .floor-content{} .floor .content-left{ width:400px; height:422px; float:left; background-color:#fff;} .content-left .slide{ width:400px; height:340px; overflow:hidden; position:relative;} .content-left .slide ul{ position:absolute;} .content-left .slide li{ width:400px; height:340px; float:left;} .content-left .slide li img{ width: 100%;height: 100%;} .content-left .slide .slide-controls{ position:absolute; bottom:13px; text-align:center; width:100%;} .content-left .slide .slide-controls span{ width:9px; height:9px; border:1px solid #fff; background-color:transparent; margin:0 3px; font-size:0; border-radius:100%;} .content-left .slide .slide-controls span.cur{ background-color:#fff;} .content-left table{ width:360px; margin:10px 20px 0;} .content-left table td{ height:30px;} .content-left table a{ color:#000;} .content-left table a:hover{ color:#e3393c;} .content-right-box{ float:left; width:790px;background-color: #fff;} .content-right-img li{ float:left; width:198px; height:245px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .content-right-img li.fore5,.content-right-img li.fore6,.content-right-img li.fore7,.content-right-img li.fore8{ border-bottom:0; height:176px;} .content-right-img li.fore4,.content-right-img li.fore8{ width:192px;} .content-right-img img{ width: 100%;height: 100%;} .content-right-goods{ display:none;} .content-right-goods li{ float:left; width:166.5px; height:210.5px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:0 15px; } .content-right-goods li.fore5,.content-right-goods li.fore6,.content-right-goods li.fore7,.content-right-goods li.fore8{ border-bottom:0;} .content-right-goods li .p-img {height: 125px;margin-bottom: 4px;text-align: center;padding-top: 12px;} .content-right-goods li img{ vertical-align: top; display:inline; max-width:120px; max-height:120px;} .content-right-goods li h3{ height:36px; margin-bottom:3px; overflow:hidden;} .content-right-goods li p {font-size: 15px; font-family: Verdana; color: #e3393c;} .content-brand{ float:left; width:100%; background-color:#fff; margin-top:10px; height:40px; padding:12px 0;} .content-brand li{ float:left; width:100px; height:40px; line-height: 40px; padding:0 9px; border-left:1px solid #eaeaea; text-align:center;} .content-brand li:first-child{ border:0;} .content-brand li img{ max-width:100px; max-height: 40px; vertical-align:middle; display:inline;} /*导航-----------*/ .floor-nav{ position: fixed; width:37px; background:#fff;left: 50%;top: 50%;margin-left: -650px; display:none;} .floor-nav a{ width:19px; height:30px; line-height:30px; white-space:nowrap; text-decoration:none; text-align:center; display:block; margin:0 auto; border-bottom:1px dotted #c9c9c9; color:#625352;cursor:pointer;} .floor-nav li:last-child a{ border:0;} .floor-nav a span{ display:none;} .floor-nav a em{ font-size:14px;} .floor-nav li:hover a,.floor-nav li.cur a{ width:28px;} .floor-nav li:hover span,.floor-nav li.cur span{ display:inline; color:#fff;} .floor-nav li:hover em,.floor-nav li.cur em{ display:none;} .floor-nav li:hover,.floor-nav li.cur{ background:#2E333E;} /* * Swiper 2.7.0 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2014, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: August 30, 2014 */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ } .swiper-box{height:370px;position:relative;margin-bottom:20px;} .swiper-box .button-next{position:absolute;cursor:pointer;right:0px;top:10px;height:24px;width:35px;background:url(/Images/pager-arrow.png) no-repeat -36px 0;} .swiper-box .button-prev{position:absolute;cursor:pointer;right:35px;top:10px;height:24px;width:36px;background:url(/Images/pager-arrow.png) no-repeat;} .swiper-box .swiper-button-disabled{background-position-y:bottom;cursor:not-allowed;} .swiper-container{height:300px;overflow:hidden;position:initial;padding-bottom:20px;} .swiper-slide{height:300px;overflow:hidden;padding-bottom:20px;} .product-box{width:230px;margin-left:10px;float:left;height:300px;background:#fafafa;text-align:center;display:inline;-webkit-transition:all .2s linear;transition:all .2s linear;} .product-box:hover{-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);box-shadow:0 10px 20px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);} .product-box_:hover{-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);box-shadow:0 10px 20px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);} .product-box img{width:210px;max-height:210px;margin:auto;} .product-box a{display:block;} .product-box .n1{color:#221815;font-size:14px;display:inline-block;height:22px;overflow:hidden;} .product-box .n2{color:#898989;font-size:12px;} .product-box .n3{color:#F51919;font-size:14px;line-height:45px;} /*color:#f08300 F51919*/ .swiper-slide .product-box:first-child{margin-left:0;} .swiper-slide .product-box:last-child{float:right;margin-left:0;} .swiper-slide .product-box.last-child{float:right;margin-left:0;} .alpha{position:fixed;top:0;left:0;z-index:10000001;width:100%;height:100%;background:#000;border:0;filter:alpha(opacity=15);opacity:.15;} .mimiBox{position:fixed;z-index:10000002;overflow:hidden;padding:0;top:0;margin:0;border:4px solid rgba(0,0,0,.1);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;left:50%;top:50%;margin-left:-207px;margin-top:-202px;} .mimiWrap{border:1px solid #c4c4c4;width:410px;background:#fff;} .mimiTitle{height:31px;padding:0 10px;background:#f5f5f5;line-height:31px;font-size:14px;font-weight:700;color:#333;border:0;width:390px;} .mimiClose{display:block;position:absolute;z-index:100000;top:5px;right:10px;overflow:hidden;width:21px;height:21px;background:url(/Images/thickbox_close.png) no-repeat 0 0;font-size:0;line-height:100px;} .mimiCon{padding:10px;} .mimiTitleBox{border-bottom: 1px solid #dddddd;height:30px;margin-bottom:-1px;overflow:visible;position:relative;padding-left:20px;} .mimiCurr{height: 30px;background: #FFF;margin-top: 0;color: #F51314;font-weight: bold;line-height: 30px;width: 83px;border: 1px solid #dddddd;border-bottom:none; display:inline-block;margin-right: 5px;padding-right: 2px;font-size: 14px;text-align: center;float:left;} .mimiLimk{background: #f7f7f7;width: 83px;margin-top: 3px;padding-right: 2px;margin-right: 5px;text-align: center;line-height: 25px;color: #333;font-size: 14px;border: 1px solid #dddddd; border-bottom: none;display:inline-block;float:left;color: #333333;font-weight: normal;height: 27px;width: 83px;} .mimiLog{padding:25px 0 0 60px;} .mimiLogTitleMesg{color: #999999;height: 20px;line-height: 20px;font-size:12px;display:block;padding-top:5px;} .mimiInput{position: relative;width: 272px;display:block;} .mimiText{border: 1px solid #e1e1e1;float: none;font-family: arial,"宋体";font-size: 14px;height:24px;line-height: 24px;padding: 4px 20px 4px 3px;width: 245px;display:inline-block;box-sizing: content-box;} .i-name{background: url(/Images/one4.jpg) no-repeat;height: 16px;top: 8px;width: 16px;position: absolute;right: 10px;} .i-pass{background: url(/Images/one5.jpg) no-repeat;height: 19px;top: 8px;width: 14px;position: absolute; right: 10px;} .mimiBorder{border: 1px solid #7abd54;color: #333333;} .mimiBorder_error{border: 1px solid #e3393c;color: #e3393c;} .mimiError{position: absolute;width: 265px; padding: 3px 0 3px 3px;left: 0px;top: 34px;_top: 35px;border: 1px solid #ffbdbf;color: #e6393d;background: #ffebec;float: none;line-height: 20px;z-index: 10;font-size:12px;display:block;} .mimiAutoentry{height:40px;margin-top:10px;padding-top: 5px;} .mimiCheckbox{margin-top: 7px;font-size: 12px;} .mimiMar{display:inline-block;line-height: 26px;font-size:12px;color:#333;} .mimiBtn{height: 54px;line-height: 26px;overflow: visible;padding-top: 5px;position: relative;} .mimi_btn{background: #F51314;font-family: "微软雅黑";height: 36px;line-height: 34px;margin: 10px 0 15px;text-align: center;width: 270px;padding-bottom: 5px;border:none;font-weight:700;font-size:18px;color:#fff;cursor:pointer;} .verification{border: 1px solid #e1e1e1;float: none;font-family: arial,"宋体";font-size: 14px;height:24px;line-height: 24px;padding: 4px 20px 4px 3px;width: 60px;display:inline-block;} .hide{display:none;} .w60{width:60px;} .fl{float:left;} .fr{float:right;} .clear{clear:both;} .alpha{position:fixed;top:0;left:0;z-index:10000001;width:100%;height:100%;background:#000;border:0;display:none;filter:alpha(opacity=15);opacity:.15;} .alert_box{position:fixed;z-index:10000002;overflow:hidden;padding:0;top:0;margin:0;border:4px solid rgba(0,0,0,.1);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;left:50%;top:50%;margin-left:-207px;margin-top:-202px;display:none;} .alert_warp{border:1px solid #c4c4c4;width:410px;height:140px;background:#fff;} .alert_title{height:31px;padding:0 10px;background:#f5f5f5;line-height:31px;font-size:14px;font-weight:700;color:#333;} .alert_close{display:block;position:absolute;z-index:100000;top:5px;right:10px;overflow:hidden;width:21px;height:21px;background:url("/Areas/Web/Images/thickbox_close.png") no-repeat 0 0;font-size:0;line-height:100px;cursor:pointer;} .alert_con{padding:10px;} .alert_tips {position: relative;padding-top:15px;width: 100%;} .alert_tips h2 {color: #090;font-size: 14px; height: 40px; line-height: 40px; padding-left: 70px;} .alert_tips p {padding-left: 70px;} .alert_tips em {color: #999;} .alert_tips p a {color: #005ea7;} .alert_state1{background: url("/Areas/Web/Images/state1.png") no-repeat scroll 10px;} .alert_state2{background: url("/Areas/Web/Images/state2.png") no-repeat scroll 10px;} .alert_state3{background: url("/Areas/Web/Images/state3.png") no-repeat scroll 10px;} .video-title{height:50px;line-height:40px;} .video-title span{font-size:22px;font-weight:200;} .video-title a{float:right;font-size:16px;} .video-title a i{color:#ccc;font-size:18px;} .video-title a:hover i{color:#ff6600;} .video-list{width:101.5%;} .video-list .video-item{width:290px;float:left;margin-right:10px;background-color:#fff;-webkit-transition:all .2s linear;transition:all .2s linear;text-align:center;} .video-list .video-item:hover{-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);box-shadow:0 10px 20px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);} .video-list .video-item:hover .play{background-color:#ff6600;border-color:#ff6600;} .video-list .video-item:last-child{margin-right:0;} .video-item .videoTrigger{position:relative;display:block;width:290px;height:175px;overflow:hidden;} .video-item .videoTrigger .play{position:absolute;left:20px;bottom:10px;width:32px;height:20px;line-height:20px;text-align:center;border:2px solid #fff;border-radius:12px;background-color:#424242;background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;color:#fff;-webkit-transition:all .2s;transition:all .2s;font-size:10px;} .video-item .title{display:block;padding-top:20px;color:#333;line-height:25px;white-space:nowrap;font-size:14px;overflow:hidden;} .video-item .desc{color:#b0b0b0;display:block;padding-bottom:20px;line-height:25px;} @charset "utf-8"; /* common start */ .aui_outer { text-align:left; outline: 0; border:5px solid rgba(0,0,0,.1);border-radius: 5px;} table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse;} table.aui_dialog{background-color: #fff; width:100%;} .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } .aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } .aui_title { overflow:hidden; text-overflow: ellipsis; font-weight:bold; } .aui_state_noTitle .aui_title { display:none; } .aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } .aui_close:hover { text-decoration:none; } .aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } .aui_content { *zoom:1; *display:inline; text-align:left; border:none 0; width: 100%; color:#666;box-sizing: border-box;} .aui_content.aui_state_full { display:block; width:100%; margin:0; height:100%; padding:0 !important } .aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(/Areas/Web/Images/loading.gif) no-repeat center center; } .aui_icon { vertical-align: middle; } .aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } .aui_buttons { padding:10px; text-align:center; white-space:nowrap; border-top:solid 1px #f2f2f2; } .aui_buttons button { display: inline-block;margin-bottom: 0;font-weight: normal;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 3px 15px; font-size:14px;line-height: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #333;background-color: #fff;border-color: #ccc; margin:0 10px; outline:0 !important;transition:background linear .2s} .aui_buttons button:hover, .aui_buttons button:active{background-color: #e6e6e6;border-color: #adadad;} .aui_buttons button:active{box-shadow: inset 0 3px 5px rgba(0,0,0,.125);} .aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; } button.aui_state_highlight {color: #fff;background-color: #e3393c;border-color: #EA2A2D;} button.aui_state_highlight:hover,button.aui_state_highlight:active {color: #fff;background-color: #EA2A2D;border-color: #EA2A2D;} /* common end */ .aui_nw, .aui_ne, .aui_sw, .aui_se { width:0; height:0; } .aui_titleBar { position:relative; height:100%; } .aui_title {padding:0 10px; font-size: 14px;line-height:36px; height:36px;color: #4c5a5f;text-shadow: 0 1px 0 #fff; background:#f5f5f5;} .aui_close { padding:0; top:8px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); outline:0 !important;text-decoration:none !important } .aui_close:hover { color:#4aa3df } .aui_close:active { box-shadow: none; text-decoration:none} .aui_state_noTitle .aui_close{ top:0; right:0; display:none} .aui_state_noTitle .aui_buttons{ text-align:center} .aui_state_noTitle .aui_buttons button{ font-size:12px; line-height: 18px; margin:0 6px;} .aui_state_noTitle .aui_content{ padding:0!important} .tips-custom{ padding:20px; font-size:14px; max-width:300px;} .tips-custom i.icon{ width: 48px;height: 48px; display:inline-block; margin-right:10px; background:url(/Areas/Web/Images/icon48.png) no-repeat;vertical-align: middle;} .tips-custom i.error-icon{ background-position:-48px 0;} .tips-custom i.warning-icon{ background-position:-96px 0;} /** * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014 */ .jq-toast-wrap { display: block; position: fixed; width: 300px; pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; } .jq-toast-wrap * { margin: 0; padding: 0; } .jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; } .jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; } .jq-toast-wrap.top-left { top: 20px; left: 20px; } .jq-toast-wrap.top-right { top: 20px; right: 40px; } .jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 14px; font-family: arial, sans-serif; line-height: 1.5; position: relative; pointer-events: all !important; background-color: #444444; color: white; } .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 18px; margin: 0px 0px 5px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; } .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; } .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; } .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; } .close-jq-toast-single { position: absolute; top: 0; right: 7px; font-size: 24px; cursor: pointer; } .jq-toast-loader { display: block; position: absolute; top: 0px; height: 1px; width: 0%; left: 0; border-radius: 5px; background: red; } .jq-toast-loaded { width: 100%; } .jq-has-icon { padding: 20px 20px 20px 60px; background-repeat: no-repeat; background-position: 15px; } .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #79a7be; color: #d9edf7; border-color: #bce8f1; } .jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #f2bc5c; color: #fcf8e3; border-color: #faebcc; } .jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #bd7877; color: #f2dede; border-color: #ebccd1; } .jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #89ca89; border-color: #d6e9c6; }