/* 基色(logo的蓝色):#124d93 */ @import url('iconfont/iconfont.css?201701021624'); /*header*/ .mininav { overflow:hidden;} .mininav div span { margin:0 10px 0 0;} .mininav div span,.mininav div ul li{ height:30px; line-height:30px; float:left;} .mininav div span a,.mininav div ul li a{ font-size:0.75rem; color:#949393; display:block; margin:0; padding:0;} .mininav div ul { list-style:none; } .mininav div ul li { list-style:none; float:left;} .mininav div ul li a { display:block; padding:0 10px; position:relative; top:10px; height:15px; line-height:15px; border-right:1px solid #d4d4d4; } .mininav div ul li:last-child a { border:0;} .mininav div span a:hover, .mininav div ul li a:hover { color:red; } /*logo+search*/ .logo-nav { padding:20px 0; /*height:70px;*/ } .logo-nav .logo { margin-right:30px;} .logo-nav .logo a { display:block; float:left; width:400px; } .logo-nav .logo span { line-height:60px; font-size:1.375rem; color:#124d93; display:block; float:left;} .logo-nav #searchs { } .logo-nav #searchs input[type=text]{ padding:10px; border-radius:3px; border:1px solid #9b9b9b; float:left; width:220px; } .logo-nav #searchs input[type=submit]{ padding:9px; float:left;width:80px; background-color:#124d93; border:1px solid #124d93; color:white; cursor:pointer; } /*.logo-nav #menu,.logo-nav #menu ul,.logo-nav #menu ul li,.logo-nav #menu ul li a{ margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .logo-nav #menu:after,.logo-nav #menu > ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .logo-nav #menu { width:auto; font-family:'Open Sans',sans-serif; line-height:1;background:#ffffff; margin-top:12px;} .logo-nav #menu > ul > li { float: left; margin-left:3px; position:relative; } .logo-nav #menu > ul > li:hover { background-color:#124d93; } .logo-nav #menu > ul > li > a { padding:10px 25px; font-size:1rem;color:#000000; } .logo-nav #menu > ul > li:hover > a { color:white; text-align:center; display:block; } .logo-nav #menu > ul > li.has-sub > a { padding-right: 25px; } .logo-nav #menu ul li ul { display:none; position:absolute;} .logo-nav #menu ul li:hover ul { display: block; border-top:1px solid #e8e8e8; overflow:hidden; background-color:#124d93; padding-bottom:10px;} .logo-nav #menu ul li ul li { line-height:30px; display:block; position:relative; } .logo-nav #menu ul li ul li a{ font-size:0.875rem; color:white; display:block; line-height:30px; text-align:center; } @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { .logo-nav #menu { width:100%; } .logo-nav #menu ul { width:100%; display:none; } .logo-nav #menu .align-center > ul,.logo-nav #menu.align-right ul ul { text-align:left;} .logo-nav #menu ul li,.logo-nav #menu ul ul li,.logo-nav #menu ul li:hover > ul > li { width:100%; height:auto; border-top:1px solid rgba(120, 120, 120, 0.15); } .logo-nav #menu ul li a,.logo-nav #menu ul ul li a { width:100%; } .logo-nav #menu > ul > li,.logo-nav #menu.align-center > ul > li,.logo-nav #menu.align-right > ul > li { float:none; display:block; } .logo-nav #menu ul ul li a { padding: 20px 20px 20px 30px;font-size: 12px;color: #000000;background: none; } .logo-nav #menu ul ul li:hover > a,#cssmenu ul ul li a:hover { color: #000000; } .logo-nav #menu ul ul ul li a { padding-left: 40px; } .logo-nav #menu ul ul,.logo-nav #menu ul ul ul { position: relative;left: 0;right: auto; width: 100%;margin: 0;} .logo-nav #menu > ul > li.has-sub > a::after,.logo-nav #menu ul ul li.has-sub > a::after { display: none; } .logo-nav #menu #menu-line { display: none; } .logo-nav #menu #menu-button { display: block; padding: 20px; color: #000000; cursor: pointer;font-size: 12px;text-transform: uppercase;} .logo-nav #menu #menu-button::after {content: ''; position: absolute; top: 20px;right: 20px;display: block; width: 15px; height: 2px; background: #000000;} .logo-nav #menu #menu-button::before { content: '';position: absolute;top: 25px; right: 20px;display: block; width: 15px; height: 3px; border-top: 2px solid #000000; border-bottom: 2px solid #000000;} .logo-nav #menu .submenu-button { position:absolute; z-index:10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; } .logo-nav #menu .submenu-button::after { content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99; } .logo-nav #menu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 26px; display:block; width: 11px; height: 1px; background: #000000; z-index: 99; } .logo-nav #menu .submenu-button.submenu-opened:after { display: none; } }*/ /*nav*/ .nav { position:relative; } .nav .nav_all { color:white; width:220px; display:block; overflow:hidden; filter:progid:DXImageTransform.Microsoft.Shadow(color=#666,direction=120,strength=3);/*ie*/ -moz-box-shadow: 2px 0px 10px #666;/*firefox*/ -webkit-box-shadow: 2px 0px 10px #666;/*safari或chrome*/ box-shadow:2px 0px 10px #666;/*opera或ie9*/ } .nav .nav_all h3 { margin:11px 0 10px 50px; float:left;} .nav .nav_all i { font-size:2rem; display:block; float:right; height:42px; line-height:42px; margin-right:40px; } .nav .nav_main { display:block; width:800px; list-style:none;} .nav .nav_main li { float:left; margin:0 20px;} .nav .nav_main li a { display:block; line-height:40px; height:40px; overflow:hidden; font-size:1rem; color:white; padding:0 15px; font-family:'Microsoft YaHei';} .nav .nav_main li a:hover { color:#ffd800;} /*nav_category*/ .nav_category { position:absolute; top:42px; left:0; z-index:99;} .nav_category ul { width:220px;} .nav_category ul li { width:218px; padding:9px 0; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px dashed #e8e8e8; background-color:#f8f8f8; list-style:none; cursor:pointer;} .nav_category ul li:first-child { padding-top:11px!important;} .nav_category ul li:last-child { border-bottom:1px solid #d4d4d4; } .nav_category ul li h3 { display:block; margin:5px 0; padding-left:20px; } .nav_category ul li h3 i { display:block; float:left; font-size:24px; color:#069139; font-weight:600; margin-right:15px;} .nav_category ul li h3 a { height:25px; line-height:25px; font-size:1rem; color:#069139; } .nav_category ul li p { margin-left:20px; } .nav_category ul li p a { padding:5px 10px 5px 0; font-size:0.875rem; font-family:'Microsoft YaHei'; color:#666;} .nav_category ul li p a:hover { text-decoration:underline; color:red; } .nav_category ul li p span { font-size:0.875rem; color:#999; } /*category_list*/ .nav_category .category_list { position:absolute; left:220px;width:700px; height:373px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; top:0; background-color:white; z-index:1001;} .category_li_on { background-color:white!important; width:222px!important; border-right:0!important; } .nav_category .category_list div { min-height:97px;} .nav_category .category_list div dl { width:300px; overflow:hidden; display:block; margin:5px 10px 5px 20px; } .nav_category .category_list div dl dt { border-bottom:1px solid #f1f1f1; padding:5px 0;list-style:square; } .nav_category .category_list div dl dt a { font-size:1.125rem; font-family:'Microsoft YaHei';} .nav_category .category_list div dl dt i { font-size:1rem; color:#069139; display:block; float:left; margin-right:10px; margin-top:5px; } .nav_category .category_list div dl dd { display:block; float:left; } .nav_category .category_list div dl dd a { padding:3px 5px; font-size:0.75rem; color:#999; } /*banner*/ .banner { margin-left:220px; border-left:1px solid #bfbbbb; border-right:1px solid #bfbbbb; border-bottom:1px solid #bfbbbb; overflow:hidden;} /* flexslider */ .flexslider{position:relative; overflow:hidden; /*height:430px;*/} .slides{position:relative;z-index:1;} .slides li{/*height:375px;*/ height:100%;} .slides li a img { width:100%; } .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden; cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} /*.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}*/ .flex-control-nav li a { display:block; width:30px; height:5px; background-color:#666;} .flex-control-nav li .flex-active { background-color:white;} /*====================图片内容翻转=============*/ @-webkit-keyframes flipOutYtest { from { -webkit-transform:perspective(1400px); transform:perspective(1400px);} 40% { -webkit-transform:perspective(1400px) rotate3d(0, 1, 0, 60deg); transform:perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity:1; } 50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform:perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity:0; } to { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform:perspective(1400px) rotate3d(0, 1, 0, 180deg); opacity:0; } } @-webkit-keyframes flipInYtest { from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform:perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity:0; } 50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); transform:perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity:0; } 60% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); transform:perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity:1; } to { -webkit-transform: perspective(1400px); transform:perspective(1400px); opacity:1; } } .test { -webkit-animation:flipOutYtest 0.75s linear; animation:flipOutYtest 0.75s linear; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .test2 { -webkit-animation:flipInYtest 0.75s linear; animation:flipInYtest 0.75s linear; -webkit-animation-fill-mode:both; animation-fill-mode:both;} .well { width:100%; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; } .well .well-item { position:relative; float:left; width:23%; margin:1%; } .well .well-item img { width:120px; border-radius:100%; border:3px solid #124d93; padding:4px; } .correct { position:relative; width:100%; background-color:white; height:200px; } .correct p { display:block; overflow:hidden; text-align:center; padding:6px 0; color: #124d93; font-weight: bold; } .opposite { width:100%; position:absolute; top:0px; height:200px; } .opposite div { width:100%;} .opposite-content { display:table; width:100%; background-color:#124d93;height:200px; border-radius:5px; } .opposite-content a { display:block; text-indent:2em;margin-top:10px; } .opposite-content a .opposite-content-text { display:table-cell; vertical-align:middle; text-align:center; color:white; } /*====================图片内容翻转=============*/ /* 焦点图 */ .focus{/*width:426px;height:240px;*/border:1px solid #EEE;position:relative;margin-top:6px;float:left} .focus_img{/*width:426px;height:240px;*/overflow:hidden} .focus_img li p{ width:50%;float:left;} .focus_img li p img{/*width:426px;height:240px*/ width:294px;} .focus_img li p:nth-child(2) { padding:0 5px; width:48%;} .focus .rslides_tabs{ display:none;} .rslides{width:100%;position:relative;list-style:none;padding:0} .rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(/pic/i.png) no-repeat 0 -560px;margin-top:-28px} .rslides_nav:active{opacity:1.0} .rslides_nav.next{left:auto;background-position:-31px -560px;right:0} .rslides_tabs{margin:12px auto;clear:both;text-align:center} .rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px} .rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px} .rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#390} /*H_loginR*/ .H_loginR { width:227px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .H_loginR .login_index { border-bottom:1px solid #e8e8e8; overflow:hidden;} .H_loginR .login_index span { float:left; display:block; border-right:1px solid #e8e8e8;} .H_loginR .login_index span:last-child { border-right:none; } .H_loginR .login_index span a { height:30px; line-height:30px; display:block; font-size:1rem; padding:5px 12px;} .H_loginR .login_index span a i { font-size:1.25rem!important; margin-right:5px;} .H_loginR .newshebei { padding-bottom:8px;} .H_loginR .newshebei h3{ font-size:1rem; font-weight:400; padding:10px; border-bottom:1px solid #e8e8e8; } .H_loginR .newshebei ul li a { font-size:0.875rem; color:#999; padding:4px 0 4px 10px; } .H_loginR .newshebei ul li a:hover { color:#333; } .H_loginR .gonggao { } .H_loginR .gonggao h3 { color:#069139; font-size:1rem; font-weight:400; padding:5px 5px 10px 10px; border-bottom:1px solid #e8e8e8; } .H_loginR .gonggao p { padding:10px 5px 10px 10px; font-size:0.875rem; color:#949393;} /*hotlist*/ .hotlist { border:1px solid #e8e8e8; overflow:hidden; } .hotlist .h_tit { padding:15px 0; background-color:#f8f8f8; border-bottom:1px solid #e8e8e8;} .hotlist .h_tit h3 { line-height:30px; height:30px; border-left:4px solid #069139; display:block; padding-left:20px; font-weight:500; color:#069139; } .hotlist .mr_frbox .mr_frul ul li div { overflow:hidden; padding-top:5px; } .hotlist .mr_frbox .mr_frul ul li div p{ line-height:25px; font-size:0.875rem; } .hotlist .mr_frbox .mr_frul ul li div p span i,.hotlist .mr_frbox .mr_frul ul li div p span price { font-size:0.875rem; } .mr_frul { margin:15px 0;} .mr_frul ul li{display:inline;float:left;/*height:389px;*/width:175px; margin:0; overflow:hidden;position:relative;padding:8px; } .mr_frul ul li a img{/*display:block;*/width:175px; height:175px;} .mr_frbtnl{cursor:pointer;display:inline;float:left;height:46px;margin:110px 0 0 0;width:28px; font-size:2rem;} .mr_frul{float:left; width:1140px;} .mr_frbtnr{float:right;margin-top:110px;cursor:pointer; font-size:2rem;} /*index news*/ .tit { text-align:center; } .tit h2 { width:20%; margin:0 auto; display:block; font-size:1.25rem; padding:20px 0; color:#333; border-bottom:1px solid #e8e8e8;} .tit-small { font-size:1rem; font-weight:700; color:#333; margin:10px 0; } /*.lists ul li { } .lists ul li p{ display:block; float:left; width:70%; } .lists ul li span{ display:block; float:right; width:30%; }*/ /*党建工作*/ .articlelist .dang-left { width:35%; } .articlelist .dang-right { width:62.5%; margin-left:2.5%;} .articlelist .dang-left #slideshow_wrapper { position:relative; height:300px; overflow:hidden; } .articlelist .dang-left #slideshow_footbar { z-index:5; position: absolute; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#32000000, endcolorstr=#32000000); width: 100%; bottom: 0px;height:30px} .articlelist .dang-left #slideshow_photo { position:absolute; width:100%; height:100%; cursor:pointer; } .articlelist .dang-left #slideshow_photo a { z-index:1; position:absolute; margin: 0px; display:block; top:0px; left:0px;} .articlelist .dang-left #slideshow_footbar .slideshow-bt { background-color:#d2d3d4; margin:10px 10px 0px 0px; width:10px; display:inline; float:right; height:10px; font-size:0px;} .articlelist .dang-left #slideshow_footbar .bt-on { background-color:#30b1eb;} .articlelist .dang-left #slideshow_photo a img { width:100%; } .dang-hot-nav { overflow:hidden; } .dang-hot-nav a{ display:block; width:23%; float:left; padding:6px 0; text-align:center; color:red; } .articlelist .dang-right .tit { position:relative; overflow:hidden;} .ms1 { position: absolute;z-index: 2; margin-left:60px; left:0; opacity: 0.99; line-height: 17px;font-size: 18px;color:white;margin-top:5px;} .articlelist .dang-right ul { display:block; overflow:hidden;} .articlelist .dang-right ul li { margin:5px;display:block; overflow:hidden; margin-top:10px; } .articlelist .dang-right ul li span i { display: block; float: left;width: 15px;height: 15px;margin-top: 2px; margin-right: 10px;} .articlelist .dang-right ul li span,.articlelist .dang-right ul li span a{ font-size:0.875rem; color:black; font-family:'微软雅黑'; } .articlelist .dang-right ul li span a:hover { color:red; } /*floor*/ .floor { overflow:hidden; } .floor .f-tit { border-bottom:2px solid #069139; overflow:hidden; padding:10px 0 5px 0; } .floor .f-tit h3 { line-height:30px; height:30px; } .floor .f-tit h3 i { font-size:1.375rem; color:#069139; font-weight:500; margin-right:5px;} .floor .f-tit span{ margin-top:10px; } .floor .f-tit span a { padding:0 10px; font-size:0.75rem; color:#333; } .floor .f-tit span a:hover { color:#666; text-decoration:underline; } .floor .f-list { overflow:hidden; } .floor .f-list .f-list-l { overflow:hidden; width:930px; float:left;} .floor .f-list .f-list-l ul{ width:930px; position:relative; overflow:hidden; } .floor .f-list .f-list-l ul li { height:300px; width:220px; float:left; list-style:none; border:1px solid #e8e8e8; margin-right:10px; margin-top:10px;} .floor .f-list .f-list-l ul li:hover { border:1px solid #069139; cursor:pointer; } .floor .f-list .f-list-l ul li .g-i-warp .price{ color:#fb6602; font-size:1.125rem; padding-bottom:5px; border-bottom:1px solid #e8e8e8; margin:5px 0; } .floor .f-list .f-list-l ul li .g-i-warp .c_tit { margin:5px 0; display:block; } .floor .f-list .f-list-l ul li p { width:200px; display:block; overflow:hidden; } .floor .f-list .f-list-l ul li p span { font-size:0.75rem; color:#666; } .floor .f-list .f-list-l ul li .g-i-warp { width:200px; position:absolute; margin:10px;} .floor .f-list .f-list-l ul li .g-i-warp a img { width:100%; max-width:200px; max-height:200px; min-height:200px; } .floor .f-list .f-list-r { overflow:hidden; float:left; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; width:267px; } .floor .f-list .f-list-r h3 { line-height:35px; height:35px; font-size:1rem; color:#069139; overflow:hidden; padding:5px 10px; font-weight:400; } .floor .f-list .f-list-r h3 i { font-size:0.5rem; } .floor .f-list .f-list-r dl dt { background-color:#e4faec; padding:10px 0; } .floor .f-list .f-list-r { } .floor .f-list .f-list-r dl { min-height:445px;} .floor .f-list .f-list-r dl dt { clear:both; overflow:hidden; } .floor .f-list .f-list-r dl dt span,.floor .f-list .f-list-r dl dd span { width:25%; display:block; float:left; overflow:hidden; font-size:0.875rem; } .floor .f-list .f-list-r dl dt span:first-child,.floor .f-list .f-list-r dl dd span:first-child { margin-left:5px; width:34%; } .floor .f-list .f-list-r dl dt span:nth-child(2),.floor .f-list .f-list-r dl dd span:nth-child(2) { width:20%; } .floor .f-list .f-list-r dl dt span:nth-child(3),.floor .f-list .f-list-r dl dd span:nth-child(3) { width:20%; } .floor .f-list .f-list-r dl dt span:nth-child(4),.floor .f-list .f-list-r dl dd span:nth-child(4) { width:22%; } .floor .f-list .f-list-r dl dd span:nth-child(1),.floor .f-list .f-list-r dl dd span:nth-child(2),.floor .f-list .f-list-r dl dd span:nth-child(3),.floor .f-list .f-list-r dl dd span:nth-child(4) { line-height:35px; height:35px; } .floor .f-list .f-list-r dl dd { overflow:hidden; padding:5px 0; } .floor .f-list .f-list-r dl dd span { word-wrap: break-word; font-size:0.75rem; } .even { background-color:#e8e8e8;} .floor .f-list .f-list-r div { margin:0; padding:0;} .floor .f-list .f-list-r div img { } .floor .f-list .f-list-r div a { display:block; overflow:hidden; width:268px; height:132px; } /*news+gonggao*/ .news { } .news .gonggao { width:310px; height:100%; overflow:hidden; border:1px solid #e8e8e8; padding:10px 15px; } .news .gonggao .gg-tit ,.news .newslist .n-tit{ border-bottom:1px solid #d4d4d4; overflow:hidden; } .news .gonggao .gg-tit h3,.news .newslist .n-tit h3 { display:block; padding:0 5px; border-bottom:2px solid #069139; padding-bottom:6px; float:left; } .news .gonggao .gg-tit span ,.news .newslist .n-tit span{ margin-top:6px; font-size:0.875rem; } .news .gonggao .gg-warp { margin-top:10px; } .news .gonggao .gg-warp ul { margin:0; padding:0; } .news .gonggao .gg-warp ul li{ display:block; height:20px; line-height:20px; } .news .gonggao .gg-warp ul li i{ float:left; margin-right:5px; color:#999; } .news .gonggao .gg-warp ul li a,.news .gonggao .gg-warp ul li span,.news .newslist .n-list ul li a,.news .newslist .n-list ul li span { font-size:0.75rem; color:#999; line-height:20px; height:20px; display:block; } .news .gonggao .gg-warp ul li a { width:60%; float:left; } .news .gonggao .gg-warp ul li a:hover { color:#069139; } .news .gonggao .gg-warp ul li span { width:30%; float:right; text-align:right; } .news .newslist { width:810px; height:100%; overflow:hidden; border:1px solid #e8e8e8; padding:10px 15px; } .news .newslist .n-list { overflow:hidden; margin-top:5px; } .news .newslist .n-list ul li { width:48%; float:left; display:block; height:18px; line-height:18px; margin:3px 0; } .news .newslist .n-list ul li a { float:left; } .news .newslist .n-list ul li a:hover { color:#069139; } .news .newslist .n-list ul li span { float:right;} .news { } .news .tit{ } .news .tit h2 { /*color:#c70a0a;*/ } .news .news-lists { clear:both; overflow:hidden; padding:5px 0; } .news .news-lists .news-lists-l,.news .news-lists .news-lists-m,.news .news-lists .news-lists-r{ width:49%; } .news .news-lists .news-lists-l { margin-right:2%; } .news .news-lists .news-lists-l .tit-small,.news .news-lists .news-lists-r .tit-small { border-bottom:1px solid #124d93; overflow:hidden; } .news .news-lists .news-lists-l .tit-small span,.news .news-lists .news-lists-r .tit-small span { padding:8px 0; background-color:#124d93; color:white;display: block; width: 18%; text-align: center; } .news .news-lists .news-lists-l .tit-small a, .news .news-lists .news-lists-r .tit-small a { font-size:0.75rem; color:#999; } /*.news .news-lists .news-lists-m, .news .news-lists .news-lists-r { margin-left:0.5%; }*/ .news .news-lists .lists { } .news .news-lists .lists .news_pic,.news .news-lists .lists .news_pic a { display:block; overflow:hidden; } .news .news-lists .lists .news_pic { } .news .news-lists .lists .news_pic span { width:49%; float:left; overflow:hidden; font-size:0.875rem; } .news .news-lists .lists .news_pic span:first-child { margin-right:1%; } .news .news-lists .lists .news_pic span:nth-child(2) { } .news .news-lists .lists .news_pic span:nth-child(2) span { font-size:0.875rem; margin-top:5px; display:block; width:100%; margin-left:0; line-height:22px; color:#666; } .news .news-lists .lists .news_pic span img { width:100%; } .news .news-lists .lists .news_pic a { } .news .news-lists .lists .news_pic a img{ width:100%; } .news .news-lists .lists ul{ margin:5px 0; } .news .news-lists .lists ul li{ display:block; overflow:hidden; list-style:decimal; } .news .news-lists .lists ul li a,.news .news-lists .lists ul li span{ font-size:0.875rem; line-height:25px; display:block; } .news .news-lists .lists ul li span{ float:right;} .news .news-lists .lists ul li a { /*width:80%;*/ float:left; } .news .news-lists .lists ul li a:hover { color:#124d93; } /*.news .news-lists .lists ul li span { width:26%; float:right; color:#999; text-align:right; padding-right:4%; }*/ .news .news-lists .lists .aboutcompany { text-indent:2em; font-size:0.875rem; color:#666; line-height:24px; } .news .news-lists .lists .aboutcompany a { margin:0 10px 0 0; float:left; width:48%;} .news .news-lists .lists .aboutcompany a img { text-align:left; float:left; } .articlelist { } .articlelist .nav-left,.article .article_l { width:18%; } .articlelist .lists,.article .article_r { width:80%; } .articlelist .nav-left .tit,.article .article_l .tit { color:white; } /*arcitlelist article*/ /*.articlelist,.article { border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; }*/ .articlelist,.article { overflow:hidden; } .articlelist .navlist h3,.article h3{ font-size:1rem; font-weight:400; width:98%; margin:0 auto; display:block; line-height:40px; border-bottom:1px solid #e8e8e8; } .articlelist .navlist ul,.article ul { display:block; overflow:hidden; margin:0 auto; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; } .articlelist .navlist ul li,.article .navlist ul li { line-height:40px; height:40px; border-bottom:1px solid #e8e8e8; text-align:center; } .articlelist .navlist ul li i,.article .navlist ul li i { color:#069139; margin-right:15px; } .articlelist .navlist ul li a,.articlelist .navlist ul li span,.article ul li a,.article ul li span { font-size:0.875rem;color:#999; } .articlelist .navlist ul li a:hover,.article ul li a:hover { color:#124d93; } .articlelist .navlist ul li span img,.article .article_l .navlist ul li span img { width:20px; margin-right:5px; } .articlelist .navlist ul li span:first-child,.article .article_l .navlist ul li span:first-child { width:25%; float:left;display:block;overflow:hidden;margin-top:10px; margin-left:20%;} .articlelist .navlist ul li span:nth-child(2),.article .article_l .navlist ul li span:nth-child(2) { width:55%; float:left; text-align:left; } .d-tit { background-color:#f1f1f1; } .d-tit span { width:10%; display:block; background-color:red; color:white; padding:18px;} .d-lists { } .d-lists li { border:none!important; padding-bottom:5px!important; margin-top:6px!important; } .d-lists li span,.d-lists li span a { font-size:0.875rem; color:#999; } .d-lists li span a:hover { color:red; } .articlelist .lists ul { } .articlelist .lists ul li { display:block; overflow:hidden; padding-bottom:15px; border-bottom:1px dotted #e8e8e8; margin-top:15px; } .articlelist .lists ul li .datetimes { width:7%; display:block; float:left; } .articlelist .lists ul li .datetimes span{ background-color:#c7c7c7; display:block; color:#999; text-align:center; } .articlelist .lists ul li .datetimes span:first-child { padding:10px 0; font-size:1.5rem; margin-bottom:2px; } .articlelist .lists ul li .datetimes span:nth-child(2) { padding:5px 0; font-size:0.875rem;} .articlelist .lists ul li .tit { width:90%; float:right; } .articlelist .lists ul li .tit h4 { line-height:25px; font-size:1rem; text-align:left; margin:0;} .articlelist .lists ul li .tit span { font-size:0.75rem; color:#adadad; text-align:left; float:left; } .articlelist .lists ul.product-lists { display:block; overflow:hidden; } .articlelist .lists ul.product-lists li { width:25%; float:left; padding-bottom:0; border-bottom:0; } .articlelist .lists ul.product-lists li a img { max-width:200px; padding:5px; border:1px solid #e8e8e8; } .article .tit,.article .article-con { margin:0 auto; } .article .tit, .article .tit { border-bottom:1px solid #e8e8e8; } .article .tit h1 { font-size:1.25rem; font-weight:500; text-align:center; line-height:45px; } .article .tit p { width:300px; margin:0 auto; } .article .tit p span { font-size:0.875rem; color:#949393; margin-right:10px; } .article .article-con { font-size:1rem; color:#999; line-height:25px; } .article .article-con span,.article .article-con p{ font-familay:宋体!important;} .article .article_r { } .products { } .products .product-lists { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; } .products .product-lists ul{ } .products .product-lists ul li{ float:left; } .products .product-lists ul li a { display:block; padding:5px; margin:4px; border:1px solid #dcdcdc; float:left; } .products .product-lists ul li a img{ width:220px; height:160px; } /*links*/ .links { overflow:hidden;} .links ul li { list-style:none; float:left; padding:10px 15px; } .links ul li a img { width:140px; height:60px; } /*footer*/ .footer { overflow:hidden; background-color:#282828;} .footer .f-con { margin:20px auto; overflow:hidden;} .footer .f-con .f-con-l,.footer .f-con .f-con-m,.footer .f-con .f-con-r { height:100px; overflow:hidden;} .footer .f-con .f-con-l { width:70%; } .footer .f-con .f-con-l ul { display:block; overflow:hidden;} .footer .f-con .f-con-l ul li { float:left; list-style:none;} .footer .f-con .f-con-l ul li a { font-size:0.875rem; color:#f2f2f2; padding:5px 20px; font-weight:400;} .footer .f-con .f-con-l ul li a:first-child { padding-left:0; } .footer .f-con .f-con-l div h3 { width:40px; height:40px; float:left; margin:10px 10px 0 0; font-size:2.5rem; font-weight:300; color:#e8e8e8;} .footer .f-con .f-con-l div span { display:block; overflow:hidden; font-size:0.875rem; margin-top:10px; margin-top:10px; color:#e8e8e8;} .footer .f-con .f-con-l div span:last-child { font-size:1.375rem!important; color:white!important; margin-top:0!important;} .footer .f-con .f-con-m { padding:0 80px; border-left:1px solid #333; border-right:1px solid #333;} .footer .f-con .f-con-m span { display:block; line-height:28px; height:28px; color:#a8a7a7; font-weight:400; font-size:0.875rem;} .footer .f-con .f-con-r { width:30%; } .footer .f-con .f-con-r span { display:block; color:#e8e8e8; font-size:0.75rem; text-align:center; } .footer .f-con .f-con-r span img { width:80px; } .footer .copyright { padding:5px 0;} .footer .copyright p { color:#606060; font-size:0.75rem; line-height:18px; display:block;} /*===============goodslist=======================*/ .navselect { border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; } .navlink { border-bottom:2px solid #069139; padding:10px 0;} .navlink a, .navlink i { font-size:0.75rem; margin-left:5px; } /* select 筛选*/ .select{padding:5px 10px; font-size:0.75rem;} .select li{list-style:none;padding:10px 0 5px 80px;} .select .select-list{border-bottom:#eee 1px dashed; } .select dl{zoom:1;position:relative;line-height:24px;} .select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden; } .select dt{width:100px;margin-bottom:5px;position:absolute;top:0;left:-100px;text-align:right;color:#666;height:24px;line-height:24px;} .select dd{float:left;display:inline;margin:0 0 5px 5px;} .select a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;color:#039;border-radius:2px;} .select a:hover{color:#f60;background-color:#f3edc2; } .select .selected a{color:#fff;background-color:#069139; } .select-result dt{font-weight:bold; } .select-no{color:#999; } .select .select-result a{padding-right:20px;background:#069139 url("../pic/close.gif") right 9px no-repeat; } .select .select-result a:hover{background-position:right -15px; } /*排序*/ .s-sort { background-color:#fafafa; border:1px solid #e8e8e8; overflow:hidden; } .s-sort a { padding:10px 20px; display:block; width:100px; float:left; text-align:center; font-size:1rem;border-right:1px solid #e8e8e8; } .s-sort .on{ background-color:#069139; color:white!important; border-right:none; } /*goodslist*/ .goodslist { overflow:hidden; } .goodslist .glist-l,.goodslist .glist-r { border:1px solid #e8e8e8;} .goodslist .glist-l .ntitle { margin:10px 5px; border-bottom:1px solid #e8e8e8; overflow:hidden; width:1188px; } .goodslist .glist-l .ntitle h2 { display:block; line-height:30px; width:100px; float:left; } .goodslist .glist-l .ntitle i { font-size:0.875rem; padding:5px 0; display:block; width:500px; float:left;} .goodslist .glist-l .goods{ padding:25px 20px; overflow:hidden; } .goodslist .glist-l .goods .g-img a img { max-width:120px; min-height:120px; max-height:120px; } .goodslist .glist-l .goods .g-info { width:250px; } .goodslist .glist-l .goods .g-info h3 a{ color:#069139; font-size:1rem; } .goodslist .glist-l .goods .g-info span{ display:block; overflow:hidden; color:#999; font-size:0.875rem; padding-top:5px; } .goodslist .glist-l .goods .g-price { margin-right:70px; width:180px; } .goodslist .glist-l .goods .g-price span{ line-height:120px; color:#999;} .goodslist .glist-l .goods .g-price span price { color:#fb6602; font-size:1.5rem; } .goodslist .glist-l .goods .g-btn { margin-right:50px; padding-top:20px; } .goodslist .glist-l .goods .g-btn .btn{ display:block; padding:10px 35px; background-color:#069139; border-radius:4px; margin-bottom:10px; color:white; font-size:0.875rem; text-align:center; } .goodslist .glist-l .goods .g-btn .on { background-color:#fb6602; color:white!important; } .goodslist .glist-r { width:250px; } .goodslist .glist-r h3 { line-height:40px; padding-left:30px; font-weight:400; background-color:#fafafa; color:#069139; border-bottom:1px solid #e8e8e8; } .goodslist .glist-r ul { } .goodslist .glist-r ul li{ list-style:none; padding:15px 10px; display:block; overflow:hidden; border-bottom:1px solid #e8e8e8; } .goodslist .glist-r ul li:last-child { border-bottom:none; } .goodslist .glist-r ul li div { margin-right:5px; } .goodslist .glist-r ul li div img { width:80px; height:80px; } .goodslist .glist-r ul li div h5 { font-size:0.75rem; padding:0; margin:0; color:#069139; font-weight:400;margin-bottom:5px; } .goodslist .glist-r ul li div span { font-size:0.75rem; display:block;margin:5px 0;} /*==============goodslist=========================*/ /*====product====*/ .product { } .product .product-info { } .no-product { line-height:50px; padding:10px 0; display:block; height:50px; width:1198px; font-size:1rem; text-align:center; color:#999; } .liuyan { overflow:hidden; background-color:#f8f8f8; padding:10px; border:1px solid #e8e8e8; } .liuyan h5 { font-size:1rem; font-weight:500; } .liuyan p { display:block; padding:5px 0;} .liuyan p span { width:100px; text-align:left; display:block; float:left} .liuyan p input { border:1px solid #d8d8d8; border-radius:3px; } .liuyan p input[name=liuyanname],.liuyan p input[name=liuyanphone] { line-height:30px; width:600px; } .liuyan p .btn { width:100px; text-align:center; background-color:#fb6602; color:white; margin-left:540px; } /*商品缩略图样式*/ .goods-pic{ position:relative; float:left; width:370px; *z-index:1; } .pic-box{ float:left; } .pic-preview{ position:relative; width:368px; height:368px; border:1px solid #e8e8e8; } .pic-preview img { width:100%; } .pic-scroll{ margin-top:10px; width:370px; } .pic-scroll .prev{ float:left; margin-right:5px; } .pic-scroll .next{ float:right; } .pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; } .pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; } .pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; } .pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; } .pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; } .pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; } /*商品Tab样式*/ .product .product-con { clear:both; } .product .product-con .goods-tab { width:940px; clear:both;} .product .product-con .goods-tab .tab-head{ display:block; height:40px; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:url(/pic/tab-bg.jpg) repeat-x; overflow:hidden; } .product .product-con .goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; list-style:none; } .product .product-con .goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:40px; line-height:40px; color:#555; font-size:14px; border-top:2px solid #fafafa;} .product .product-con .goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background-color:white;border-top:2px solid red!important; color:red; border-bottom:none; z-index:999; position:relative; } .product .product-con .goods-tab .tab-content{ display:none; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; } .product .product-con .goods-tab .tab-content dl{ } .product .product-con .goods-tab .tab-content dl dt{ background-color:#fafafa; display:block; overflow:hidden; padding:10px 0; } .product .product-con .goods-tab .tab-content dl dt span,.product .product-con .goods-tab .tab-content dl dd span { width:25%; text-align:center; display:block; float:left;} .product .product-con .goods-tab .tab-content dl dd { display:block; overflow:hidden; padding:10px 0; } .product .product-con .product-con-r { width:250px; border:1px solid #e8e8e8; } .product .product-con .product-con-r h3 { line-height:40px; padding-left:30px; font-weight:400; background-color:#fafafa; color:#069139; border-bottom:1px solid #e8e8e8; } .product .product-con .product-con-r ul { } .product .product-con .product-con-r li{ list-style:none; padding:15px 10px; display:block; overflow:hidden; border-bottom:1px solid #e8e8e8; } .product .product-con .product-con-r ul li:last-child { border-bottom:none; } .product .product-con .product-con-r ul li div { margin-right:5px; } .product .product-con .product-con-r ul li div img { width:80px; height:80px; } .product .product-con .product-con-r ul li div h5 { font-size:0.75rem; padding:0; margin:0; color:#069139; font-weight:400;margin-bottom:5px; } .product .product-con .product-con-r ul li div span { font-size:0.75rem; display:block;margin:5px 0;} .product .product-info { } .product .product-info .g-con { margin-left:40px; } .product .product-info .g-con h3 { font-size:1.125rem; } .product .product-info .g-con .fb-tit { color:#fb6602; font-size:0.875rem;} .product .product-info .g-con .price { background-color:#fafafa; padding:10px 0 10px 0px; overflow:hidden; } .product .product-info .g-con .price p { font-size:0.875rem; } .product .product-info .g-con .price p i { font-size:1.5rem; font-weight:600; color:#fb6602; } .product .product-info .g-con .price span { font-size:0.875rem; } .product .product-info .g-con .area ,.product .product-info .g-con .times { padding:0 0 10px 0; border-bottom:1px dotted #e8e8e8; } .product .product-info .g-con .times span{ display:block; line-height:30px; height:30px; } .product .product-info .g-con .btn{ overflow:hidden; background-color:white; border:none; padding-left:0!important; } .product .product-info .g-con .btn a { padding:7px 20px; display :block; float:left; border:1px solid #e15a00; width:80px; text-align:center; } .product .product-info .g-con .btn a:first-child { background-color:#fcf0e9; color:#f56200; } .product .product-info .g-con .btn a:last-child { background-color:#fb5602; color:white; } .product .product-info .company-info { width:220px; } .product .product-info .company-info h3 { background-color:#069139; height:30px; line-height:30px;padding:5px 0 5px 20px; color:white; font-weight:400; } .product .product-info .company-info .cmp-con { border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; height:220px; padding:10px; font-size:0.875rem; } /*弹窗内容*/ .bg-cover { display:none; position: absolute;top: 0%;left: 0%;width: 100%;height:150%;background-color: black;z-index:9000; -moz-opacity:0.8;opacity: 0.50;filter: alpha(opacity=80);} .popup {width:550px;height:380px;background-color: #fff; position:absolute;display:none; left:50%; margin-left:-270px; top:50%; margin-top:-200px; z-index:9999; border-radius:6px;} .popup .popup-tit { text-align:center; font-size:1.25rem; padding:15px 0; border-bottom:1px solid #e8e8e8; } .popup .popup-con { } .popup .popup-con p { margin:20px auto; width:420px; overflow:hidden; display:block; } .popup .popup-con p span { line-height:35px; } .popup .popup-con p span input { line-height:35px; background-color:#ebebeb; border:0; width:320px;} .popup .popup-con p a { background:#e8e8e8; padding:8px 40px; margin-right:20px; border-radius:4px; } .popup .popup-con p .save { background-color:#069139; color:white; } .popup .popup-con p .closebt { border:1px solid #e8e8e8; } .close { height: 60px;} /*login*/ .login { overflow:hidden; position:relative; } .login-bg { background-color:#15a84d; } .login .login-con { background-color:white; position:absolute; right:0; top:10%; padding:10px 25px; } .login .login-con h3 { font-size:1.25rem; font-weight:400; color:#069139; text-align:center; padding:10px 0; } .login .login-con p { margin:10px 0; font-size:0.875rem; } .login .login-con p input[name=txtUserName],.login .login-con p input[name=txtPassword] { line-height:40px; height:40px; border-radius:4px; border:1px solid #e8e8e8; width:300px; } .login .login-con p input:focus { border:1px solid #069139; } .login .login-con p input[type=radio] { margin-right:10px; } .login .login-con p .btn { padding:10px 0; background-color:#069139; text-align:center; display:block; width:300px; color:white; border-radius:4px; } .login .login-con .tips { font-size:0.875rem; color:red; } /*reg*/ .regbg { background-color:#f6f8fc; overflow:hidden; } .reg { background-color:white; clear:both; overflow:hidden;margin-top:20px; } .reg .tab-head{ display:block; height:40px; border:1px solid #e8e8e8; overflow:hidden; } .reg .tab-head ul li{ float:left; margin-left:-1px; list-style:none; } .reg .tab-head ul li a{ display:block; padding:0 30px; height:38px; line-height:38px; color:#555; font-size:14px; border-bottom:2px solid #fff;} .reg .tab-head ul li a:hover,.reg .tab-head ul li a.selected{ z-index:999; position:relative; border-bottom:2px solid #069139!important; } .reg .tab-content{ display:none; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; } .reg .tab-content .t-c-l { margin:20px 0; } .reg .tab-content .t-c-l p { margin:25px; } input[name=txtUserName],input[name=regemail],input[name=txtPassword],input[name=txtPassword1],input[name=txtMobile],input[name=txtEmail] { height:35px; line-height:35px; border:1px solid #ddd; width:300px; padding-left:10px; } input[name=txtCode] {height:35px; line-height:35px; border:1px solid #ddd; width:200px; padding-left:10px; } input[name=regcode] { height:35px; line-height:35px; border:1px solid #ddd; width:180px; padding-left:10px; } .reg .tab-content .t-c-l p .sendcode { padding:8px 22px; border:1px solid #fb6602; border-radius:4px; color:#fb6602; font-size:0.875rem; } .reg .tab-content .t-c-l p .btn { width:320px; background-color:#fb6602; color:white; display:block; text-align:center;} .reg .tab-content .t-c-r { margin-right:60px; margin-top:40px; } .reg .tab-content .t-c-r h3 { font-size:0.875rem; font-weight:400; text-align:center; } .reg .tab-content .t-c-r p .btn { width:250px; padding:10px 0; background-color:#069139; text-align:center; display:block; color:white; border-radius:4px; } /*注册新*/ .reg .tab-content .inner-box { } .reg .tab-content .inner-box .dl-list { width:620px; } .reg .tab-content .inner-box .dl-list dl dt { font-size:0.875rem; display: block; padding: 5px 0;float: left; width:20%; line-height: 42px; min-height: 42px; color: #555; text-align: right; } .reg .tab-content .inner-box .dl-list dl dd{ position: relative; padding: 5px 0 5px 20px; line-height: 42px; min-height: 42px; color: #555; overflow: hidden;} .reg .tab-content .inner-box .dl-list dl dd label { font-size:0.875rem; } .reg .tab-content .inner-box .dl-list dl dd a { font-size:0,875rem; color:#069139; } .reg .tab-content .inner-box .dl-list dl dd .send { border: 1px solid #fb6602; border-radius: 4px; color: #fb6602; font-size: 0.875rem; } .reg .tab-content .inner-box .dl-list dl dd .send img { } /*注册协议*/ .ui-popup-modal .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3); } .ui-dialog-arrow-a, .ui-dialog-arrow-b { position: absolute; display: none; width: 0; height: 0; overflow: hidden; _color: #FF3FFF; _filter: chroma(color=#FF3FFF); border: 8px dashed transparent; } .ui-dialog-arrow-a, .ui-dialog-arrow-b { position: absolute; display: none; width: 0; height: 0; overflow: hidden; _color: #FF3FFF; _filter: chroma(color=#FF3FFF); border: 8px dashed transparent; } .ui-dialog-grid { width:auto; margin:0; border:0 none; border-collapse:collapse; border-spacing:0; background:transparent; } /*=====================================================================usercenter=============================================================================*/ .usercenter { } .usercenter .user-menu { background-color:#f8f8f8; overflow:hidden; width:218px; border:1px solid #e8e8e8; } .usercenter .user-menu .menu-tit { margin-top:20px; width:55%; margin:0 auto; margin-top:20px; } .usercenter .user-menu .menu-tit a { display:block; } .usercenter .user-menu .menu-tit a img { border-radius:150px; margin-left:15px; width:90px; } .usercenter .user-menu .menu-tit span { display:block; text-align:center; } .usercenter .user-menu .menu { margin-top:10px; margin-bottom:20px; padding:5px 20%; overflow:hidden; } .usercenter .user-menu .on { background-color:#e0f1e6; } .usercenter .user-menu .menu i { color:#069139; font-weight:600; width:20px; float:left; } .usercenter .user-menu .menu a { display:block; overflow:hidden; height:30px; line-height:30px; } .usercenter .user-menu .menu a .tit { width:80px; display:block; float:left; color:#999; } .usercenter .user-menu .menu a span { width:20px; display:block; float:right; color:#069139; } /*用户中心内容*/ .usercenter .user-con { overflow:hidden; width:970px;border: 1px solid #e8e8e8; } /*.usercenter .user-con .tit { background-color:#f8f8f8; overflow:hidden; padding:15px 0; border:1px solid #e8e8e8; }*/ .usercenter .user-con .tit {background-color: #f8f8f8; line-height: 45px; height: 45px; padding-left: 25px; } .usercenter .user-con .tit i { display: block; float: left; overflow: hidden; color: #069139; font-size: 1.5rem; } /*.usercenter .user-con .tit h3 { border-left:3px solid #069139; width:70%; float:left; color:#069139; padding-left:20px; font-weight:600; }*/ .usercenter .user-con .tit h3 { font-size: 1rem; font-weight: 500; margin-left: 10px; display: block; float: left;} .usercenter .user-con .tit span { display:block; float:right; margin-right:30px; } .usercenter .user-con .tit span a { font-size:0.875rem; color:#069139; } .usercenter .user-con .company-info { overflow:hidden; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .usercenter .user-con .company-info span { width:33%; text-align:center; border-right:1px solid #e8e8e8; line-height:35px; margin:20px 0; display:block; float:left; } .usercenter .user-con .company-info span:last-child { border-right:none; } .usercenter .user-con .order-top { border:1px solid #e8e8e8; } .usercenter .user-con .order-top .ordertit { padding:15px 25px; overflow:hidden; clear:both; } .usercenter .user-con .order-top .ordertit h3 { width:70%; display:block; float:left; font-weight:500; } .usercenter .user-con .order-top .ordertit h3 i { color:#069139; margin-right:10px; font-size:1.25rem; } .usercenter .user-con .order-top .ordertit a { font-size:0.75rem; float:right; } .usercenter .user-con .order-top .orderlist { overflow:hidden; } .usercenter .user-con .order-top .orderlist .dt{ display:block; overflow:hidden; background-color:#e0f1e6; height:35px; line-height:35px; color:#333; } .usercenter .user-con .order-top .orderlist .dt span{ width:15%;display:block; float:left; text-align:center; font-size:0.875rem; } .usercenter .user-con .order-top .orderlist .dt span:nth-child(1) { width:22%; } .usercenter .user-con .order-top .orderlist .warp { overflow:hidden; margin:5px 0; } .usercenter .user-con .order-top .orderlist .warp div{ width:15%; overflow:hidden; float:left;} .usercenter .user-con .order-top .orderlist .warp div:first-child{ width:22%; } .usercenter .user-con .order-top .orderlist .warp div a { display:block; overflow:hidden; padding:10px; } .usercenter .user-con .order-top .orderlist .warp div a img { width:80px; float:left; } .usercenter .user-con .order-top .orderlist .warp div a span{ display:block; float:right; font-size:0.875rem; line-height:25px; width:100px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; } .usercenter .user-con .order-top .orderlist .warp div:nth-child(2) span,.usercenter .user-con .order-top .orderlist .warp div:nth-child(3) span,.usercenter .user-con .order-top .orderlist .warp div:nth-child(4) span,.usercenter .user-con .order-top .orderlist .warp div:nth-child(5) span,.usercenter .user-con .order-top .orderlist .warp div:nth-child(6) span { line-height:80px; height:80px; margin:0 auto; text-align:center;display:block; font-size:0.875rem; color:#666; padding:10px; } .usercenter .user-con .order-top .orderlist .warp .operation a{ margin-top:30px; text-align:center; font-size:0.875rem; color:#666; } /*用户信息 user-info*/ .usercenter .user-info { overflow: hidden; width: 960px; margin-left: 10px; } .usercenter .user-info .tit { background-color:#f8f8f8; line-height:45px; height:45px; padding-left:25px; } .usercenter .user-info .tit i { display:block; float:left; overflow:hidden; color:#069139; font-size:1.5rem; } .usercenter .user-info .tit h3 { font-size:1rem; font-weight:500; margin-left:10px; display:block; float:left; } .usercenter .user-info .tit a { display:block; float:right; font-size:0.875rem; margin-right:20px; } /*.usercenter .user-info p { height:34px; line-height:34px; margin-left:4%; margin-top:20px; margin-bottom:20px; }*/ .usercenter .user-info p { height: 34px; line-height: 34px; margin-left: 4%; margin-top: 20px; margin-bottom: 20px; } .usercenter .user-info p i { color:#f78b26; text-align:center; font-size:1.5rem; margin-right:10px; line-height:34px; display:block; float:left; } .usercenter .user-info p span { width:80px; text-align:justify; text-justify:inter-ideograph; display:block; float:left; font-size:0.875rem; color:#666; } .usercenter .user-info p .Validform_checktip { width:170px;} .usercenter .user-info p:last-child i { padding-left:1px; } .usercenter .user-info p input[type=text],.usercenter .user-info p input[type=password] { border:1px solid #e8e8e8; line-height:30px; height:30px; width:260px; padding-left:5px; float:left; } .usercenter .user-info p .radio { float:left; } .usercenter .user-info p .radio span { float:right; } .usercenter .user-info p select { border: 1px solid #e8e8e8; line-height: 30px; height: 30px; padding-left: 5px; margin-right:10px; float: left; } .usercenter .user-info p .btn { background-color:#f78b26; width:390px; text-align:center; color:white; padding:0; line-height:40px; height:40px; } .usercenter .user-info p input[name=code] { width:160px; float:left; } .usercenter .user-info p .sendcode { border:1px solid #f78b26; border-radius:4px; padding:6px 10px; font-size:0.875rem; color:#f78b26; margin-left:7px; } .usercenter .user-info .edit-phone p .btn { background-color:#f78b26; width:270px; text-align:center; color:white; padding:0; line-height:40px; height:40px; margin-left:78px; } /*我的收藏*/ .usercenter .user-con .collectionlist { clear:both; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; } .usercenter .user-con .collectionlist .warp{ position:relative; width:21%; margin:10px; padding:8px; border:1px solid #e8e8e8; float:left; } .usercenter .user-con .collectionlist .warp a { display:block; overflow:hidden; } .usercenter .user-con .collectionlist .warp a img { width:203px; height:203px; } .usercenter .user-con .collectionlist .warp a:first-child { position:absolute; overflow:hidden; top:-8px; right:-5px;color:#f78b26; font-size: 1.5rem; background-color: white; border-radius: 50%; } .usercenter .user-con .collectionlist .warp p { overflow:hidden; } .usercenter .user-con .collectionlist .warp p,.usercenter .user-con .collectionlist .warp span { font-size:0.875rem; } .usercenter .user-con .collectionlist .warp .price { color:#f78b26; font-size:1rem; border-bottom:1px solid #e8e8e8; padding:2px 0; } .usercenter .user-con .collectionlist .warp p span { font-size:0.75rem; color:#999; } /*会员中心样式 ----------------------------------------------*/ .avatar-box{ padding:15px; background:#F7F8FD; overflow:hidden; } .avatar-box .img-box{ display:block; float:left; margin-right:10px; padding:1px; border:1px solid #fff; background:#fff; *width:60px; *height:60px; overflow:hidden; } .avatar-box .img-box img{ width:60px; height:60px; } .avatar-box h3{ color:#6c757e; font-size:16px; line-height:1em; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .avatar-box p{ color:#6c757e; font-size:12px; line-height:20px; } .side-nav{ border-top:1px solid #e8ecef; } .side-nav li{ padding:5px 0; zoom:1; } .side-nav li a{ position:relative; display:block; margin:0 15px; padding:8px 15px; color:#6c757e; font-size:14px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .side-nav li a:hover{ color:#fff; border-radius:3px; background:#277bb9; } .u-tab-head{ margin-bottom:15px; height:40px; background:#fbfbfb; border:1px solid #e8ecef; } .u-tab-head p a{ float:left; display:block; margin:-1px 0 auto -1px; padding:11px 25px; line-height:20px; height:20px; color:#7f838c; font-size:14px; border-left:1px solid #e8ecef; border-right:1px solid #e8ecef; } .u-tab-head p a:hover,.u-tab-head p a.selected{ color:#fff; background:#069139; } .u-tab-head span{ float:right; line-height:40px; } .u-tab-head span .add{ display:block; padding:10px 15px; line-height:20px; font-size:12px; } .u-tab-content{ position:relative; padding:15px; background:#fbfbfb; border:1px solid #f0f0f0; min-height:398px; overflow:hidden; _height:398px; _overflow:visible; } .u-tab-content .ntitle{ margin:0 auto; padding:0 0 10px 0; } .u-tab-content .ntitle-tit{ margin:0 0 10px; padding:0; color:#444; font-size:16px; font-weight:normal; } .u-tab-content .ntitle-info{color:#999;} .u-tab-content p{ margin:0; padding:3px 0; color:#444; font-size:13px; line-height:24px; } .title-div{ border-bottom:1px solid #f0f0f0; height:26px; color:#6e717a; } .title-div strong{ float:left; padding:3px 10px 3px 0; background:#fbfbfb; font-size:15px; _position:absolute; } .head-box{ padding:10px; border:1px solid #f6f6f6; background:#fff; } .head-box .img-box{ float:left; margin-right:10px; } .head-box .img-box img{ padding:1px; width:120px; height:120px; border:1px solid #f0f0f0; } .head-box .inner{ float:left; } .head-box .inner h3{ margin-bottom:15px; color:#3b8dd1; font-size:24px; font-weight:normal; line-height:1.3em; } .head-box .inner p{ color:#222; font-size:14px; line-height:24px; } .head-inner{ position:relative; margin:20px 0 10px 0; padding:10px; border:1px solid #f6f6f6; background:#fff; } .head-inner h3{ margin-bottom:10px; padding-bottom:8px; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:30px; border-bottom:1px solid #f0f0f0; } .head-inner dl{ display:block; float:left; width:50%; line-height:2.8em; font-size:13px; } .head-inner dl dt{ display:block; float:left; color:#666; } .head-inner dl dd{ color:#999; } .form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; } .form-box dl{ display:block; padding:5px 0; } .form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; } .form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; } .form-box dl dd label.radio{ margin-right:5px; } .accept-box{ padding:0; background:#fff; border:1px solid #f0f0f0; } .accept-box dl{ padding:0; } .accept-box dl.head{ position:relative; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; } .accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; } .step-box{ position:relative; } .step-box ul{ margin:0 -40px 0 -10px; } .step-box ul li{ position:relative; float:left; margin-right:-8px; width:20%; text-align:center; color:#8c8c8c; font-size:12px; } .step-box ul li .progress{ color:#fff; } .step-box ul li .progress:after, .step-box ul li .progress:before{ position:absolute; top:0; right:0; content:""; width:10px; height:20px; background:url(../images/delivery.png) no-repeat 100% -60px; } .step-box ul li .progress:after{ right:0; background-position:100% -20px; } .step-box ul li .progress:before{ left:0; background-position:0 0; } .step-box ul li .progress .text{ display:block; margin:0 10px; padding:1px 10px; background:#c3c3c3; height:18px; line-height:18px; } .step-box ul li.done .progress .text{ background:#83bd39; } .step-box ul li.done .progress:before{ background-position:0 -40px; } .step-box ul li.done .progress:after{ background-position:100% -60px; } .step-box ul li.first .progress:before{ display:none; } .step-box ul li.last .progress:after{ display:none; } .step-box ul li .info{ line-height:20px; } .step-box.mini ul{ margin:0 -32px 0 -10px; } .step-box.mini ul li{ width:25%; } /*头像上传*/ .avatar-img{ display:block; margin:20px 0; padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; } .avatar-img img{ width:180px; height:180px; } .cropper-wraper{ margin-top:20px; } .cropper-wraper .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; } .cropper-wraper .cropper-box div{ margin:auto; vertical-align:middle; } /*上传按钮*/ .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);} .webuploader-pick { position: relative; display: inline-block; padding: 0 25px; line-height: 32px; height: 32px; border: 1px solid #02598E; border-radius: 2px; cursor: pointer; background: #1e7bb3; color: #fff; text-align: center; overflow: hidden; zoom: 1; font-size:0.875rem; } .cropper-wraper .cropper-view{ float:left; width:184px; } .cropper-wraper .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; } .cropper-wraper .cropper-view .img-box img{ display:block; width:180px; height:180px; } .cropper-wraper .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; } .cropper-wraper .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; } .cropper-wraper .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; padding:0; } .ftable{ width:100%; border:1px solid #f0f0f0; background:#fff; } .mtable{ width:100%; background:#fff; _width:auto; } .mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; } .mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; } .ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; } .ftable td s{ color:#999; text-decoration:line-through; } .mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; } .page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px; } .page-btns{ float:left; } .page-btns a{ color:#444; font-weight:bold; margin-right:5px; } .page-btns .pipe{ color:#cbcbcb; margin:0 5px; } .login-right h1{ margin-bottom:20px; color:#555; font-size:22px; font-weight:700; letter-spacing:3px; line-height:30px; height:30px; text-align:center; } .login-right li{ position:relative; clear:both; margin-bottom:10px; height:50px; *display:inline; *zoom:1; } .login-right li label{ position:absolute; top:1px; left:10px; width:68px; height:40px; line-height:40px; color:#999; font-size:14px; } .login-right li input{ display:block; margin:0; padding:10px 10px 10px 80px; width:208px; height:20px; line-height:20px; border:1px solid #e8e8e8; background:#fbfcff; color:#333; font-size:14px; border-radius:3px; } .login-right li input:focus{ border-color:#999; } .login-right li span{ line-height:24px; } .login-right .btn-box .col{ clear:both; margin-bottom:10px; padding-bottom:10px; color:#555; font-size:14px; line-height:20px; } .login-right .btn-box .col .submit{ display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; line-height:20px; border:0; background:#1e7bb3; text-align:center; border-radius:3px; cursor:pointer; } .login-right .btn-box .tips{ display:none; margin:0; padding:0; text-align:center; font-size:12px; color:#f00; } .login-right .oauth-box { clear:both; padding-top:20px; } .login-right .oauth-box h3{ display:block; margin-bottom:10px; color:#555; font-size:14px; line-height:30px; height:30px; font-weight:normal; } .login-right .oauth-box p{ margin-left:-25px; } .login-right .oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; } .login-right .oauth-box p a img{ width:38px; height:38px; } .inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; } .inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; } .inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; } .inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; } .inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; } .inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; } .inner-box .dl-list dl dd a.send.gray{ color:#999; } .inner-box .dl-list dl dd a.send img{ margin-top:9px; } .inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; } .inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; } .inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; } .inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; } .inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; } .inner-box .tab-content{ display:none; } .form-box input[type=text],.form-box input[type=password] { height: 35px; line-height: 35px; border: 1px solid #ddd; width: 300px; padding-left: 10px; } /*==================================================================================================================================================*/ /*页码容器*/ .page-box{ margin-top:15px; color:#999; font-size:14px; } .page-box .digg { padding: 20px 0; border-top: 1px solid #e8e8e8; width: 80%; margin: 0 auto; text-align:center; line-height:30px; } .page-box .digg,.page-box .digg span { font-size:0.875rem; } .page-box .digg span { margin:0 3px; } .page-box .digg .current { padding:5px 10px; background-color:#888; color:white; } .page-box .digg a { padding:5px 10px; border:1px solid #f8f8f8; margin:0 3px; } .page-box .digg a:hover { background-color:#069139; color:white; } /*购物车样式*/ .cart-box{ position:relative; margin-top:30px; } .cart-box h1{ float:left; color:#555; font-size:18px; line-height:35px; } .cart-box .btn-box { overflow:hidden; margin:5px 0; } .cart-box .btn-box a { font-size:0.875rem; padding:5px; background-color:#069139; color:white; } .cart-info{ z-index:2; margin:0; padding:15px; border:1px solid #DFC795; position:absolute; top:0px; left:0px; _left:-269px; width:302px; height:auto;background:#F7F2D0; text-align:left; } .cart-info .btn-success{ height:32px; line-height:32px; } .cart-info .close{ display:block; margin:0; padding:0; position:absolute; top:5px; right:5px; width:15px; height:10px; text-indent:-9999px; background:url(../images/sprite.gif) no-repeat left -240px; cursor:pointer; } .cart-step{ position:relative; margin-left:200px; } .cart-step li{ float:left; width:33.33%; height:35px; line-height:35px; text-align:center; background:url(../images/cart-arrow.gif) no-repeat right -45px #f6f6f6; color:#999; *width:33.3%; } .cart-step li span{ display:inline-block; margin-right:5px; font-weight:bold; font-size:15px; } .cart-step li.item{ background-position:right 0; } .cart-step li.selected{ background:url(../images/cart-arrow.gif) no-repeat right -90px #e8e8e8; color:#8cac52; } .cart-step li.last{ background-image:none; } .cart-table{ border:1px solid #f7f7f7; } .cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f6f6f6; border-bottom:1px solid #f7f7f7; } .cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #f7f7f7; } .cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; } .cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; } .cart-table td .img{padding:1px;width:100px;height:100px;border:1px solid #eee;} .cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; } .cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; } .cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; } .cart-table .con span, .cart-table .con a { display:block; font-size:0.875rem; color:#999; padding:2px 0;} .cart-table .con .tit { color:#069139; font-size:1rem; display:inline;} .cart-foot{ margin-top:20px; height:40px; } .cart-foot .btn-box{ line-height:40px; } .cart-foot .btn-box a{ margin-right:20px; font-size:14px; } .cart-foot .right .btn{ float:right; margin:10px; } .item-box{ clear:both; padding:8px 0; font-size:13px; } .item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; } .item-box li label input{ margin-right:3px; } .item-box li em{ color:#999; } .address-list{ margin-bottom:20px; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; } .address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; } .address-list li span{ margin-left:10px; } .address-list li label em{ margin-left:5px; color:#999; } .address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; } .address-list li.selected span{ color:#333; font-weight:700; } .address-info{ padding:10px; border:1px solid #f7f7f7; } .address-info dd .input{ padding:5px; } .address-info dd .select{ display:inline-block; padding:5px; border:1px solid #e8e8e8; border-radius:2px; line-height:20px; } .buy-foot{ font-size:14px; } .buy-foot .left dl{ clear:both; padding-bottom:10px; line-height:28px; } .buy-foot .left dl dt{ color:#6c6c6c; } .buy-foot .left dl dd .input{ width:230px; padding:5px; } .buy-foot .right{ text-align:right; } .buy-foot .right p{ line-height:38px; } .buy-foot .right p .price{ color:#f00; font-weight:700; } .buy-foot .right p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; } .buy-foot .right p.btn-box{ margin-top:20px; } /*提示样式*/ .msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; } .msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; } .msg-tips .ico.error{ background-position:-50px 0; } .msg-tips .ico.warning{ background-position:-100px 0; } .msg-tips .msg{ margin-left:60px; } .msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; } .msg-tips .msg p{ line-height:1.8em; } .msg-tips .msg i{ color:#f00; font-style:normal;} /*付款方式====================*/ .pay { background-color:white;} .pay .tit { background-color:#f8f8f8; border:1px solid #e8e8e8; padding:15px 0; } .pay .tit h3 { border-left:3px solid #069139; font-size:1rem; font-weight:400; color:#069139; padding-left:30px; } .pay .product-con { background-color:#f8f8f8; border:1px solid #e8e8e8; } .pay .product-con { overflow:hidden; } .pay .product-con .tab-head { background-color:white; width:1200px;} .pay .product-con .tab-head ul { display:block; padding:0; margin:0;overflow:hidden; } .pay .product-con .tab-head ul li { float:left; } .pay .product-con .goods-tab .tab-head ul li a { font-size:1rem; line-height:40px; height:40px; border-top:none; background-color: white; display:block; overflow:hidden; padding:0 15px;} .pay .product-con .goods-tab .tab-head ul li a:hover, .goods-tab .tab-head ul li a.selected { border-bottom:3px solid #069139; position: relative; border-top:none!important;} .pay .product-con .goods-tab .tab-content { } .pay .product-con .goods-tab .tab-content h4 { padding:0; margin:0 0 10px 40px; display:block; color:#999; font-weight:400; } .pay .product-con .goods-tab .tab-content ul { display:block; overflow:hidden; padding:0 40px;} .pay .product-con .goods-tab .tab-content ul li { float:left; height:120px; line-height:120px; border-right:1px solid #e8e8e8; font-size:1rem; background-color:white;} .pay .product-con .goods-tab .tab-content ul li i { font-size:1.5rem; } .pay .product-con .goods-tab .tab-content ul li span { display:block; line-height:40px; height:40px; border-bottom:1px solid #e8e8e8; text-align:center; } .pay .product-con .goods-tab .tab-content ul li span:last-child { border-bottom:none; } .pay .product-con .goods-tab .tab-content ul li:nth-child(1),.pay .product-con .goods-tab .tab-content ul li:nth-child(2),.pay .product-con .goods-tab .tab-content ul li:nth-child(3) { width:200px; text-align:center; } .pay .product-con .goods-tab .tab-content ul li:nth-child(4) {width:500px; text-align:left; } .pay .product-con .goods-tab .tab-content ul li:nth-child(4) span { padding-left:80px; text-align:left; } /*========================右侧浮动联系方式========================*/ /* side */ .side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} /*=========分享=========*/ #ckepop { overflow:hidden;} /*============down下载 20170222新增============*/ .attach { overflow:hidden;} .attach .attach-tit { padding:5px 0; border-top: 1px solid #e8e8e8; margin-top: 10px;} .attach .attach-list,.attach .attach-tit span,.attach .attach-list li span a{ font-size:0.875rem; color:#999;} /*==========keywords=========*/ .keywords { display:block; line-height:20px; } .keywords a { font-size:0.75rem; } /*--手机站导航开始----------*/ .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:15%; right:10px;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px} .sp_nav span{display:block;background:#124d93;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:50px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:10px} /*--手机站导航开始 结束----------*/ .app-nav { display:none; } /*响应式页面*/ @media (max-width:760px) { .w1200 { width:100%; margin:0 auto; overflow:hidden; } .mininav div { } .web-nav{ display:none; } .app-nav { display:block; } .logo-nav #searchs { display:none; } .logo-nav .logo { width:80%; } .logo-nav .logo a img { width:90%; } .well .correct,.well .opposite{ height:100%; } .well .well-item img { width:80%; } .news .news-lists .news-lists-l .tit-small span, .news .news-lists .news-lists-r .tit-small span { width:60%; } .news .news-lists .lists .news_pic, .news .news-lists .lists .news_pic a { display:none; } .news .news-lists .lists ul li span { display:none; } .news .news-lists .lists ul li { white-space:nowrap; text-overflow:ellipsis; display:block; } .news .news-lists .lists ul li a { width:100%; } .news .news-lists .lists .aboutcompany { display:block; height:150px; } .news .news-lists .lists .aboutcompany a { display:none; } .articlelist .lists, .article .article_r { width:95%; margin-right:2.5%; } .articlelist .nav-left,.article .article_l { display:none; } .article .article_r { width:90%; margin-left:5%;} .articlelist .lists ul li .datetimes { width:15%; } .articlelist .lists ul li .tit { width:80%; } .articlelist .dang-left { display:none; } .articlelist .dang-right { width:100%; margin:0; } .dang-hot-nav a { width:25%;} .d-tit span { width:100%;} .links ul li { width: 25%; } .links ul li a img { width:100%; } .footer .f-con { margin:0; } .footer .f-con .f-con-r,.footer .f-con .f-con-l ul { display:none; } .footer .f-con .f-con-l { text-align:center; width:100%; } }