phpv6_css
global
@charset "utf-8"; /* CSS Document */ /*格式化样式*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;list-style:none;padding:0;margin:0;} fieldset,img {border:0} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} ol,ul {list-style:none} caption,th {text-align:left} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} q:before,q:after {content:''} abbr,acronym {border:0} a{outline:none;blr:expression(this.onFocus=this.blur()); text-decoration:none;color:#999;} a:hover{color:#b00;} body {font-size:12px;font-family:"microsoft yahei"; min-width: 1065px;} /*文字排版、颜色*/ .f12{font-size:12px} .f14{font-size:14px} .f16{font-size:16px} .f18{font-size:18px} .f20{font-size:20px} .f22{font-size:22px} .f24{font-size:24px} .fb{font-weight:bold} .fn{font-weight:normal} .t2{text-indent:2em} .lh150{line-height:150%} .lh180{line-height:180%} .lh200{line-height:200%} .unline{text-decoration:underline;} .no-unline{text-decoration:none;} .red {color:#C00;} .green{color:#390;} .orange{color:#F60;} .blue{color:#09C;} /*定位*/ .tl{text-align:left} .tc{text-align:center} .tr{text-align:right} .fl{float:left;display:inline} .fr{float:right;display:inline} .cb{clear:both} .cl{clear:left} .cr{clear:right} .vm{vertical-align:middle} .pr{position:relative} .pa{position:absolute} .abs-right{position:absolute;right:0} .zoom{zoom:1} .hidden{visibility:hidden} .undis{display:none} .dis{display: block} .ofh{ overflow: hidden} /*长度高度*/ .w10{width:10px} .w20{width:20px} .w50{width:50px} .w90{width:90px} .w100{width:100px} .w200{width:200px} .w250{width:250px} .w500{width:500px} .w800{width:800px} .w{width:100%} .h27{height:27px;} .h50{height:50px} .h80{height:80px} .h100{height:100px} .h160{height:160px} .h200{height:200px} .h{height:100%} /*边距*/ .m10{margin:10px} .m15{margin:15px} .m20{margin:20px} .m25{margin:25px} .m30{margin:30px} .m35{margin:35px} .m40{margin:40px} .m45{margin:45px} .m50{margin:50px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt45{margin-top:45px} .mt50{margin-top:50px} .mt100{margin-top:100px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb25{margin-bottom:25px} .mb30{margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px} .mb45{margin-bottom:45px} .mb50{margin-bottom:50px} .mb100{margin-bottom:100px} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml15{margin-left:15px} .ml20{margin-left:20px} .ml25{margin-left:25px} .ml30{margin-left:30px} .ml35{margin-left:35px} .ml40{margin-left:40px} .ml45{margin-left:45px} .ml50{margin-left:50px} .ml100{margin-left:100px} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr25{margin-right:25px} .mr30{margin-right:30px} .mr35{margin-right:35px} .mr40{margin-right:40px} .mr45{margin-right:45px} .mr50{margin-right:50px} .mr100{margin-right:100px} .p10{padding:10px;} .p15{padding:15px;} .p30{padding:30px;} .pt5{padding-top:5px} .pt10{padding-top:10px} .ptb10{padding-top:10px; padding-bottom: 10px;} .pt15{padding-top:15px} .pt20{padding-top:20px} .pt30{padding-top:30px} .pt50{padding-top:50px} .pb5{padding-bottom:5px} .pb100{padding-bottom:100px} .pl5{padding-left:5px} .pl10{padding-left:10px} .pl50{padding-left:50px} .pl100{padding-left:100px} .pr5{padding-right:5px} .pr10{padding-right:10px} .pr15{padding-right:15px} .pr100{padding-right:100px} /*浮动清除*/ .clearfix:after {display:block;clear:both;content:"";visibility:hidden;height:0} .clearfix {zoom:1} .clear {line-height:0;font-size:0;clear:both;} .clear{clear:both} .c:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden} .c{zoom:1} /*页面公用样式*/ .wide{width: 1200px; margin: 0 auto;} .font-color{color:#f90;font-weight:normal;} .linkcolor{color:#b00;margin-left:8px} .linkcolor:hover{color:#40ace9} /*弹出层 全屏半透明背景*/ .opacity-bg{height: 100%;width: 100%;background: #000;filter: alpha(opacity:60);opacity: 0.6;position: fixed;left: 0;top: 0;z-index: 12;} /*inputbutton*/ .edit-input{transition: border-color .3s ease;border: 1px solid #dedede;padding:8px 12px;line-height: 21px;} /*head*/ .top-bar-warp{width: 100%; height: 30px; line-height: 30px; background-color: #333; font-size: 12px;} .top-bar{color: #dbdbdb;} /*0322*/ .logined{position: relative;} .logined .user-name{display: block;color: #dbdbdb; line-height: 30px; padding:0 18px 0 10px;} .logined .user-link-hover{color: #f60;background-color: #f0f0f0;height: 30px;} .user-msg {display: inline;margin-left: 5px;background: #f90;border-radius: 5px;padding: 0 9px;color: #fff;cursor: default;} .user-name b {position: absolute;right: 5px;top: 15px;width: 0;height: 0;font-size: 0;line-height: 0;border-width: 4px;border-style: solid;border-color: #fff transparent transparent;color: #fff; font-weight: 400; font-style: normal;-webkit-transition: all .3s;} .user-name:hover b,.logined .user-link-hover b{border-color: #f60 transparent transparent;color: #f60;border-color: #f60 transparent transparent;-moz-transform:rotate(180deg); -moz-transform-origin:50% 20%; -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 20%;-o-transform:rotate(180deg); -o-transform-origin:50% 20%; transform:rotate(180deg); transform-origin:50% 20%; -ms-transform:rotate(180deg); -ms-transform-origin:50% 20%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transition: all .3s;} .user-info{position: absolute;left: -1px; top: 30px; width: 138px;height: auto;background: #efefef;padding-top: 6px;padding-bottom: 5px;text-align: center; border: 1px solid #666;border-top: none; color: #333; text-align: left; display: none; z-index: 10;} .user-info dt{height: 54px;} .user-info dt p{margin-left: 60px; line-height: 18px;} .user-info dt p span{margin: 0 8px;} .user-img{padding: 10px 0 0 10px;} .user-amount{color: #333; padding-top: 10px;} .user-info dd a{display: block;padding: 0 10px;} .user-info dd a:hover{background-color: #f60; color: #fff;} .user-info dd label{display: block; padding: 0 10px; border-bottom: 1px dashed #ccc;} /**/ .top-bar-right ul li{float: left; display: inline-block; height: 30px; margin-left: 15px;} .top-bar-right ul li a{ color: #dbdbdb;} .top-bar-right ul li a:hover{ color: #b00;} .top-bar-right .mobile{position: relative;} .top-bar-right .mobile a{display: block; padding: 0 20px; height: 30px; position: relative;} .top-bar-right .mobile a:hover{background-color: #fff; color: #b00} .top-bar-right .mobile i{background: url(/static/images/public/index_z.png) -477px -31px no-repeat; width: 10px; height: 17px; position: absolute; top: 7px; left: 5px;} .top-bar-right .mobile b {position: absolute;right: 8px;top: 15px;width: 0;height: 0;font-size: 0;line-height: 0;border-width: 4px;border-style: solid;border-color: #fff transparent transparent;color: #fff; font-weight: 400; font-style: normal;} .top-bar-right .mobile a:hover b{border-color: #b00 transparent transparent;color: #b00;} .top-bar-right .mobile .m-code{position: absolute;left: -1px; top: 27px; width: 118px;height: auto;background: #efefef;padding-top: 6px;margin: 3px auto 0;text-align: center; border: 1px solid #666;border-top: none; display: none; z-index: 10;} .top-bar-right .mobile .m-desc{display: block; line-height: 22px; padding-bottom: 5px; text-align: center; color: #333;} .top-bar-right .mobile a.mobile-link-hover{color: #b00;background-color: #f0f0f0;height: 30px;} .top-bar-right .mobile .mobile-link-hover b {border-color: #b00 transparent transparent;-moz-transform:rotate(180deg); -moz-transform-origin:50% 20%; -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 20%;-o-transform:rotate(180deg); -o-transform-origin:50% 20%; transform:rotate(180deg); transform-origin:50% 20%; -ms-transform:rotate(180deg); -ms-transform-origin:50% 20%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transition: all .3s;} .top-bar-right .share{} .top-bar-right .share span{display: inline-block;float: left;} .top-bar-right .share a{display: inline-block;float: left;width: 26px;height: 30px;margin-left:3px; text-indent: -9999px;background: url("/static/img/public/index_z.png") no-repeat; cursor: pointer;} .top-bar-right .share a.weixin{background-position: -445px -24px;} .top-bar-right .share a.weixin:hover{background-position: -424px -53px;} .top-bar-right .share a.sina{background-position: -498px -24px} .top-bar-right .share a.sina:hover{background-position: -354px -53px} /*TOP note*/ #t33{background: #efefef;} .topnav-inv{ position:relative; width:1000px; margin:0 auto; padding:5px 0; line-height:21px;color:#9B9B9B; } .w-txt a{color:#9B9B9B;} .w-close{width:16px;height:16px;position:absolute;overflow:hidden;right:10px;top:7px;background-position:0px 0px;background: url(/newimages/index/globalheader.png) no-repeat 0 0;} .w-close:hover{background-position:-19px 0px;} /*TOP note end*/ .loigin-ok a,.login-out a{margin-right: 8px;} /*分享*/ .bdsharebuttonbox{} .bdsharebuttonbox a { display:block; float:left; padding: 0;margin:1px 5px;width: 26px;height: 26px;background: url(../img/share_icon.png) no-repeat left top;} .bdsharebuttonbox a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } a#bds_tsina {background-position: 0 0;} a#bds_tqq {background-position: 0 -26px;} a#bds_sqq {background-position: 0 -78px;} a#bds_weixin {background-position: 0 -104px;} .bar-guanzhu{ padding-left:15px; line-height:24px;} .bar-guanzhu span{padding: 0 5px; color: #B3BBC9; font-size:14px;} .jiathis_style .jtico{background:none!important;} .nav-wrap{width:100%;height:72px;background:#b00;border-top:solid #f72c2c 1px;} .nav-left{height: 72px;} .nav-left .logo{display: block; width: 300px; height: 72px;} .nav ul {height:72px; line-height:72px;float:right;display:inline;} .nav ul li {height:72px;float:left;display:inline;list-style-position:outside;vertical-align:middle;} .nav ul li a {display:inline-block;padding:0 15px 0 15px;color:#fff;font:normal 16px/72px microsoft yahei;text-decoration:none;} .nav ul li a:hover {color:#FC0;} .nav ul li.current {background:#740000;} .nav ul li.current a {color:#f72c2c;} .nav-login{line-height: 72px; display: inline-block;} .w55{width: 55px;} .nav-login a.login-btn,.nav-goto-member a{display: inline-block; font-size: 14px;border-radius: 2px;background: #dbdbdb; color:#b00;text-decoration: none; text-align: center; display: block; height: 28px; line-height: 28px; padding: 0 15px; margin-left: 15px;margin-top: 21px; } .nav-login a.login-btn:hover,.nav-goto-member a:hover{background: #fff;} .nav-reg{color: #dbdbdb; margin-left: 15px;font-size: 14px;} .nav-reg:hover{color: #fff;} .pd8{padding:0 8px; line-height: 72px; font-size: 14px; color: #fff} .nav-goto-member a{ } /* __footer----------------------------*/ #footer{ width:100%;} /* __new footer----------------------------*/ .copy-new{ line-height:18px; text-align:center; margin-top:20px;} .security .szfw_logo {width:110px; height:39px; padding:0; border:0;} .security .szfw_logo img {} .serqq{ margin-bottom:10px; text-align:center;} /**新手指南**/ .ks-shm{ padding:30px 0;} .ks-shm li{ float:left; border-right:1px solid #dcdcdc; width:208px; padding-left:124px;} .ks-shm li h2{ font-size:24px; color:#828282; font-weight:normal; line-height:36px;} .ks-shm li a{ display:block; line-height:26px; height:26px; font-size:14px;} .ks-shm li.li01{ background:url(/static/images/public/bottom-icon.png) no-repeat scroll 32px 0px;} .ks-shm li.li02{ background:url(/static/images/public/bottom-icon.png) no-repeat scroll -303px 0px;} .ks-shm li.li03{ background:url(/static/images/public/bottom-icon.png) no-repeat scroll -641px 0px;} /* Floatservice #Floatservice { position:absolute;top:100px;right:10px;z-index:2000;width:150px;} .Floatservice { width:138px; position:relative;font-size:12px;text-align:left; line-height:18px; } .Floatservice h3{ background:url(../images/fsTop.png) no-repeat left top; color:#fff; font-weight:bold; height:18px; font-size:12px; padding:5px 5px 5px 35px;} .Floatservice ul{ padding:5px 10px 2px;background:url(../images/fsBg.gif) repeat-y;} .Floatservice li{ padding:5px 0; text-align:center; } .Floatservice .bottom{ background:url(../images/fsBottom.png) no-repeat left bottom; padding:15px 0 10px 36px; font-size:11px; font-weight:bold; color:#fff;} .Floatservice #closeFloat{ position:absolute; top:0; right:0; height:25px; text-indent:-9999px; cursor:pointer} .Floatservice #closeFloat span{ display:block; width:25px; height:25px;}*/ /**/ .bottom-module{background:url(/static/images/public/copyright_bg.gif) top repeat-x #333;padding:30px 0 30px 0;} .copy-right {} .copy-right .cr-main {width:1000px;margin:0 auto;color:#666;} .copy-right .cr-main .cr-slogan dl {width:182px;height:60px;padding:0 0 0 10px;border-right:dashed #666 1px;float:left;display:inline;} .copy-right .cr-main .cr-slogan dl.nbr {border-right:none;} .copy-right .cr-main .cr-slogan dl dt {width:60px;height:60px;margin:0 10px 0 0;float:left;display:inline;} .copy-right .cr-main .cr-slogan dl dd {padding:10px 0 0 0;color:#fff;font-family:microsoft yahei,microaoft heiti;float:left;display:inline;} .copy-right .cr-main .cr-slogan dl dd h3 {font-size:18px;font-weight:bold;} .copy-right .cr-main .cr-slogan dl dd h4 {font-size:12px;} #J-login{display: none}
member
.breadcrumb-area{margin-left:1px;line-height:1.5}
.breadcrumb-area{color:#BBB}
.breadcrumb-area a,.breadcrumb-area span{color:#666;font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53}
.breadcrumb-area a:hover,.breadcrumb-area span{color:#333}
.wide{width:1200px;margin-left:auto;margin-right:auto}
.wide-l{width:240px;float:left;display:inline-block}
.mc-menu-area {background-color: #f5f5f5;line-height: 20px;}
.mc-menu-area .htitle{padding:28px 0 8px;font-size:18px;color:#333; border-top:1px solid #d7dce4;}
.mc-menu-area a {display: block;border-left: 2px solid #f5f5f5;padding-left:50px; padding-top:6px; padding-bottom:6px;}
.mc-menu-area .current a{text-decoration: none;color:#b00;border-left-color:#b00;background-color:#fff;}
.mc-menu-area .b{padding-bottom:20px;}
.mc-menu-area .b h3{font-size:14px; font-weight:400;text-align:center;margin:23px 16px 17px;background-position:0 50%;color:#888}
.mc-menu-area .b h3 span{display:inline-block;*display:inline;*zoom:1;padding:0 8px;margin:0 auto;background-color:#f5f5f5}
.mc-menu-area .b ol li{font-size:14px}.mc-menu-area .b ol li em{display:inline-block;*display:inline;*zoom:1;font-size:11px;height:14px;line-height:14px;color:#fff;background-color:#b00;border-radius:7px;vertical-align:middle;padding:0 4px;margin-left:5px;position:relative;top:-1px;*top:0}
.mc-menu-area .b h3 {background: url("/Static/img/member/bg65.png") repeat-x scroll 0% 50% transparent; }
.wide-c-r{width:940px;float:right;display:inline-block}
.wide-c{width:710px;float:left;display:inline-block}
.wide-r{width:210px;float:right;display:inline-block}
.section-header{height:50px;border-bottom:1px solid #dedede}
.section-header:after,.section-header:before{content:"";display:table}
.section-header:after{clear:both}
.section-header h2{font-size:24px;line-height:1.2;padding:8px 0 0 2px}
.section-header .help-link{line-height:50px;color:#888;padding-right:13px;font-size:14px}
.select-item{margin-top:30px;border-bottom:1px solid #d7dce4}
.select-tit{color:#333;font-size:18px;border-left:2px solid #b00;height:18px;line-height:18px;padding-left:5px;font-family:"Microsoft Yahei"}
.help-r{font-size: 12px; font-weight: normal;}
.item-list{margin-top:10px}
.item-list li{padding:8px 0}
.item-label{color:#333;text-align:right;width:140px;float:left;line-height:30px;font-size:14px;}
.input-area{float:left;width:142px;height:30px}
.item-input{width:130px;color:#454545;height:30px;line-height:30px;padding:0 5px;border:1px solid #ccc;background-color:#fff}
.notice-txt{float:left;margin-left:10px;line-height:30px;color:#888}
.address-area{float:left;display:inline-block}
.address-cont{border:1px solid #ccc;width:570px;height:200px;padding:5px}
.address-notice{padding-bottom:20px;line-height:20px;padding-left:140px;color:#999}
.express-list{width: 710px; overflow: hidden;}
.express-list{padding:15px 0 10px 70px; width: 652px;}
.express-list li{float:left;display:inline-block;width:153px;height:30px;line-height:30px;text-align:center;overflow:hidden;margin:0 3px 3px 0;background:#e8e8e8;border:2px solid #e8e8e8;font-size:12px;color:#666;cursor:pointer}
.express-list li.select-current{background:#fff;border:2px solid #ff6525;background:url("/Static/img/member/ex_icon.png") right bottom no-repeat;font-size:14px}
.user-level{line-height:20px;padding:0 0 8px 70px;color:#999}
.express-desc{line-height:20px;padding:0 0 18px 70px;color:#999}
.sent-address{padding:10px 0 20px}
.select-sent-address,.add-address{float:left;display:inline-block}
.add-address{margin-left:8px}
.select-input{width:435px;color:#454545;height:30px;line-height:30px;padding:0 5px;border:1px solid #ccc;background-color:#fff}
.add-address{width:127px;height:30px;line-height:30px;text-align:center;cursor:pointer;font-size:14px;background-color:#ffdfc9;color:#f60}
.upload-address{float:left;display:inline-block}
.upload-address-btn,.webuploader-pick{background:#ffdfc9;line-height:30px;height:30px;font-size:16px;width:127px;border:0;color:#f60;cursor:pointer; text-align: center;}
.upload-address-btn:hover{background:#fdccab}
.webuploader-pick-hover{background:#fdccab}
.webuploader-element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.help-csv{line-height: 30px;}
.wide-r-main{padding:0 0 10px; margin-top:30px; background-color: #FAFBFC;}
.bk-items-title{padding:10px;border-bottom:solid 1px #ddd;font-size:14px;line-height:1.5}
.bk-items-list{padding:10px 15px;}
.bk-items-item-name{float:left;display:inline;width:70px;color:#999;line-height:2}
.bk-items-item-value{display:block;margin-left:60px;color:#666;line-height:2;text-align:left}
.bk-items-upr{margin-top:8px;font-size:12px;color:#666;line-height:24px}
.bk-items-price{padding-top:13px}
.bk-items-price-title{color:#999;font-size:14px;line-height:1}
.ng-scope{padding-top:10px}
.bk-cny{margin:0 .2em 0 0;font-family:"Arial";color:#f60;font-size:30px;line-height:1}
.bk-items-price-money{color:#f60;font-size:30px;line-height:1}
.bk-items-price-control{padding-left:10px}
.button-primary{background:#f60;line-height:36px;height:36px;font-size:18px;width:127px;border:0;color:#fff;cursor:pointer}
.button-primary:hover{background:#ff7f29}
/*address*/
.add-address-module{width:700px; padding: 10px 20px; position:fixed;left:50%;top:50%;margin-left:-350px; margin-top:-219px;z-index:1000;background:#fff;border:1px solid #AAA;box-shadow:3px 3px 3px #dcdcdc}
.close-add-adress{display: block;
height: 30px;
width: 30px;
text-indent: -9999px;
background-image: url(/Static/img/public/close_address.png);
background-position: -87px -144px;position: absolute; top: -22px; right: -32px;}
.required{color: #b00;
vertical-align: middle;
margin-right: 4px;}
.address-form-tab tr td{padding: 10px 0;}
.address-form-tab tr td select {
padding: 8px 12px; font-family: "微软雅黑";
}
.note-els label,.area-msg{display:inline-block;color:#838383;font-size:13px;line-height:18px;vertical-align:middle;padding-left:22px;margin-left:12px}
.note-icon-a{background:url(/static/img/public/mem_ok.gif) no-repeat left center}
.note-icon-b{background:url(/static/img/public/mem_nok.gif) no-repeat left center}
.note-icon-c{background:url(/static/img/public/mem_err.gif) no-repeat left center}
.edit-area{-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
border: 1px solid #dedede;
padding: 8px 12px;
line-height: 21px;height: 90px;
overflow: auto;font-size: 14px;width: 480px; vertical-align: top;}
.button-action-ok{margin-right: 15px;width: 156px;
height: 40px;padding: 0 12px;
font-size: 16px!important;
vertical-align: middle;text-align: center;
background-color: #b71;
border: 1px solid #b71;
color: #fff;font-family: arial,"微软雅黑";
line-height: 1.2; cursor: pointer}
.button-action-ok:hover {
background-color: #9a5c00;
border: 1px solid #9a5c00;
}
.button-action-reset{text-align: center;
background-color: #fafafa;
border: 1px solid #bbb;
color: #333;width: 156px;
padding: 0 12px;
font-size: 16px;
vertical-align: middle;
height: 40px;font-family: arial,"微软雅黑";cursor: pointer;}
.button-action-reset:hover {
background-color: #ccc;
border: 1px solid #ccc;
}
