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- 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{10px}
.w20{20px}
.w50{50px}
.w90{90px}
.w100{100px}
.w200{200px}
.w250{250px}
.w500{500px}
.w800{800px}
.w{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{ 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%; 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{ 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; 0;height: 0;font-size: 0;line-height: 0;border- 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;  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;  10px; height: 17px; position: absolute; top: 7px; left: 5px;}
.top-bar-right .mobile b {position: absolute;right: 8px;top: 15px; 0;height: 0;font-size: 0;line-height: 0;border- 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;  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; 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; 1000px; margin:0 auto; padding:5px 0; line-height:21px;color:#9B9B9B; }
.w-txt a{color:#9B9B9B;}
.w-close{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; 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{100%;height:72px;background:#b00;border-top:solid #f72c2c 1px;}
.nav-left{height: 72px;}
.nav-left .logo{display: block;  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{ 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{ 100%;}
/* __new footer----------------------------*/
.copy-new{ line-height:18px; text-align:center; margin-top:20px;}
.security .szfw_logo {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; 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;150px;}
.Floatservice { 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; 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 {1000px;margin:0 auto;color:#666;}
.copy-right .cr-main .cr-slogan dl {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 {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:5FAE8F6F96C59ED1,5B8B4F53}
.breadcrumb-area a:hover,.breadcrumb-area span{color:#333}
.wide{1200px;margin-left:auto;margin-right:auto}
.wide-l{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{940px;float:right;display:inline-block}
.wide-c{710px;float:left;display:inline-block}
.wide-r{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;140px;float:left;line-height:30px;font-size:14px;}
.input-area{float:left;142px;height:30px}
.item-input{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;570px;height:200px;padding:5px}
.address-notice{padding-bottom:20px;line-height:20px;padding-left:140px;color:#999}
.express-list{ 710px; overflow: hidden;}
.express-list{padding:15px 0 10px 70px;  652px;}
.express-list li{float:left;display:inline-block;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{435px;color:#454545;height:30px;line-height:30px;padding:0 5px;border:1px solid #ccc;background-color:#fff}
.add-address{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;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;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;127px;border:0;color:#fff;cursor:pointer}
.button-primary:hover{background:#ff7f29}

/*address*/
.add-address-module{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;
     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; 480px; vertical-align: top;}
.button-action-ok{margin-right: 15px; 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; 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;
}