/********************************************
 *  header 页眉的样式
 *********************************************/
body { color: #666; font-size: 12px; font-family: "Microsoft Yahei", sans-serif; min-width: 1230px; }
.head { width: 100%; height: 134px; background-color: #3a3a3a; }
.hd-fixed { position: fixed; top: 0; left: 0; z-index: 100; }
.header { height: 90px; text-align: right; background-color: #fff; }
.hd-logo { width: 192px; padding: 20px 0; }
.hd-func { margin: 30px 0; height: 30px; line-height: 30px; }
.hd-search { width: 320px; height: 100%; margin-right: 40px; vertical-align: top; }
.hd-search-txt { width: 239px; height: 28px; text-indent: 1em; border: 1px solid #3a3a3a; border-width: 1px 0 1px 1px; }
.hd-search-btn { width: 80px; height: 30px; color: #fff; cursor: pointer; font-size: 15px; background-color: #3a3a3a; }
.hd-loginbar { height: 100%; font-size: 14px; vertical-align: top; }
.hd-loginbar .item { margin: 3px 0; float: left; height: 24px; color: #333; line-height: 24px; }
.hd-loginbar .split { color: #ccc; font-size: 18px; line-height: 26px; padding: 0 8px; }
.hd-loginbar .icon { float: left; width: 24px; height: 24px; margin-right: 8px; background-position: 0 0; }

/********************************************
 *  navbar 导航栏的样式
 *********************************************/
.navbar { width: 929px; height: 44px; line-height: 44px; margin-right: 16px; }
.nb-item { position: relative; height: 44px; margin-left: 32px; }
.nb-item:first-child { margin-left: 0; }
.nb-item > a { display: block; height: 100%; color: #fff; font-size: 15px; }
.nb-menu { display: none; position: absolute; z-index: 99; top: 100%; left: 0; width: 144px; margin-left: -10px; background-color: #4b4b4b; }
.nb-menu-item { position: relative; font-size: 14px; line-height: 36px; border-bottom: 1px solid #555; }
.nb-menu-item a { display: block; padding: 0 10px; color: #dfdfdf; }
.nb-submenu { display: none; position: absolute; top: 0; left: 100%; width: 144px; background-color: #555; }
.nb-menu-item > a:hover { background-color: #555; }
.nb-submenu a:hover { background-color: #666; }
.nb-shop { width: 255px; height: 44px; line-height: 44px; overflow: hidden; white-space: nowrap; background-color: #222; -webkit-border-radius: 4px; border-radius: 4px; }
.nb-car { padding: 7px 7px 7px 0; width: 30px; height: 30px; background-color: #3a3a3a; border-radius: 0 22px 22px 0; }
.nb-car .icon { display: block; width: 100%; height: 100%; background-position: 0 -30px; }
.nb-tips { color: #fff; font-size: 14px; margin-left: 20px; margin-right: 12px; }
.nb-out { font-size: 14px; }
.nb-out .ffch { padding-left: 5px; }
.nb-car-number { position: relative; z-index: 104; float: right; width: 22px; height: 22px; font-size: 13px; line-height: 22px; text-align: center; border-radius: 50%; margin: 11px 0 0 8px; text-indent: -1px; background-color: #d2332f; }
.u-flyer { color: #fff; width: 22px; height: 22px; font-size: 13px; line-height: 22px; text-align: center; border-radius: 50%; margin: 11px 0 0 8px; text-indent: -1px; z-index: 102; background-color: #d2332f; }

/*******************************************************
* footer 页脚的样式
*******************************************************/
.footer { padding: 2px 0; background-color: #3a3a3a; }
.ft-top { border-bottom: 1px solid #4b4b4b; }
.ft-flink { padding: 22px 0; width: 942px; font-size: 14px; line-height: 24px; }
.ft-flink .ft-list { margin-left: 70px; }
.ft-follow { padding: 18px 0; width: 210px; height: 32px; line-height: 32px; overflow: hidden; }
.ft-follow a { float: left; width: 32px; height: 32px; margin-right: 20px; }
.ft-follow a.icon-wx { background-position: 0 -64px; }
.ft-follow a.icon-sn { background-position: 0 -101px; }
.ft-follow a.icon-qq { background-position: 0 -138px; margin-right: 0; }
.ft-help { padding: 40px 0 30px; }
.ft-help-list { width: 654px; overflow: hidden; }
.ft-help-item { width: 54px; font-size: 12px; line-height: 2; margin-left: 96px; }
.ft-help-item:first-child { margin-left: 0; }
.ft-contact { font-size: 12px; width: 300px; line-height: 2.5; }
.ft-code { margin-left: 720px; margin-right: 360px; }

/*******************************************************
* 公用部分 焦点图 banner
*******************************************************/
.banner { width: 100%; min-width: 1220px; height: 480px; position: relative; overflow: hidden; }
.banner-wrapper { position: absolute; top: 0; left: 50%; width: 1920px; height: 100%; margin-left: -960px; }
.banner-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-item:first-child { display: block; }
.banner-item a { display: block; line-height: 0; }
.banner-item img { width: 100%; }
.banner .marks { position: absolute; left: 0; right: 0; bottom: 18px; margin: auto; width: 300px; height: 15px; text-align: center; z-index: 4; }
.banner .marks a { margin: 0 5px; display: inline-block; width: 12px; height: 12px; cursor: pointer; border: 2px solid #3a3a3a; border-radius: 50%; *display: inline; *zoom: 1; }
.banner .marks a.on { border-color: #d2332f; }
.banner.inner { height: 380px; }
.hm-banner-aside { position: absolute; z-index: 20; top: 0; left: 50%; width: 210px; height: 452px; padding: 14px 15px; margin-left: 360px; background-color: #f7f7f7; }
.hm-status { height: 102px; text-align: center; }
.hm-msg { height: 32px; color: #999; font-size: 14px; line-height: 32px; overflow: hidden; margin-bottom: 12px; }
.btn-enter { width: 60px; height: 30px; color: #fff; margin: 0 7px; font-size: 12px; line-height: 30px; border-radius: 4px; background-color: #d2332f; }
.btn-enter:hover { background-color: #ba2d2a; }
.btn-enter:active { background-color: #a52825; }
.hm-news { height: 250px; }
.hm-news-title { height: 40px; color: #3a3a3a; font-size: 15px; font-weight: bold; margin: 0 -15px; padding: 0 15px; background-color: #eee; }
.hm-news-title em { display: inline-block; margin: 13px 0; line-height: 14px; padding-left: 8px; border-left: 3px solid #d2332f; }
.hm-news-list { color: #666; font-size: 12px; list-style: square inside; margin-top: 7px; line-height: 28px; }

/*******************************************************
* 首页 滚动图 rolling
*******************************************************/
.hot-product { width: 100%; height: 240px; padding: 30px 0; background-color: #3a3a3a; }
.hot-title { font-size: 28px; line-height: 1; padding: 6px 60px; }
.hot-title em { display: block; padding-left: 14px; border-left: 4px solid #d2332f; }
.iRoll { position: relative; width: 1080px; height: 160px; padding: 10px 60px; overflow: hidden; }
.iRoll-wrapper { width: 5000px; height: 100%; }
.iRoll-item { float: left; width: 310px; height: 130px; padding: 15px; margin-right: 30px; background-color: #fff; }
.iRoll-control { position: absolute; top: 50%; width: 40px; height: 80px; color: #999; cursor: pointer; font-size: 40px; font-family: Simsun; line-height: 80px; text-align: center; margin-top: -40px; }
.iRoll-prev { left: 0 }
.iRoll-next { right: 0 }
.iRoll-control:hover { color: #fff; background-color: rgba(255, 255, 255, 0.25); }
.iRoll-item .thumb { width: 130px; height: 100%; overflow: hidden; margin-right: 10px; }
.iRoll-item h3 { font-size: 16px; margin: 4px 0 10px 140px; }
.iRoll-item p { height: 24px; line-height: 24px; margin-left: 140px; }
.btn-wrap { margin-top: 18px; margin-left: 140px; }
.btn-wrap a { width: 55px; height: 24px; line-height: 24px; font-size: 12px; border-color: #d2332f; background-color: #d2332f; }
.btn-wrap a:first-child { background-color: transparent; }

/*******************************************************
* 首页 产品product
*******************************************************/
.hm-title { height: 30px; line-height: 30px; padding: 8px 0; border-bottom: 2px solid #3a3a3a; }
.hm-floor { float: left; width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; margin-right: 10px; background-color: #d2332f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.hm-subnav { padding: 8px 0; font-size: 14px; line-height: 1; margin-left: 54px; }
.hm-subnav li { margin-left: 16px; border-left: 1px solid #888; padding-left: 15px; }
.hm-subnav li:first-child { margin-left: 0; border-left-width: 0; padding-left: 0; }
.hm-more { font-size: 14px; }
.hm-more span { padding-left: 2px; }
.hm-product { margin-bottom: 8px; }
.hm-row { margin: 0 -16px; }
.hm-col { position: relative; float: left; width: 246px; height: 246px; margin: 0 16px 32px; padding: 15px; cursor: default; background-color: #f2f2f2; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-col-thumb { width: 100%; height: 164px; overflow: hidden; }
.hm-col-name { margin: 11px 0 5px; font-size: 18px; line-height: 38px; }
.hm-col-desc { width: 164px; height: 26px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.btn-more { height: 24px; font-size: 12px; line-height: 24px; }
.hm-col:hover { -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25); -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); }
.hm-col-adorn { position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
.hm-col-adorn img { width: 100%; }

/*******************************************************
* 产品列表页
*******************************************************/
.dute-sort { font-size: 13px; background-color: #f4f4f4; border: 1px solid #e8e8e8; }
.dute-sort ~ .dute-sort { border-width: 0 1px 1px; }
.dute-sort-name { color: #666; padding: 15px; line-height: 40px; }
.dute-sort-list { padding: 15px; margin-left: 62px; background-color: #fff; }
.dute-sort-item { float: left; height: 24px; margin: 8px 4px; padding: 0 6px; color: #2f7dd2; line-height: 24px; }
.dute-pick { height: 44px; font-size: 13px; border: 1px solid #e8e8e8; border-width: 0 1px 1px; margin-bottom: 10px; background-color: #f4f4f4; }
.dute-pick-name { color: #666; padding: 10px; line-height: 24px; }
.dute-pick-list { padding: 10px 15px; margin-left: 62px; }
.dute-pick-list a { float: left; color: #d2332f; line-height: 14px; margin-right: 16px; padding: 5px 10px; border: 1px solid  #d2332f; border-radius: 3px; }
.dute-pick-list a:after { content: ""; float: right; width: 14px; height: 14px; margin-left: 5px; margin-right: -3px; background: url(../images/icon.png) no-repeat -1px -192px; }
.dute-action { height: 44px; line-height: 30px; border-bottom: 2px solid #d2332f; }
.dute-turn { color: #666; margin: 6px 0; padding: 0 16px; font-size: 14px; margin-right: 5px; border: 1px solid #dbdbdb; }
.dute-turn.active { color: #fff; border-color: #d2332f; background-color: #d2332f; }
.dute-turn:after { content: ""; float: right; width: 16px; height: 16px; margin: 7px -5px 7px 6px; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: 0 -175px; }
.dute-turn.active:after { background-position: -16px -175px; }
.dute-turn.active1:after { background-position: -16px -191px; }
.dute-count { color: #999; font-size: 12px; margin-top: 12px; }
.dute-count span { padding: 0 5px; }

/*******************************************************
*  内页公用 页码
*******************************************************/
.pgnumber-wrapper { text-align: center; line-height: 32px; }
.pgnumber { margin: 0 4px; height: 32px; line-height: 30px; vertical-align: top; }
.pgnumber a { display: block; color: #666; font-size: 14px; padding: 0 14px; border: 1px solid #acacac; }
.pgnumber.disabled a { color: #e1e1e1; border-color: #e1e1e1; }
.pgnumber.active a, .pgnumber a:hover { color: #fff; border-color: #d2332f; background: #d2332f; }
.pgnumber.disabled a:hover { color: #e1e1e1; border-color: #e1e1e1; background: transparent; }
.breadcrumbs { height: 60px; font-size: 14px; line-height: 60px; }
.hd-fixed + .breadcrumbs { padding-top: 134px; }
.breadcrumbs li { float: left; height: 60px; color: #d2332f; }
.breadcrumbs li:first-child { color: #666; }
.breadcrumbs li:first-child + li ~ li:before { content: ">"; display: inline-block; color: #666; font-family: Simsun; margin: 0 12px; }

/*******************************************************
*  *省/市/区县三级联动开始
*******************************************************/
.addrBox { position: absolute; color: #000; padding: 10px 0; border: 1px solid #DDD; background-color: #FFF; width: 440px; display: block; font-size: 13px; left: 0; top: 0; display: none; z-index: 8888; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
.addr-icon { background-image: url(../images/addr-icon.png); background-repeat: no-repeat; }
.addrBox .icon-arrow { width: 16px; height: 8px; display: block; position: absolute; left: 35px; top: -8px; background-position: -30px 0px; }
.addrBox .icon-close { width: 18px; height: 18px; display: block; position: absolute; right: 10px; top: 10px; cursor: pointer; background-position: -60px 0px; }
.addrBox .icon-close:hover { background-position: -90px 0px; }
.addrBox-tab { border-bottom: 1px solid #ddd; height: 33px; width: 420px; margin: 0 10px; }
.addrBox-tab .tab { float: left; line-height: 32px; height: 32px; padding: 0 5px; border: 1px solid #ddd; border-bottom: none; margin-right: -1px; min-width: 58px; width: auto; text-align: center; position: relative; cursor: pointer; background: #fff; }
.addrBox-tab .active { height: 33px; font-weight: bold; }
.addrBox-tab .tab.active:before { position: absolute; content: ''; border-top: 2px solid #d21c44; border-left: 1px solid #d21c44; border-right: 1px solid #d21c44; left: -1px; top: -1px; width: 100%; z-index: 2; }
.addrList { float: left; overflow: hidden; padding-left: 20px; width: 420px; }
.addrList span { float: left; min-width: 70px; margin: 6px 0 0; cursor: pointer; display: block; }
.addrList a { padding: 0 5px; white-space: nowrap; word-break: keep-all; color: #000; outline: 0; line-height: 24px; height: 24px; float: left; display: inlin-block; }
.addrList a.active, .addrList a:hover { background: #d30830; color: #FFF; }
#c-name { display: none; }
#a-name { display: none; }
.addrSlt { height: 22px; font-size: 12px !important; display: inline-block; vertical-align: middle; position: relative; line-height: 22px; border: #ccc 1px solid; padding: 0 22px 0 9px; position: relative; margin-top: -3px; cursor: pointer; }
.addrSlt .icon-arrow { width: 8px; height: 5px; display: block; position: absolute; right: 9px; top: 50%; margin-top: -2.5px; background-position: 0 0; }

/*******************************************************
*  登陆页面
*******************************************************/
.lg-header { background-color: #fff; border-bottom: 1px solid #f4f4f4; -webkit-box-shadow: 0 0px 10px #f1f1f1; box-shadow: 0 0px 10px #f1f1f1; }
.lg-header-wrap { width: 960px; height: 100%; margin: 0 auto; }
.lg-tips { margin: 25px 0; padding: 0 15px; color: #ccc; font-size: 15px; line-height: 40px; letter-spacing: 2px; border-left: 1px solid #e8e8e8; }
.lg-content { width: 960px; margin: 0 auto; padding-top: 60px; padding-bottom: 120px; }
.lg-left { float: left; width: 450px; height: 450px; }
.lg-right { float: right; width: 420px; min-height: 450px; border: 1px solid #f4f4f4; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0 0px 10px #f1f1f1; box-shadow: 0 0px 10px #f1f1f1; }
.lg-form { padding: 10px 30px 20px; }
.lg-name { color: #d2332f; font-size: 18px; font-weight: bold; line-height: 30px; text-align: center; padding: 10px 15px; letter-spacing: 2px; border-bottom: 2px solid #f5f5f9; }
.lg-title { height: 50px; border-bottom: 2px solid #f5f5f9; }
.lg-sign { float: left; width: 50%; font-size: 18px; font-weight: bold; line-height: 30px; text-align: center; padding: 10px 0; border-bottom: 2px solid transparent; }
.lg-sign.active { color: #d2332f; border-color: #d2332f; }
.lg-input-row { width: 100%; position: relative; margin-top: 20px; }
.lg-input-row .warn { display: none; color: #d2332f; font-size: 12px; line-height: 16px; margin-top: 5px; padding-left: 12px; }
.lg-input-row .warn .icon-warn { float: left; width: 16px; height: 16px; margin-right: 4px; background-position: -38px -56px; }
.lg-input-row span.icon { position: absolute; top: 11px; left: 11px; width: 20px; height: 20px; }
.lg-input-row .icon-tel { background-position: -68px 0; }
.lg-input-row .icon-psw { background-position: -98px 0; }
.lg-input-row .icon-cde { background-position: -128px 0; }
.lg-input-row .icon-apsw { background-position: -158px 0; }
/*.lg-input-row .icon:after { content: ""; position: absolute; top: 2px; right: -8px; height: 16px; width: 1px; background: #e8e8e8; }*/
.lg-input-row input { width: 300px; height: 22px;font-size: 15px; line-height: 22px; border: 1px solid #dcdcdc; outline: none; padding: 10px 9px; padding-left: 49px; border-radius: 5px; -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.05); }
.lg-input-row input:focus { border-color: #d2332f; -webkit-box-shadow: inset 2px 2px 3px #fcf1f1; box-shadow: inset 2px 2px 3px #fcf1f1; }
.lg-row-cde input { width: 172px; }
.lg-row-cde .v-code { position: absolute; top: 0; right: 0; width: 114px; height: 42px; color: #fff; cursor: pointer; font-size: 13px; line-height: 40px; text-align: center; border-radius: 3px; overflow: hidden; }
/*.lg-row-cde .pic-code { border: 1px solid #efefef; }*/
.lg-row-cde .msg-code { border: 1px solid #d2332f; background-color: #d2332f; }
.lg-row-cde .msg-code:hover { border: 1px solid #a92825; background-color: #a92825; }
.lg-input-row.lg-radio-row { margin-top: 12px; height: 24px; line-height: 24px; }
.lg-input-row  input[type="checkbox"] { float: left; width: 14px; height: 14px; margin: 5px 4px; }
.lg-input-row label { display: inline-block; color: #999; font-size: 15px; }
.lg-btn-row { text-align: center; margin-top: 28px; }
.btn-submit { width: 100%; height: 40px; }
.lg-link { margin-top: 10px; font-size: 14px; line-height: 1.5; text-align: center; }
.lg-footer { position: absolute; width: 100%; left: 0; bottom: 20px; }
.lg-contact { line-height: 2.5; text-align: center; }
.lg-contact em { padding: 0 6px; }
.lg-file { position: relative; line-height: 42px; margin-top: 20px; }
.lg-file input[type="text"] { padding-left: 14px; width: 335px; }
.lg-file input[type="text"]:disabled { background-color: transparent; }
.lg-file input[type="file"] { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 44px; border: none; outline: none; padding: 0; filter: alpha(opacity:0); opacity: 0; }
.lg-file .btn-upload { position: absolute; top: 5px; right: 4px; width: 108px; height: 36px; color: #fff; font-size: 14px; text-align: center; line-height: 36px; border-radius: 5px; background-color: #d2332f; }

/*******************************************************
*  详情页
*******************************************************/
.detail-msg { margin-bottom: 36px; position: relative; }
#tsShopContainer li, #tsShopContainer img { vertical-align: top; }
#tsShopContainer { width: 418px; position: relative; border: 1px solid #dddddd; font-size: 12px; }
#tsShopContainer #tsImgS { text-align: center; width: 100%; position: relative; height: 418px; }
#tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; cursor: crosshair; }
#tsShopContainer #tsImgS img { border: 0px; }
.MagicZoomBigImageCont { border: 1px solid #dddddd; background: #FFF; }
.MagicZoomBigImageCont img { width: 840px; height: 840px; }
.MagicZoomMain { text-align: center !important; width: 92px; }
.MagicZoomMain div { padding: 0px !important; }
.MagicZoomHeader { font: 10px Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #91b817; text-align: center !important; }
.MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }
.MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ }
.MagicZoomLoading img { padding-top: 3px !important; }
.show-pic { width: 420px; float: left; position: relative; }
.zoom-scroll { width: 420px; height: 60px; position: relative; margin-top: 10px; }
.zoom-scroll .bun { position: absolute; top: 50%; width: 28px; height: 58px; color: #999; font-size: 24px; font-weight: bold; font-family: Simsun; line-height: 58px; text-align: center; border: 1px solid #e8e8e8; margin-top: -30px; }
.zoom-scroll .bun.lbun { left: 0px; background-position: 0px 0px; }
.zoom-scroll .bun.lbun:hover { background-position: 0px -60px; }
.zoom-scroll .bun.rbun { right: 0px; background-position: -30px 0px; }
.zoom-scroll .bun.disabled { color: #efefef; border-color: #efefef; }
.zoom-scroll .bun.rbun:hover { background-position: -30px -60px; }
.zoom-scroll .scrollpic { width: 336px; height: 60px; overflow: hidden; position: relative; margin-left: 42px; }
.zoom-scroll ul { width: 500%; position: absolute; left: 0px; top: 0px; }
.zoom-scroll ul li { width: 84px; height: 60px; text-align: center; float: left; }
.zoom-scroll ul li .pic { width: 58px; height: 58px; padding: 1px; background: #dddddd; margin: 0 auto; display: block; overflow: hidden; font-size: 0px; line-height: 0px; }
.zoom-scroll ul li .pic img { width: 58px; height: 58px; }
.zoom-scroll ul li .pic.active { width: 58px; height: 58px; padding: 1px; background: #ee0048; }
.show-info { float: left; width: 510px; position: relative; margin-left: 30px; }
.show-info .show-name { color: #3a3a3a; font-size: 17px; font-weight: bold; line-height: 2; margin-bottom: 6px; }
.show-info .show-list { color: #666; padding: 8px 0; font-size: 12px; line-height: 30px; }
.show-info .show-list dt { color: #999; width: 80px; }
.show-info .show-list dd { overflow: hidden; margin-left: 84px; white-space: nowrap; text-overflow: ellipsis; }
.show-info .show-list .address { float: left; height: 16px; border: 1px solid #dcdcdc; padding: 6px 10px; position: relative; line-height: 16px; border-radius: 2px; padding-right: 28px; margin-right: 12px; }
.show-info .show-list .icon-down { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; background-position: -188px 0; }
.show-info .show-list .numbox { width: 60px; height: 28px; border: 1px solid #dcdcdc; padding: 0 28px; position: relative; line-height: 28px; }
.show-info .numbox .btn-format { position: absolute; top: 0; width: 28px; height: 28px; color: #666; font-size: 20px; font-family: Simsun; border: none; outline: none; padding: 0; cursor: pointer; background-color: transparent; }
.show-info .numbox .btn-minus { left: 0; }
.show-info .numbox .btn-sum { right: 0; }
.show-info .numbox input { width: 100%; height: 100%; padding: 0; outline: none; border: 1px solid #dcdcdc; border-width: 0 1px; text-align: center; vertical-align: top; background-color: transparent; }
.show-info .show-list .stock { font-size: 13px; margin-left: 20px; }
.show-info .show-list .mode { height: 28px; margin: 0 4px; cursor: pointer; padding: 0 12px; line-height: 28px; border: 1px solid #dcdcdc; }
.show-info .show-list .mode.active, .show-info .show-list .mode:hover { color: #d2332f; border-color: #d2332f; }
.show-info .show-handle { margin-top: 24px; }
.show-info .show-handle .btn { width: 120px; height: 42px; font-size: 18px; line-height: 42px; }
.show-info .show-handle .btn-pay { margin: 0 10px; background-color: #f8e1e0 }
.show-buy { position: relative; float: right; width: 200px; height: 490px; padding-left: 40px; }
.show-buy:after { position: absolute; content: ""; left: 0px; top: 30px; width: 1px; height: 430px; background: #f2f2f2; }
.show-buy .name { position: relative; z-index: 1; color: #3a3a3a; font-size: 16px; text-align: center; margin: 5px 8px; }
.show-buy .name em { position: relative; z-index: 2; display: block; width: 90px; margin: 0 auto; background-color: #fff; }
.show-buy .name .line { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #999; }
.show-buy .tips { color: #aaa; font-size: 12px; text-align: center; line-height: 1.8; margin-bottom: 10px; }
.show-buy .list { margin: 0 5px; background-color: #fff; }
.show-buy .item { padding: 15px 0; }
.show-buy .item + .item { border-top: 1px dashed  #f2f2f2; }
.show-buy .thumb { width: 100px; height: 100px; margin: 0 auto; }
.show-buy .desc { font-size: 15px; font-weight: bold; height: 26px; line-height: 26px; margin: 6px 15px 0; }
.show-buy .desc em { color: #aaa; font-size: 12px; font-weight: normal; padding-left: 8px; text-decoration: line-through; }
.show-buy .btn-change { display: block; color: #666; font-size: 14px; font-weight: normal; line-height: 22px; text-align: center; margin-top: 12px; padding: 6px 0; background-color: #f2f2f2; }
.show-buy .icon-change { width: 16px; height: 16px; margin: 3px 6px 0 0; vertical-align: -4px; background-position: -95px -110px; }
.dtl-recmd { float: left; width: 256px; }
.dtl-recmd-name { padding: 4px 10px; color: #3a3a3a; font-size: 18px; line-height: 32px; margin-bottom: 12px; background-color: #f2f2f2; border: 1px solid #e8e8e8; }
.dtl-recmd-name .icon-fire { float: left; width: 24px; height: 24px; margin: 4px 5px; background-position: -36px -24px; }
.dtl-recmd-row { border: 1px solid #e8e8e8; }
.dtl-recmd-col { width: 204px; margin: 0 15px; padding: 30px 10px; border-top: 1px solid #e8e8e8; background-color: transparent; }
.dtl-recmd-col:first-child { border-width: 0; }
.dtl-recmd-col .name { font-size: 17px; line-height: 32px; margin-bottom: 6px; }
.dtl-recmd-col .desc { font-size: 16px; }
.detail-commd { float: right; width: 900px; }
.detail-tab-hd { height: 40px; background-color: #f2f2f2; border: 1px solid #e8e8e8; }
.detail-tab { height: 100%; line-height: 40px; }
.detail-tab li { }
.dute-headline { height: 380px; padding: 10px; background-color: #fff; }
.dute-slider { float: left; width: 760px; height: 100%; }
.slider-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.slider-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slider-item:first-child { display: block; }
.dute-hotposts { float: right; width: 400px; height: 100%; }
.dute-hotposts .dute-tab { width: 100%; height: 42px; line-height: 42px; text-align: center; margin-bottom: 12px; background-color: #f2f2f2; }
.dute-hotposts .dute-tab-item { float: left; width: 50%; height: 100%; color: #666; font-size: 15px; cursor: pointer; }
.dute-hotposts .dute-tab-item.active { color: #fff; background-color: #d2332f; }
.dute-tabcon { padding: 10px 0; }
.dute-tabcon .dute-list { padding-left: 30px; background: url(../images/ranking.png) no-repeat left top; }
.dute-tabcon .dute-item { height: 35px; line-height: 35px; position: relative; padding-right: 108px; }
.dute-tabcon .dute-item .time { position: absolute; top: 0; right: 0; color: #999; }
.dute-menu { padding: 0 10px; overflow: hidden; margin-bottom: 48px; background-color: #fff; }
.dute-menu .dute-title { font-size: 18px; padding: 10px 0; line-height: 30px; border-bottom: 1px solid #f4f4f4; }
.dute-menu .dute-title .icon { float: left; width: 20px; height: 20px; margin: 5px 8px 5px 0; background-position: -321px 0; }
.dute-menu .dute-item { float: left; width: 234px; height: 179px; padding: 30px; border: 1px solid #f2f2f2; border-width: 0 1px 1px 0; }
.dute-menu .dute-item.rline { border-width: 0 0 1px 0; }
.dute-menu .imgbox { width: 90px; height: 90px; margin: 0 auto; }
.dute-menu .imgbox img { -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.dute-menu .imgbox:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.dute-menu .dute-name { margin: 12px 0 8px; font-size: 16px; text-align: center; line-height: 2; }
.dute-menu .dute-desc { font-size: 13px; line-height: 2; }
.pact { position: fixed; z-index: 2000; top: 0; left: 50%; width: 800px; height: 80%; background-color: #fff; margin-left: -400px; margin-top: 10%; border-radius: 5px; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.25); box-shadow: 0 0 15px rgba(255, 255, 255, 0.25); }
.pact.active { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.pact-container { width: 100%; height: 100%; overflow: auto; padding-right: 20px; }
.pact .textbox { line-height: 1.8; padding: 30px 50px 40px; }
.pact .textbox h2 { color: #3a3a3a; font-size: 18px; text-align: center; margin-bottom: 16px; }
.pact .textbox p { font-size: 14px; text-indent: 2em; }
.pact .textbox .btn { display: block; width: 120px; height: 40px; line-height: 40px; margin: 16px auto; }
.pact .close { position: absolute; top: 0; right: 0; width: 48px; height: 32px; color: #888; font-size: 14px; line-height: 32px; text-align: center; }

/***********  论坛主题 forumDetail.html  ***********/
.forum-content { float: left; width: 880px; }
.forum-intro { padding: 20px; margin-bottom: 20px; background-color: #fff; }
.forum-intro .forum-info { height: 90px; position: relative; margin-bottom: 10px; }
.forum-intro .imgbox { float: left; width: 90px; height: 100%; }
.forum-intro .textbox { height: 100%; margin-left: 110px; padding-right: 100px; }
.forum-intro .forum-name { font-size: 18px; line-height: 2; margin-bottom: 4px; }
.forum-intro .forum-msg { height: 12px; padding: 6px 0; font-size: 12px; line-height: 1; }
.forum-intro .forum-msg span { float: left; }
.forum-intro .forum-msg span + span { border-left: 2px solid #dbdbdb; margin-left: 16px; padding-left: 16px; }
.forum-intro .link { position: absolute; top: 8px; right: 0; width: 80px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; text-align: center; background-color: #d2332f; }
.forum-intro .forum-desc { color: #666; height: 48px; font-size: 13px; line-height: 24px; overflow: hidden; }
.forum-tips { }
.forum-list { margin-bottom: 40px; background-color: #fff; }
.forum-list .item { padding: 20px; border-bottom: 2px solid #f2f2f2; }
.forum-list .thumb { float: left; width: 200px; height: 140px; overflow: hidden; }
.forum-list .thumb img { width: auto; height: 100%; -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; }
.forum-list .thumb:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.forum-list .textbox { margin-left: 224px; }
.forum-list .name { height: 32px; font-size: 16px; font-weight: bold; line-height: 32px; }
.forum-list .pdinfo { height: 24px; font-size: 12px; line-height: 24px; margin-top: 4px; }
.forum-list .pdinfo span + span { margin-left: 24px; }
.forum-list .desc { height: 48px; overflow: hidden; font-size: 13px; margin-top: 4px; line-height: 24px; }
.forum-list .action { height: 18px; font-size: 12px; text-align: right; margin-top: 10px; line-height: 18px; }
.forum-list .icon { float: left; width: 18px; height: 18px; margin: 3px; }
.forum-list .action .icon { margin: 1px 2px 1px 12px; }
.forum-list .icon-tm { background-position: -213px 0; }
.forum-list .icon-ps { background-position: -231px 0; }
.forum-list .icon-rd { background-position: -249px 0; }
.forum-list .icon-co { background-position: -267px 0; }
.forum-list .icon-re { background-position: -285px 0; }
.forum-list .icon-gd { background-position: -303px 0; }
.forum-list .pgnumber-wrapper { padding: 36px 0 48px; }
.forum-aside { float: right; width: 300px; }
.forum-aside .btn-create { width: 278px; height: 48px; font-size: 16px; line-height: 48px; margin-bottom: 20px; border-radius: 0; }
.forum-aside .icon-pd { width: 24px; height: 24px; margin: 12px; background-position: -348px 0; vertical-align: top; }
.forum-recmd { margin-bottom: 20px; background-color: #fff; }
.forum-recmd .title { height: 48px; padding: 0 15px; font-size: 18px; line-height: 48px; }
.forum-recmd .sorts { padding: 20px 15px 10px; border-top: 1px solid #e8e8e8; }
.forum-recmd .sorts a { float: left; color: #666; border: 1px solid #999; margin: 0 5px 10px; padding: 6px 8px; line-height: 1.2; -webkit-border-radius: 2px; border-radius: 2px; }
.forum-recmd .list { color: #666; font-size: 14px; padding: 10px 15px; border-top: 1px solid #e8e8e8; line-height: 40px; }
.forum-recmd .list .item { position: relative; padding-left: 16px; }
.forum-recmd .list .item:after { content: ""; position: absolute; top: 19px; left: 0; width: 4px; height: 4px; background-color: #666; }
.forum-recmd .list .item a { display: block; border-top: 1px dashed #e8e8e8; }
.forum-recmd .list .item:first-child a { border-width: 0; }
.article { color: #666; padding: 20px 40px 30px; font-size: 14px; line-height: 26px; margin-bottom: 48px; background-color: #fff; }
.article h2 { color: #3a3a3a; margin: 10px 0; font-size: 24px; text-align: center; }
.article p { margin-bottom: 10px; }
.article img { margin: 15px 0; display: block; max-width: 100%; }

/*.publish {
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding-top: 10px;
    margin-bottom: 36px;
}
*/
.sidebar { float: left; width: 254px; border: 1px solid #e8e8e8; margin-bottom: 48px; background-color: #fff; }
.sidename { height: 28px; color: #3a3a3a; font-size: 15px; font-weight: bold; line-height: 28px; text-align: center; padding: 10px 15px; border-bottom: 1px solid #e8e8e8; background-color: #f8f8f8; }
.sidenav { padding: 10px 40px; font-size: 14px; line-height: 42px; }
.sidenav-item:after { content: ">"; float: left; color: #666; font-size: 12px; font-family: Simsun; margin-right: 16px; }
.content { float: right; width: 920px; margin-bottom: 48px; background-color: #fff; }
.user-tabnav { height: 48px; line-height: 48px; background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8; }
.user-tabnav-item { float: left; padding: 0 10px; font-size: 16px; }
.user-tabcon { padding: 20px; }
.user-form { padding: 50px; }
.user-input { height: 36px; line-height: 36px; margin-bottom: 16px; }
.user-input label { float: left; width: 96px; color: #3a3a3a; font-size: 14px; text-align: right; margin-right: 16px; }
.user-input input { width: 320px; height: 34px; border: none; outline: none; padding: 0; line-height: 34px; }
.menu { margin-left: 0; }
.m-menu { height: 35px; background: #d2332f; }
.m-home { width: 128px; padding: 10px 10px 9px; height: 40px; margin: 5px 0 -10px -10px; background: url(../images/myuser-bg.png) no-repeat center top; float: left; line-height: 40px; }
.m-home a { height: 35px; display: block; text-align: center; font-size: 16px; color: #FFF; }
.m-nav { float: left; height: 35px; margin-left: 20px; }
.m-nav .item { float: left; margin-right: 20px; }
.m-nav .item a { display: block; height: 35px; line-height: 35px; padding: 0 25px; color: #FFF; font-size: 14px; transition: all 0.6s; }
.m-nav .active a, .m-nav .item a:hover { background: #d2332f; }
.back-home { height: 35px; line-height: 35px; display: block; float: right; color: #FFF; font-size: 14px; }
.back-home:hover { color: #eee; }
.user-left { width: 100px; padding: 5px 13px; background: #FFF; border: #e5e5e9 1px solid; float: left; margin-top: 30px; }
.user-nav .item { border-bottom: 1px dotted #e5e5e9; }
.user-nav .item:last-child { border: none; }
.user-nav .tit { height: 16px; padding-left: 20px; cursor: pointer; font-weight: bolder; line-height: 16px; margin: 15px 0; font-size: 14px; color: #333; position: relative; }
.user-nav .tit i { width: 3px; height: 14px; display: block; position: absolute; left: 5px; top: 50%; margin-top: -7px; background: #d2332f; }
.user-nav .level2 li { height: 16px; line-height: 16px; padding-left: 20px; margin-bottom: 10px; position: relative; }
.user-nav .level2 li a { height: 16px; display: block; }
.user-nav .level2 .active a { color: #d2332f; }
.m-tips { position: absolute; z-index: 10; padding: 5px 10px; border: #d6d6d6 1px solid; word-break: break-all; background: #fff; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); }
.m-tips.active { display: block !important; }
.m-tips.arrow-top:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d6d6d6; position: absolute; left: 50%; margin-left: -6px; top: -7px; z-index: 1; }
.m-tips.arrow-top:before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #fff; position: absolute; left: 50%; margin-left: -5px; top: -6px; z-index: 2; }
.user-right { width: 1050px; float: right; margin-top: 30px; margin-bottom: 48px; min-height: 480px; }
.border { border: #e5e5e9 1px solid; background: #FFF; }
.mt20 { margin-top: 20px !important; }
.plrb20 { padding: 20px !important; }

/* 用户中心 */
.user-info { padding: 30px; height: 100px; }
.user-info .content { width: 430px; float: left; height: 100%; margin-bottom: 0; }
.user-info .avatar { float: left; width: 92px; height: 92px; padding: 4px; background: #FFF; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; -webkit-box-shadow: 0px 0px 2px #d3d4d8; -moz-box-shadow: 0px 0px 2px #d3d4d8; -o-box-shadow: 0px 0px 2px #d3d4d8; box-shadow: 0px 0px 2px #d3d4d8; }
.user-info .avatar img { width: 100%; height: 100%; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; }
.user-info .name { height: 30px; font-size: 14px; line-height: 30px; margin-top: 20px; margin-left: 108px; }
.user-info .greet { height: 30px; color: #999; font-size: 14px; line-height: 30px; margin-left: 108px; }
.user-info .name strong { font: 700 18px/24px 'Microsoft Yahei', Arial; color: #000; margin-right: 8px; }
.user-count { float: right; width: 440px; margin: 10px 0; }
.user-count .item { float: left; width: 200px; height: 40px; color: #666; font-size: 13px; line-height: 40px; padding-left: 20px; }
.user-count b { font-size: 14px; display: inline-block; }
.user-count .btn { height: 20px; padding: 0 5px; line-height: 20px; font-size: 12px; display: inline-block; margin-left: 7px; }
.user-count-col6 .item { width: 146px; font-size: 12px; }
.user-count-col6 b { font-size: 14px; }
.user-info .information { height: 30px; }
.user-info .bt { height: 30px; line-height: 30px; float: left; font-size: 14px; display: block; }
.user-info .schedule { width: 90px; height: 12px; background: #d3d4d8; margin-top: 9px; position: relative; float: left; }
.user-info .schedule span { height: 12px; display: block; background: #f09412; }
.user-info .schedule em { position: absolute; line-height: 12px; height: 12px; color: #FFF; left: 10px; top: 0; font-weight: bold; }
.user-info .link { height: 20px; line-height: 20px; display: block; float: left; margin: 5px 0 0 20px; }
.user-info .level { float: left; line-height: 30px; font-size: 14px; }
.user-info .low { color: #EF0001; }
.user-info .medium { color: #f09412; }
.user-info .high { color: #2ec225; }
.user-info .label { height: 30px; float: left; position: relative; margin-left: 15px; }
.user-info .label .m-icon { width: 16px; height: 16px; display: block; margin-top: 7px; }
.user-info .label .icon-alert { background-position: 0 0; }
.user-info .label .icon-phone { width: 11px; background-position: -30px 0; }
.user-info .label .icon-phone.active { width: 11px; background-position: -60px 0; }
.user-info .label .icon-certification { background-position: -90px 0; }
.user-info .label .icon-certification.active { background-position: -120px 0; }
.user-info .label .icon-mima { width: 12px; background-position: -150px 0; }
.user-info .label .icon-mima.active { width: 12px; background-position: -180px 0; }
.user-info .label .m-tips-alert { width: 144px; top: 30px; left: 50%; margin-left: -82px; }
.user-info .label .m-tips { top: 30px; left: 50%; display: none; }
.user-info .label .m-tips-layer { width: 48px; margin-left: -35px; }
.user-msg { width: 390px; height: 100px; float: left; border-left: #e5e5e9 1px solid; padding-left: 40px; }
.user-msg h2 { font-size: 14px; color: #333; font-weight: bold; height: 30px; line-height: 30px; }
.user-msg-list li { height: 34px; line-height: 34px; border-bottom: #e5e5e9 1px solid; padding-left: 15px; position: relative; }
.user-msg-list li:before { width: 3px; height: 3px; display: block; position: absolute; left: 5px; top: 50%; margin-top: -2px; background: #d2332f; content: ''; }
.user-msg-list .date { width: 55px; float: right; color: #999; text-align: right; }
.user-msg-list a { float: left; display: block; width: 300px; height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ur-title { background: #f8f8f8; height: 46px; border-bottom: #e5e5e9 1px solid; padding: 0 24px; }
.ur-title-nav .tab { float: left; height: 46px; margin-right: 20px; }
.ur-title-nav a { height: 46px; display: block; padding: 0 10px; color: #151519; line-height: 46px; font-size: 15px; }
.ur-title-nav .active a { height: 44px; border-bottom: #d2332f 3px solid; color: #d2332f; }
.p24 { padding: 24px; }
.ur-myorder-bt { font-size: 14px; color: #333; line-height: 1; text-align: center; font-weight: bold; }
.ur-myorder-bt td { padding: 0 10px; }
.carttable { background: #e5e5e9; border-bottom: none; margin-top: 10px; }
.carttable tr td { padding: 10px; line-height: 22px; text-align: center; background: #FFF; }
.carttable .info td { padding: 0px 10px; height: 40px; line-height: 40px; background: #fafafa; color: #999; }
.c-goods { height: 80px; padding-left: 90px; position: relative; }
.c-goods-pic { width: 80px; height: 80px; display: block; left: 0; top: 0; }
.c-goods-pic img { width: 80px; height: 80px; }
.c-goods-name { font-size: 14px; height: 40px; line-height: 20px; overflow: hidden; }
.ubtn { min-width: 48px; height: 24px; line-height: 24px; font-size: 12px; margin: 2px 0; }
.c-tax-rate { height: 20px; line-height: 20px; color: #999; cursor: pointer; float: left; position: relative; margin-top: 20px; }
.carttable .vtext { font-size: 14px; float: right; padding-left: 20px; line-height: 28px; }
.carttable .title td { height: 40px; line-height: 40px; padding: 0; background: #fafafa; font-size: 14px; font-weight: bold; color: #333; }
.carttable .avatar { width: 64px; height: 64px; -webkit-border-radius: 5px; border-radius: 5px; }
.carttable .logo { width: 100px; height: 50px; }
.team-count { padding: 10px 20px; font-size: 14px; line-height: 24px; background: #f5f5f9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.ddxq-msg { background: #fcfdfc; border: #f3f4f8 1px solid; margin-top: 20px; padding: 20px; }
.ddxq-msg .pic { float: left; line-height: 0px; font-size: 0px; margin-top: 6px; }
.ddxq-msg .text { float: left; padding-left: 15px; line-height: 2; }
.ddxq-msg .text .btn { height: 34px; line-height: 32px; padding: 0 20px; margin-right: 20px; display: inline-block; vertical-align: middle; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.ddxq-msg .pt10 { padding-top: 10px; }
.ddxq-msg .ewms { float: right; }
.ddxq-msg .ewms .pics { float: left; padding: 5px; background: #FFF; border: #dfdfdf 1px solid; font-size: 0px; line-height: 0px; }
.ddxq-msg .ewms .pics img { width: 80px; height: 80px; }
.ddxq-msg .ewms .texts { float: left; padding-left: 20px; font-size: 14px; color: #333; padding-top: 20px; }
.ddxq-box { border: #eee 1px solid; background: #FFF; margin-top: 20px; }
.ddxq-box .title { height: 40px; border-bottom: #eee 1px solid; line-height: 40px; padding: 0 20px; font-size: 14px; color: #333; font-weight: bold; }
.ddxq-box .text { padding: 15px 20px; line-height: 2; font-size: 14px; }
.wlxx-list { padding: 35px 40px; margin: 20px; background: #f5f5f5; color: #333; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.wlxx-list dd { padding: 5px 0 5px 118px; line-height: 20px; overflow: hidden; }
.wlxx-list .item1 { padding-left: 0px; border-top: #dfdfdf 1px solid; padding-top: 10px; margin-top: 5px; }
.wlxx-list .date { width: 80px; height: 20px; display: block; float: left; color: #333; font-weight: bold; font-family: Arial; }
.wlxx-list .week { width: 38px; height: 20px; display: block; float: left; color: #333; font-weight: bold; }
.wlxx-list .time { width: 80px; height: 20px; display: block; float: left; color: #333; font-family: Arial; }
.wlxx-list .texts { width: 500px; height: auto; margin-right: 10px; display: block; float: left; }
.bindBank { width: 315px; height: 185px; display: block; border: #e3e4e8 1px dashed; cursor: pointer; margin: 60px auto 0; color: #c3c4c8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.bindBank:hover { border-color: #d2332f; }
.bindBank .icon-add { width: 42px; height: 42px; display: block; margin: 60px auto 0; background-position: -558px 0; }
.bindBank:hover .icon-add { background-position: -558px -60px; }
.bindBank p { text-align: center; height: 20px; line-height: 20px; margin-top: 10px; font-size: 16px; }
.mybank-list { width: 1035px; }
.mybank-list .item { width: 308px; border: #d3d4d8 1px solid; float: left; margin: 30px 35px 0 0; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.mybank-list .title { height: 24px; line-height: 24px; padding: 12px 15px; background: #f3f4f8; border-bottom: #d3d4d8 1px solid; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.mybank-list .title img { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
.mybank-list .title .tags { height: 20px; line-height: 20px; background: #d2332f; padding: 0 5px; display: inline-block; color: #FFF; margin-left: 8px; position: relative; }
.mybank-list .title .tags:before { content: ''; width: 0; height: 0; display: block; position: absolute; left: -5px; top: 50%; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #d2332f; }
.mybank-list .text-box { padding: 15px; height: 48px; line-height: 24px; color: #666; font-size: 13px; }
.mybank-list .opn { height: 21px; line-height: 20px; padding: 6px 15px; background: #f3f4f8; text-align: right; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.mybank-list .opn .ch { padding: 0 5px; }
.bank-list { width: 700px; }
.bank-list li { width: 33.33%; float: left; margin-top: 30px; height: 40px; }
.bank-list li input { float: left; margin-top: 14px; }
.bank-list li span { width: 120px; margin-left: 10px; border: #d3d4d8 1px solid; padding: 2px 20px; float: left; }
.u-form .unit { font-size: 14px; display: block; height: 20px; line-height: 20px; position: absolute; right: 10px; top: 50%; margin-top: -10px; color: #999; }
.u-form .text { padding: 8px 0; line-height: 24px; font-size: 14px; color: #222; }
.u-form .it-yzm { width: 148px; float: left; }
.u-form .yzm-img { width: 120px; height: 34px; border: #d3d4d8 1px solid; display: block; float: left; margin-left: 10px; }
.u-form .yzm-img img { width: 120px; height: 34px; }
.plist { width: 1020px; margin-top: -20px; }
.plist .item { float: left; width: 205px; padding: 14px; background: #FFF; position: relative; margin: 20px 20px 0 0; border: #f5f5f9 1px solid; }
.plist .item .imgbox { position: relative; }
.plist .imgbox:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; opacity: 0; visibility: hidden; content: ''; background: rgba(255, 255, 255, 0.25); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.plist .item:hover .imgbox:after { opacity: 1; visibility: visible; }
.plist .name { height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; }
.plist .price-box { height: 24px; line-height: 24px; margin-top: 10px; }
.plist .opn { height: 30px; text-align: center; margin-top: 10px; }
.plist .opn .btn { height: 28px; border-radius: 0; padding: 0 12px; min-width: 36px; }
.items-brand .item { width: 199px; float: left; margin: -1px 0 0 -1px; border: #f5f5f9 1px solid; }
.items-brand .tap { display: block; padding: 20px; background: #FFF; position: relative; }
.items-brand img { width: 158px; height: 79px; }
.items-brand .name { height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; text-align: center; display: block; margin-top: 10px; }
.items-brand .btn { width: 60px; margin: 10px auto 0; display: block; height: 28px; border-radius: 0; font-size: 12px; }
.faq-list .item { border-bottom: #e5e5e9 1px dashed; padding: 20px; overflow: hidden; }
.faq-list .name { line-height: 18px; color: #333; font-size: 14px; padding-left: 10px; border-left: #d2332f 3px solid; }
.faq-list .text-box { position: relative; padding: 20px 30px; background: #f9f9f9; border: #e5e5e9 1px solid; margin-top: 20px; line-height: 24px; color: #333; }
.faq-list .text-box:after { width: 0; height: 0; content: ''; position: absolute; left: 30px; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e5e5e9; z-index: 1; }
.faq-list .text-box:before { width: 0; height: 0; content: ''; position: absolute; left: 31px; top: -9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #f9f9f9; z-index: 2; }
.faq-list .date { color: #999; }
.coupon-list { width: 1035px; margin-top: -20px; }
.coupon-list .item { width: 308px; height: 200px; background: #fff4f1; border: #e6ddda 1px solid; position: relative; float: left; margin: 35px 35px 0 0; }
.coupon-list .hd { height: 40px; padding: 12px 0; border-bottom: #d9d0cd 1px dotted; }
.coupon-list .num { height: 40px; line-height: 40px; font-size: 16px; color: #d2332f; float: left; display: block; margin-left: 25px; }
.coupon-list .num b { font-size: 24px; }
.coupon-list .condition { height: 40px; line-height: 20px; float: left; margin-left: 20px; }
.coupon-list .text { padding: 12px 25px; line-height: 22px; }
.coupon-list .btn { width: 100px; margin: 0 auto; height: 28px; line-height: 28px; display: block; }
.coupon-list .item:before { content: ''; width: 11px; height: 21px; background: #FFF; border: #e6ddda 1px solid; border-left: #fff 1px solid; border-radius: 0 19px 19px 0; position: absolute; left: -1px; top: 53px; }
.coupon-list .item:after { content: ''; width: 11px; height: 21px; background: #FFF; border: #e6ddda 1px solid; border-right: #fff 1px solid; border-radius: 19px 0 0 19px; position: absolute; right: -1px; top: 53px; }
.coupon-list .fail { background: #f2f2f2; color: #999; }
.coupon-list .fail .num { color: #999; }
.coupon-list .fail .black { color: #999; }
.evaluation { border: #e5e5e9 1px solid; padding-bottom: 50px; }
.evaluation-tit { height: 44px; line-height: 44px; border-bottom: #e5e5e9 1px solid; background: #f5f5f5; overflow: hidden; }
.evaluation-tit h2 { height: 18px; line-height: 18px; padding-left: 10px; border-left: #d01c22 4px solid; margin: 13px 0 0 20px; font-size: 15px; color: #333; }
.evaluation-item { padding: 50px 0 50px 50px; border-bottom: #e5e5e9 1px dashed; }
.evaluationImg { width: 120px; padding: 4px; border: #e5e5e9 1px solid; float: left; border-radius: 5px; }
.evaluationImg img { width: 100%; }
.evaluation-form { width: 600px; float: left; margin-left: 50px; }
.evaluation-txt { width: 580px; height: 110px; padding: 9px; font-size: 14px; color: #333; resize: none; display: block; border: #d3d4d8 1px solid; border-radius: 5px; }
.evaluation-level { margin-top: 10px; color: #666; }
.evaluation-level label { margin-right: 30px; height: 24px; line-height: 24px; }
.evaluation-level input { display: inline-block; vertical-align: middle; }
.evaluation-scoring { padding: 50px 0 0 50px }
.evaluation-scoring .tits { height: 48px; line-height: 48px; width: 130px; background: #f5f5f5; font-size: 14px; float: left; text-align: center; color: #999; font-weight: bold; }
.evaluation-scoring .score { float: left; width: 215px; margin-left: 50px; }
.evaluation-scoring .score-item { height: 30px; position: relative; border-bottom: #eee 1px solid; padding: 5px 0; }
.evaluation-scoring .score-item .bt { line-height: 30px; float: left; width: 65px; }
.evaluation-scoring .score-opn { float: left; width: 150px; height: 30px; }
.evaluation-scoring .score-opn .tab { width: 30px; height: 30px; float: left; background: url(../images/score.png) no-repeat 0 0; }
.evaluation-scoring .score-opn .tab-1 { background-position: 0px -30px; }
.evaluation-scoring .score-opn .tab-2 { background-position: 0px -60px; }
.evaluation-scoring .score-opn .tab-3 { background-position: 0px -90px; }
.evaluation-scoring .score-opn .tab a { width: 24px; height: 24px; display: block; margin: 3px; }
.evaluation-scoring .score-tips { width: 62px; height: 18px; line-height: 16px; font-size: 12px; text-align: center; color: #999; border: #9aa0ac 1px solid; background: #FFF; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; right: -75px; top: 50%; margin-top: -9px; display: none; }
.evaluation-scoring .score-tips.active { display: block; }
.evaluation-scoring .score-tips:after { content: ''; width: 0; height: 0; display: block; position: absolute; left: -6px; top: 50%; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #9aa0ac; z-index: 1; }
.evaluation-scoring .score-tips:before { content: ''; width: 0; height: 0; display: block; position: absolute; left: -5px; top: 50%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 5px solid #ffffff; z-index: 2; }
.evaluation-scoring .score-tips-2 { border-color: #fab54d; background: #fff6e9; color: #fab54d; }
.evaluation-scoring .score-tips-3 { border-color: #d2332f; background: #fbe9e9; color: #d2332f; }
.evaluation-scoring .score-tips-2:after { border-right-color: #fab54d; }
.evaluation-scoring .score-tips-3:after { border-right-color: #d2332f; }
.evaluation-scoring .score-tips-2:before { border-right-color: #fff6e9; }
.evaluation-scoring .score-tips-3:before { border-right-color: #fbe9e9; }
.evaluation-send { padding: 50px 0 0 230px; }
.evaluation-send .btn { width: 150px; height: 40px; font-size: 16px; display: block; }
.team-ewm { width: 220px; margin: 0 auto; border: #e5e5e9 1px solid; float: left; margin: 40px 0 0 110px; }
.team-ewm img { width: 220px; height: 220px; }
.team-ewm  p { text-align: center; padding: 0 15px 15px; font-size: 18px; }
.team-link { width: 500px; float: left; margin: 40px 0 0 60px; font-size: 14px; line-height: 2; }
.team-link .bg { background: #f5f5f9; color: #d2332f; padding: 10px 20px; line-height: 24px; font-size: 14px; margin: 10px 0 0 -20px; display: inline-block; -webkit-border-radius: 30px; border-radius: 30px; }
.team-link .btn { margin-right: 20px; width: 180px; height: 49px; line-height: 48px; padding: 0; }
.team-link .btn img { display: inline-block; vertical-align: middle; margin: -4px 10px 0 0; }
.team-dsp { line-height: 24px; font-size: 12px; color: #999; margin: 50px 110px; padding-top: 20px; border-top: #e5e5e9 1px dotted; }
.ur-title .opn { float: right; margin-top: 8px; }
.ur-title .opn .btn { display: block; float: left; margin-left: 10px; }
.faq-list .item { position: relative; }
.faq-list .check { position: absolute; right: 0; top: 24px; }
.u-form { font-size: 14px; padding: 20px; color: #333; }
.u-form li { margin-top: 15px; line-height: 36px; }
.u-form .tips { margin-top: 10px; height: 16px; line-height: 16px; font-size: 12px; color: #d30830; }
.u-form .tips img { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
.u-form .name { width: 140px; text-align: right; margin-right: 10px; font-size: 12px; line-height: 36px; float: left; font-weight: bold; }
.u-form .input-box { float: left; position: relative; }
.u-form .input-txt { width: 280px; }
.u-form .input-tra { height: 48px; line-height: 16px; }
.u-form .input-txt.areacode { width: 80px; font-size: 12px; }
.u-form .input-txt.telephone { width: 120px; font-size: 12px; }
.u-form .input-txt.ext { width: 100px; font-size: 12px; }
.u-form .label { margin-right: 20px; }
.u-form .select { height: 40px; margin-right: 10px; padding: 0 10px; }
.u-form .opn { margin: 0 0 0 150px; }
.u-form .opn .btn { width: 120px; height: 36px; line-height: 34px; font-size: 15px; border-radius: 2px; }
.u-form .pic { width: 150px; height: 150px; padding: 4px; border: #e5e5e5 1px solid; font-size: 0px; line-height: 0px; position: relative; cursor: pointer; float: left; }
.u-form .pic img { width: 150px; height: 150px; }
.u-form .getyzm { width: 120px; height: 34px; line-height: 34px; padding: 0; }
.u-avatar { width: 150px; height: 150px; padding: 4px; border: #E5E5E5 1px solid; }
.u-avatar img { width: 100%; }
.plrb20 { padding: 0 20px 20px; }
.carttable.thsp td { padding: 15px 12px; }
.carttable.thsp .title td { padding: 0 12px; }
.scpz-btn { width: 150px; height: 36px; border: none; font-size: 14px; color: #333; cursor: pointer; }
.posts { background: #FFF; padding: 20px; }
.posts .tit { height: 24px; line-height: 24px; font-size: 18px; color: #333; }
.posts .tit .icon-fabu { width: 18px; height: 18px; display: inline-block; vertical-align: middle; background-position: -120px -40px; margin: -2px 8px 0 0; }
.posts-input { height: 100px; position: relative; margin-top: 15px; }
.posts-input .num { position: absolute; bottom: 5px; right: 25px; font-size: 14px; color: #999; font-weight: normal; font-family: "Georgia"; }
.posts-tra { width: 780px; height: 80px; padding: 9px; border: #d3d4d8 1px solid; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
.posts-opn { height: 36px; margin: 10px 0px 0; position: relative; }
.posts .item { display: block; height: 36px; line-height: 36px; float: left; margin-right: 20px; color: #999; font-size: 14px; }
.posts i { width: 16px; height: 16px; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; margin: -2px 4px 0 0; }
.posts .icon-face { background-position: 0px -70px; }
.posts .icon-imgs { background-position: -30px -70px; }
.posts .icon-annex { background-position: -330px -70px; }
.posts .item:hover .icon-face { background-position: 0px -100px; }
.posts .item:hover .icon-imgs { background-position: -30px -100px; }
.posts .item:hover .icon-annex { background-position: -330px -100px; }
.posts-btn { width: 90px; height: 36px; padding: 0; line-height: 1; display: block; float: right; font-size: 16px; }
.annex-list { border: #e3e4e8 1px solid; border-bottom: none; margin-top: 10px; display: none; }
.annex-list li { line-height: 20px; padding: 10px; border-bottom: #e3e4e8 1px solid; cursor: pointer; font-size: 14px; }
.annex-list li:hover { background: #f3f4f8; }
.annex-list .icon-close { width: 15px; height: 15px; display: block; float: right; margin: 2px 0 0 0; background-position: -90px -70px; }
.annex-list .icon-close:hover { background-position: -90px -100px; }
.posts-layer { padding: 10px; border: #e3e4e8 1px solid; position: absolute; z-index: 1099; background: #FFF; display: none; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); }
.posts-layer .tit { height: 24px; line-height: 24px; font-size: 14px; color: #666; position: relative; }
.posts-layer .icon-arrow { width: 16px; height: 8px; display: block; position: absolute; left: 10px; top: -8px; background-position: -150px -40px; }
.posts-layer .close-btn { width: 12px; height: 12px; padding: 6px; display: block; position: absolute; right: -6px; top: 0px; }
.posts-layer .icon-close { width: 12px; height: 12px; display: block; background-position: -60px -70px; }
.posts-layer .close-btn:hover .icon-close { background-position: -60px -100px; }
.face-layer { width: 280px; }
.face-list { margin-top: 10px; }
.face-list li { width: 24px; height: 24px; padding: 5px; border: #e3e4e8 1px solid; float: left; margin: -1px 0 0 -1px; cursor: pointer; }
.face-list li img { width: 24px; }
.upimg-layer { width: 420px; }
.upimg-list { width: 425px; margin-top: 5px; margin-right: -5px; }
.upimg-list .item { width: 80px; height: 80px; float: left; margin: 5px 5px 0 0; position: relative; }
.upimg-list .item img { width: 80px; height: 80px; }
.upimg-list .del { width: 100%; height: 20px; line-height: 20px; text-align: center; position: absolute; left: 0; bottom: 0; color: #FFF; text-align: center; background: #000; background: rgba(0, 0, 0, 0.75); cursor: pointer; }
.upimg-btn { width: 80px; height: 80px; display: block; cursor: pointer; background: url(../images/upimg.png) no-repeat center top; border: none; }
.st-menu { height: 46px; background: #FFF; margin-top: 20px; position: relative; }
.st-menu ul { height: 46px; }
.st-menu ul li { float: left; width: 20%; }
.st-menu ul li a { text-align: center; height: 46px; line-height: 46px; margin: 0 20px; display: block; font-size: 14px; color: #111; }
.st-menu .line { width: 20%; height: 2px; background: #0a90e2; position: absolute; left: 0; bottom: 0; z-index: 2; }
.st-menu .active a { color: #0a90e2; }
.posts-box { padding: 0 20px 20px; background: #FFF; margin-top: 20px; }
.posts-item { border-bottom: #f3f4f8 1px solid; padding: 20px 0; }
.posts-item .avatar { width: 60px; height: 60px; display: block; float: left; }
.posts-item .avatar img { width: 60px; height: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; }
.posts-item .content { float: right; width: 700px; }
.posts-item .hd { height: 30px; line-height: 30px; }
.posts-item .hd-name { font-size: 14px; color: #111; float: left; }
.posts-item .hd-name .lv { margin-left: 10px; }
.posts-item .hd .floor { float: right; color: #0a90e2; }
.posts-item .hd-report { float: right; color: #333; }
.posts-item .text-box { line-height: 25px; font-size: 14px; color: #333; margin-top: 5px; }
.posts-item .text-box img { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 0.5em; }
.posts-img { width: 315px; margin-top: 5px; }
.posts-img img { width: 200px; cursor: pointer; }
.posts-img li { width: 100px; height: 100px; float: left; margin: 5px 5px 0 0; cursor: pointer; }
.posts-img li img { width: 100px; height: 100px; }
.posts-item .info { height: 30px; line-height: 30px; margin-top: 10px; color: #888; position: relative; }
.posts-item .info .line { margin: 0 10px; }
.posts-item .info .tab { color: #888; }
.posts-item .info .tab.active, .posts-box .info .tab:hover { color: #0a90e2; }
.posts-item .info .tab .icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; margin: 0px 5px 0 0; }
.posts-item .icon-zan { background-position: -180px -40px; }
.posts-item .active .icon-zan { background-position: -210px -40px; }
.posts-item .icon-reply { background-position: -360px -40px; }
.posts-item .split-line { margin: 10px 0 0 -80px; height: 1px; background: #F5F5F5; border-bottom: 1px solid #fafafa; border-top: 1px solid #e3e4e8; padding: 0; overflow: visible; position: relative; display: none; }
.posts-item .split-line .icon-arrow { width: 16px; height: 8px; background-position: -150px -40px; display: block; position: absolute; left: 0; bottom: 1px; margin-left: 80px; }
.posts-item .reply-box { display: none; }
.posts-item .reply-box .posts { padding: 0; margin-top: 20px; }
.posts-item .reply-box .posts .input-txt { width: 560px; }
.posts-item .reply-box .posts .tips { height: 26px; float: right; line-height: 26px; margin-right: 20px; color: #333; }
.posts-item .reply-box .posts .tips .num { font-family: "Georgia"; }
.posts-item .reply-box .posts-opn { height: 26px; margin-top: 5px; }
.posts-item .reply-box .posts .item { height: 26px; line-height: 26px; }
.posts-item .reply-box .posts .posts-btn { height: 26px; width: 66px; font-size: 12px; }
.posts-item .reply-list { border-top: #e3e4e8 1px solid; margin-top: 20px; }
.posts-item .reply-list .item { padding: 10px 0; border-bottom: #e3e4e8 1px solid; }
.posts-item .reply-list .avatar { width: 24px; height: 24px; display: block; float: left; }
.posts-item .reply-list .avatar img { width: 24px; height: 24px; }
.posts-item .reply-list .text { width: 546px; float: left; margin-left: 10px; line-height: 24px; color: #333; font-size: 12px; color: #888; }
.posts-item .share-list { width: 180px; float: right; margin-top: 20px; display: none; }
.posts-item .share-list li { float: left; width: 60px; }
.posts-item .share-list li a { display: block; color: #888; }
.posts-item .share-list li a:hover { color: #0a90e2; }
.posts-item .share-list li i { width: 36px; height: 36px; display: block; margin: 0 auto; }
.posts-item .share-list li p { text-align: center; line-height: 20px; margin-top: 10px; }
.posts-item .share-list .icon-weibo { background-position: 0px -130px; }
.posts-item .share-list .icon-weixin { background-position: -50px -130px; }
.posts-item .share-list .icon-qzone { background-position: -100px -130px; }
.posts-item .share-list a:hover .icon-weibo { background-position: 0px -180px; }
.posts-item .share-list a:hover .icon-weixin { background-position: -50px -180px; }
.posts-item .share-list a:hover .icon-qzone { background-position: -100px -180px; }
.posts-opns { height: 36px; padding: 20px 0; border-bottom: #e3e4e8 1px solid; }
.posts-opns .btns { height: 34px; line-height: 34px; padding: 0 12px; border: #8e8e8e 1px solid; display: block; float: left; font-size: 14px; margin-right: 10px; color: #8e8e8e; }
.posts-opns .btns:hover { border-color: #0a90e2; color: #0a90e2; }
.posts-opns .btns .icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; margin: 0 8px 0 0; }
.posts-opns .btns .icon-reply { background-position: -360px -40px; }
.posts-opns .btns .icon-fvo { background-position: -390px -40px; }
.posts-opns .btns .icon-zan { background-position: -180px -40px; }
.posts-opns .active .icon-zan { background-position: -210px -40px; }
.posts-opns .active .icon-fvo { background-position: -420px -40px; }
.posts-share { float: right; }
.posts-share .names { float: left; height: 36px; line-height: 36px; font-size: 14px; }
.posts-share .icon { width: 36px; height: 36px; display: block; float: left; margin-left: 10px; }
.posts-share .icon-weibo { background-position: 0px -130px; }
.posts-share .icon-weixin { background-position: -50px -130px; }
.posts-share .icon-qzone { background-position: -100px -130px; }
.posts-share .icon-weibo:hover { background-position: 0px -180px; }
.posts-share .icon-weixin:hover { background-position: -50px -180px; }
.posts-share .icon-qzone:hover { background-position: -100px -180px; }
.posts-show .posts { padding: 0; }
.posts-show .posts-box { padding: 0 0 20px; }
.posts-zan { padding: 10px 0 15px; border-bottom: #e3e4e8 1px solid; }
.posts-zan-tit { height: 24px; line-height: 24px; font-size: 14px; color: #999; }
.posts-zan-list li { width: 36px; float: left; margin: 5px 5px 0 0; }
.posts-zan-list .avatar { width: 100%; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; }
.publish { padding: 15px 15px 15px; background: #FFF; margin-bottom: 48px; border: #e3e4e8 1px solid; }
.publish-tit { height: 20px; line-height: 20px; padding: 15px 0; border-bottom: #e3e4e8 1px solid; }
.publish-tit .name { height: 20px; float: left; font-size: 20px; color: #111; border-left: #0a90e2 5px solid; padding-left: 10px; }
.publish-form { margin-top: 20px; }
.publish-form .item { margin-top: 20px; }
.publish-form .name { width: 100px; float: left; height: 40px; line-height: 40px; font-size: 14px; color: #111; padding-right: 20px; text-align: right; }
.publish-form .input-box { width: 758px; float: left; }
.publish-form .input-txt { padding: 9px; width: 620px; }
.publish-form .input-tra { height: 300px; }
.publish-form .file { margin-top: 10px; }
.publish-form .opn { padding-left: 120px; }
.publish-form .btn { width: 120px; height: 40px; font-size: 18px; display: block; margin-right: 20px; float: left; padding: 0; }
.slt-group { width: 620px; border: #e3e4e8 1px solid; height: 38px; padding: 0 9px; display: block; font-size: 14px; color: #333; line-height: 38px; position: relative; }
.slt-group .icon-arrow { width: 14px; height: 9px; display: block; position: absolute; right: 9px; top: 50%; margin-top: -4.5px; background-position: -180px -70px; }
.slt-group .icon-arrow.active { background-position: -180px -100px; }
.slt-group-list { padding: 0 0 9px 9px; border: #e3e4e8 1px solid; border-top: none; width: 629px; display: none; }
.slt-group-list .tab { height: 22px; padding: 0 9px; line-height: 22px; border: #e3e4e8 1px solid; float: left; margin: 10px 10px 0 0; cursor: pointer; }
.show-box { width: 920px; float: right; }
.show-title { width: 918px; height: 40px; background: #f6f6f6; border: #e3e4e8 1px solid; }
.show-title.active { position: fixed; z-index: 100; right: 50%; top: 0; margin-right: -545px; }
.show-title .s-t-nav { margin-left: -1px; float: left; }
.show-title .s-t-nav .tab { height: 40px; padding: 0 50px; display: block; line-height: 40px; font-size: 18px; font-weight: bold; color: #333; float: left; cursor: pointer; position: relative; }
.show-title .s-t-nav .tab:after { width: 100%; height: 4px; background: #d2332f; display: none; position: absolute; left: 0; top: -1px; content: ''; }
.show-title .s-t-nav .active:after { display: block; }
.show-title .s-t-nav .active { height: 41px; border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; background: #FFF; color: #d2332f; }
.mobile-buy { width: 108px; padding-left: 20px; height: 40px; float: right; position: relative; cursor: pointer; font-size: 13px; line-height: 40px; }
.mobile-buy .icon-ewm { width: 28px; height: 16px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -8px; background-position: -96px -75px; }
.mobile-buy .ewm-box { width: 130px; border: #e3e4e8 1px solid; padding: 9px; background: #FFF; position: absolute; left: -8px; top: 40px; visibility: hidden; filter: alpha(opacity=0); opacity: 0; -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; }
.mobile-buy .ewm-box .icon-arrow { width: 16px; height: 8px; display: block; position: absolute; left: 50%; margin-left: -8px; top: -8px; visibility: hidden; filter: alpha(opacity=0); opacity: 0; background-position: -96px -94px; -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; }
.mobile-buy:hover .ewm-box { visibility: visible; opacity: 1; }
.mobile-buy:hover .ewm-box .icon-arrow { visibility: visible; opacity: 1; }
.show-cnt { padding: 29px 34px; border: #e3e4e8 1px solid; border-top: none; }
.show-cnt-text { line-height: 2; font-size: 14px; color: #666; }
.show-cnt-text img { max-width: 100%; margin: 0 auto; }
.show-cnt-table { border-bottom: #e3e4e8 1px solid; margin-bottom: 20px; padding-bottom: 20px; color: #666; font-size: 13px; line-height: 28px; }
.related-bt { margin-top: 20px; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; color: #333; }
.related-bt .small { padding-left: 10px; color: #999; font-size: 12px; }
.change-btn { height: 24px; line-height: 22px; position: relative; padding-left: 22px; font-size: 14px; display: block; color: #999; font-weight: normal; }
.change-btn .icon-huan { width: 16px; height: 16px; display: block; position: absolute; left: 0; top: 50%; margin-top: -8px; background-position: -90px 0px; }
.related-bt .change-btn { float: right; margin-top: 3px; }
.star { width: 80px; height: 11px; background-position: -60px -280px; }
.star div { width: 60%; height: 11px; background-position: -140px -280px; }
.Review-form .input-txt { width: 830px; height: 60px; padding: 9px; line-height: 20px; }
.Review-form-opn { margin-top: 10px; }
.Review-up-btn { width: 48px; height: 48px; cursor: pointer; float: left; background-position: -39px -75px; }
.Review-up-btn input { width: 100%; height: 100%; filter: alpha(opacity:0); opacity: 0; background: transparent; }
.Review-up-img { float: left; }
.Review-up-img li { height: 44px; padding: 2px; float: left; margin-left: 10px; background: #eee; }
.Review-up-img img { height: 100%; }
.Review-up-num { height: 48px; line-height: 48px; float: left; font-size: 14px; margin-left: 10px; }
.Review-btn { width: 120px; height: 48px; display: block; float: right; font-size: 18px; float: right; border: none; }
.Review-list-box { border: #e3e4e8 1px solid; padding-bottom: 20px; margin-top: 20px; }
.Review-list-box .mini-page { margin-right: 20px; }
.Review-list .item { padding: 24px 0; margin: 0 19px; border-bottom: #e5e5e5 1px solid; }
.Review-list .avatar { width: 60px; height: 60px; display: block; float: left; }
.Review-list .avatar img { width: 100%; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
.r-l-cnt { width: 680px; float: left; margin-left: 20px; }
.r-l-info { line-height: 30px; font-size: 14px; }
.r-l-info .star { margin: 10px auto 0; float: right; }
.r-l-text { font-size: 14px; line-height: 1.8; }
.r-l-img { margin-top: 10px; }
.r-l-img li { float: left; margin-right: 10px; }
.r-l-img a { padding: 1px; background: #eee; display: block; width: 100px; }
.r-l-img img { width: 100%; }
.rating-level { margin-top: 10px; font-size: 14px; color: #333; }
.rating-level label { margin-right: 30px; }
.Review-level { width: 808px; height: 48px; padding: 0px 20px; background: #f6f6f6; border: #e5e5e5 1px solid; line-height: 48px; font-size: 14px; color: #333; margin: -1px -1px 0; }
.Review-level label { margin-right: 30px; }
.rating { border: #ddd 1px solid; margin-top: 20px; padding-bottom: 20px; }
.rating-title { width: 760px; height: 44px; line-height: 44px; padding: 0 20px; background: #d2332f; color: #FFF; font-size: 18px; margin: -1px -1px 0; }
.rating-left { float: left; height: 80px; border-right: #d9d9d9 1px dotted; width: 170px; text-align: center; margin-top: 20px; line-height: 1.65; }
.rating-left .star { margin: 5px auto; }
.rating-sign { padding: 20px 0 20px 20px; width: 580px; float: left; }
.rating-sign li { height: 22px; float: left; margin: 5px; }
.rating-sign li a { padding: 0 8px; height: 20px; line-height: 20px; border: #ffd7dd 1px solid; display: block; color: #b10000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.rating-sign .n2 a { border-color: #d3f4e4; color: #409280; }

/*app下载开始*/
.appdown { width: 100%; height: 480px; background: #cb003d; margin-bottom: -30px; float: left; }
.appdown-phone { float: left; margin: 50px 0 0 120px; }
.appdown-opn { width: 500px; float: right; }
.appdown-opn .appdown-ads { margin-top: 100px; }
.appdown-btn-box { width: 180px; height: 116px; float: left; margin-top: 40px; }
.appdown-btn { width: 136px; padding-left: 44px; font-size: 16px; height: 50px; line-height: 50px; display: block; background: #ff598f; position: relative; background: rgba(255, 255, 255, 0.3); color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.appdown-btn img { width: 24px; height: 24px; display: block; position: absolute; left: 10px; top: 50%; margin-top: -12px; }
.appdown-btn:hover { background: rgba(255, 255, 255, 0.5); color: #FFF; }
.appdown-btn.n2 { margin-top: 16px; }
.appdown-ewm { width: 96px; height: 96px; padding: 10px; background: #FFF; margin-left: 14px; float: left; margin-top: 40px; }

/*app下载结束*/
.order-title { margin-top: 20px; font-size: 18px; height: 24px; line-height: 24px; font-weight: bold; color: #333; }
.addr-list { width: 1125px; margin-right: -35px; }
.addr-list li { width: 300px; height: 120px; padding: 19px; border: #eee 1px solid; margin: 20px 35px 0 0; float: left; cursor: pointer; position: relative; }
.addr-list .title { padding-bottom: 9px; line-height: 20px; border-bottom: #eee 1px solid; overflow: hidden; }
.addr-list .title .name { font-size: 14px; font-weight: bold; float: left; }
.addr-list .title .default { float: right; }
.addr-list .ok { display: none; }
.addr-list .set { display: none; }
.addr-list .set:hover { border-bottom: #ee0048 1px solid; }
.addr-list .text-box { margin-top: 8px; color: #333; line-height: 22px; height: 66px; }
.addr-list .opn { height: 20px; line-height: 20px; padding-top: 5px; display: none; }
.addr-list .ico-yes { width: 28px; height: 28px; display: none; position: absolute; right: 0px; bottom: 0px; background-position: -120px -350px; }
.icon { background-image: url(../images/icon.png); background-repeat: no-repeat; }
.addr-list .current { background: #f7f7f7; }
.addr-list .current .opn { display: block; }
.addr-list .current .set { display: inline; }
.addr-list .current .ok { display: none; }
.addr-list .active { padding: 17px; border: #ee0048 3px solid; }
.addr-list .active .ico-yes { display: block; }
.addr-list .active .set { display: none; }
.addr-list .active .ok { display: inline; }
.addNewAddr { margin-top: 15px; font-size: 14px; color: #ee0048; }
.addNewAddr a:hover { border-bottom: #ee0048 1px solid; }
.addr-form{padding:30px 0 40px; color:#333;}
.addr-form li{ margin-top:10px; line-height:36px;}
.addr-form .name{width:110px; text-align:right; margin-right:12px;  line-height:36px; float:left; font-weight:bold;}
.addr-form .input-box{ float:left;}
.addr-form .input-txt{ width:320px; font-size:12px;}
.addr-form .input-tra{ height:48px; line-height:16px;}
.addr-form .input-txt.areacode{ width:60px;}
.addr-form .input-txt.telephone{ width:110px;}
.addr-form .input-txt.ext{ width:80px;}
.addr-form .tips{ margin-top:10px; height:16px; line-height:16px; font-size:12px; color:#e31436;}
.addr-form .tips img{ display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}
.addr-form .select{ height:40px; margin-right:5px; padding-left:10px;}
.addrsave-btn{ width:150px; height:40px; line-height:36px; font-size:18px; display:block; float:left; cursor:pointer; margin-left:120px;}
.addr-form .dsp {line-height: 1; font-size: 12px; margin-left: 120px;}
.set-default{ float:left; padding-left:20px; font-size:12px; line-height:40px;}

.order-box { border: #efefef 1px solid; background: #FFF; padding: 0 20px 20px; margin-top: 20px; }
.order-box .title { height: 48px; border-bottom: #efefef 1px solid; font-size: 16px; padding-left: 10px; line-height: 46px; color: #333; }
.order-box .zffs { margin-top: 20px; }
.order-box .zffs li { padding: 10px 20px; height: auto; overflow: hidden; line-height: 30px; font-size: 14px; cursor: pointer; color: #80849e; }
.order-box .zffs li .img { display: inline-block; vertical-align: middle; }
.order-box .zffs li dl dd { float: left; }
.order-box .zffs li dl dd.n1 { width: 150px; }
.order-box .zffs li dl dd.n2 { width: 500px; }
.order-box .zffs li dl dd.n3 { width: 150px; text-align: center; }
.order-box .zffs li dl dd.n4 { width: 100px; text-align: center; }
.order-box .zffs li dl dd.n5 { width: 600px; line-height: 24px; font-size: 12px; }
.order-box .zffs li label { display: inline-block; vertical-align: middle; margin-right: 40px; margin-top: -2px; cursor: pointer; color: #333; }
.order-box .zffs li label input { margin-right: 15px; }
.order-box .zffs li.active { padding: 9px 19px; border: #ffcfe7 1px solid; background: #FFF8FB; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.payment-method { margin: 10px 0 0 70px; }
.payment-method li { float: left; margin-right: 30px; hanging-punctuation: 40px; line-height: 40px; margin-top: 10px; }
.payment-method .radiobox { float: left; height: 13px; margin-right: 10px; line-height: 0; padding-top: 13px; }
.payment-method .pay-type { width: 138px; height: 40px; float: left; background: url(../images/pay.png) no-repeat; }
.payment-method .zfb { background-position: 0 0; }
.payment-method .wxzf { background-position: 0 -50px; }
.payment-method .wyzf { background-position: 0 -100px; }
.payment-method .text { float: left; line-height: 40px; font-size: 14px; }
.order-box .ddxq { font-size: 14px; padding: 0 10px; }
.order-box .ddxq li { border-bottom: #dfdfdf 1px dashed; padding: 20px 0; overflow: hidden; }
.order-box .ddxq li .name { width: 100px; display: block; float: left; }
.order-box .ddxq li dl { width: 900px; float: left; }
.order-box .ddxq li dl dd { height: auto; margin-bottom: 20px; overflow: hidden; }
.order-box .ddxq li dl dd .pic { width: 96px; height: 96px; float: left; font-size: 0px; line-height: 0px; margin-right: 20px; display: block; padding: 1px; border: #ddd 1px solid; }
.order-box .ddxq li dl dd .pic img { width: 96px; height: 96px; }
.order-box .ddxq li dl dd .texts { float: left; width: 760px; line-height: 1.8; }
.order-box .text-box { font-size: 14px; line-height: 1.8; margin-top: 15px; padding: 0 10px; color: #80849e; }
.order-pay { font-size: 14px; color: #333; margin-top: 20px; clear: both; text-align: right; padding: 20px; background: #f9f9f9; border: #f0f0f0 1px solid; line-height: 50px; }
.order-pay .use-yhq { float: left; color: #999; }
.order-pay .use-yhq input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.order-pay .btn { width: 180px; height: 48px; line-height: 48px; font-size: 24px; padding: 0px; margin-left: 20px; }
.submit-order-btn { width: 180px; height: 48px; line-height: 48px; font-size: 24px; padding: 0px; margin-left: 20px; display: inline-block; border-radius: 0; }
.pay-msg { border: #ffdbe1 1px solid; background: #fffcfd; padding: 50px; overflow: hidden; }
.pay-msg .pic { float: left; margin-right: 20px; margin-top: 10px; }
.pay-msg .info-text { padding: 20px; line-height: 2; color: #666; text-align: center; font-size: 14px; }
.pay-msg .info-text .btn { height: 36px; line-height: 36px; font-size: 14px; margin: 20px 10px 0; padding: 0 20px; }
.pay-msg .text-box { line-height: 40px; font-size: 14px; color: #80849e; float: left; }
.carttable { border: #e3e4e8 1px solid; border-bottom: none; margin-top: 10px; }
.carttable tr td { padding: 20px 0px; line-height: 20px; text-align: center; border-bottom: #e3e4e8 1px solid; }
.carttable .active td { background: #fffbf0; }
.carttable .title td { height: 44px; line-height: 44px; padding: 0; background: #fafafa; font-size: 14px; font-weight: bold; color: #333; }
.carttable .pl20 { padding-left: 20px; }
.carttable .vtext { font-size: 14px; float: right; padding-left: 20px; line-height: 28px; }
.carttable .count td { background: #fafafa; padding: 10px 20px; }
.carttable tr td.bright { border-right: #f3f4f8 1px solid; }
.carttable.plr10 tr td { padding: 15px 10px; }
.carttable.plr10 tr.title td { padding: 0 10px; }
.carttable tr.info td { padding: 0px 0px; height: 44px; line-height: 44px; background: #f5f5f5; border-bottom: #e8e8e8 1px solid; color: #333; font-weight: bold; }
.carttable tr td.plr10 { padding: 0 10px; }
.tips-box { padding: 10px; width: 280px; border: #d3d4d8 1px solid; background: #FFF; position: absolute; line-height: 1.8; display: none; color: #333 !important; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); }
.tips-box .icon-arrow { width: 16px !important; height: 8px !important; background-position: -240px 0px !important; display: block; position: absolute; left: 30px; top: -8px; }

/* shopping cart */
.cart-ware { height: 24px; line-height: 24px; margin-top: 20px; font-size: 18px; font-weight: bold; color: #333; }
.cart-ware .input-box { width: 50px; float: left; text-align: center; }
.cart-ware .u-chk { margin-top: -3px; }
.cart-title { margin-top: 20px; }
.cart-title td { text-align: center; height: 28px; line-height: 18px; text-align: center; }
.c-amount { width: 120px; margin: 0 auto; }
.c-amount .a-num { width: 52px; }
.carttable { border: #e3e4e8 1px solid; border-bottom: none; margin-top: 10px; }
.carttable tr td { padding: 20px 0px; line-height: 20px; text-align: center; border-bottom: #e3e4e8 1px solid; }
.carttable .active td { background: #fffbf0; }
.c-goods-pic { width: 80px; height: 80px; display: block; }
.c-goods-name { font-size: 14px; height: 40px; line-height: 20px; overflow: hidden; }
.c-d-rate { margin: 3px 0 0; width: 54px; text-align: center; padding: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.c-tax-rate { height: 26px; line-height: 20px; color: #999; margin-right: 15px; cursor: pointer; float: left; position: relative; }
.c-tax-rate .icon-arrow-d { width: 9px; height: 5px; display: inline-block; vertical-align: middle; margin: -1px 0 0 3px; background-position: -520px 0px; }
.c-tax-rate .tips-box { top: 24px; font-size: 12px; }
.c-unit { font-size: 14px; color: #333; font-weight: bold; }
.c-price { font-size: 14px; color: #333; font-weight: bold; }
.carttable .t-count td { color: #333; line-height: 20px; padding: 10px 20px; }
.t-count-item { display: inline-block; *display: inline; zoom: 1; margin-right: 20px; font-size: 12px; position: relative; }
.c-tomyFvo { cursor: pointer; line-height: 24px; }
.c-tomyFvo:hover { text-decoration: underline; }
.c-del { font-size: 18px; font-family: "宋体"; font-weight: bold; color: #ccc; }
.c-del:hover { color: #ee0048; }
.limit-tips { width: 330px; border: #ee0048 1px solid; background: #FFF6D7; display: block; font-size: 14px; font-weight: bold; left: inherit; right: 0; top: 24px; padding: 5px 10px; line-height: 20px; display: none; }
.limit-tips .icon-arrow { background-position: 0px -220px !important; left: inherit; right: 10px; }
.limit-tips .icon-help { width: 16px; height: 16px; display: inline-block; vertical-align: middle; *display: inline; zoom: 1; margin: -2px 0 0 5px; background-position: 0px -240px; cursor: pointer; }
#regulations .icon-arrow { left: 360px; }
.c-kh60 { height: 60px; margin-top: 30px; }
.total-box { width: 1198px; height: 58px; border: #e3e4e8 1px solid; color: #333; background: #f3f4f8; position: fixed; left: 50%; bottom: 0; margin-left: -600px; z-index: 99; }
.total-box.active { position: relative; left: 0; margin-left: 0; margin-top: -60px; }
.total-box .opn { float: left; padding: 9px 0 9px 19px; line-height: 40px; }
.total-box .u-chk { margin-right: 10px; }
.T-count { float: right; text-align: right; line-height: 22px; padding: 7px 150px 7px 0; }
.total-box .gobuy { width: 120px; height: 60px; display: block; text-align: center; line-height: 60px; font-size: 18px; background: #ee0048; color: #FFF; cursor: pointer; position: absolute; right: -1px; top: -1px; }
.total-box .gobuy:hover { background: #cb003d; }
.total-box .z-disable, .total-box .z-disable:hover { background: #CCC; color: #FFF; cursor: not-allowed; }
.total-box .num { font-size: 18px; font-weight: bold; color: #ee0048; }
.right-bar { width: 35px; height: 100%; background: #000; position: fixed; z-index: 1001; right: 0; top: 0; }
.right-bar-tab { position: absolute; left: 0; width: 35px; height: 35px; display: block; cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
.right-bar-tab:hover { background-color: #ee0048; }
.rb-icon { background-image: url(../images/rb-icon.png); background-repeat: no-repeat; }
.rb-icon-back { background-position: 0 0; bottom: 0; }
.rb-icon-qrcode { background-position: -40px 0px; bottom: 35px; }
.rb-icon-user { background-position: -80px 0px; top: 135px; }
.rb-car { line-height: 16px; display: block; height: 118px; border-bottom: #444 1px solid; border-top: #444 1px solid; top: 170px; color: #FFF; text-align: center; padding: 10px 0; }
.rb-car:hover { color: #FFF; }
.rb-car .name { height: 50px; display: block; }
.rb-icon-car { background-position: -120px 0px; width: 35px; height: 35px; display: block; }
.rb-icon-carnum { background-position: -160px 0px; width: 20px; height: 20px; line-height: 20px; margin: 3px auto 0; display: block; font-size: 14px; }
.rb-icon-atten { background-position: 0px -40px; top: 320px; }
.rb-icon-fvo { background-position: -40px -40px; top: 365px; }
.rb-icon-zuji { background-position: -80px -40px; top: 410px; }
.rb-icon-zxkf { background-position: -120px -40px; top: 455px; }
.right-bar-tip { width: 90px; height: 35px; line-height: 35px; background: #494949; position: absolute; left: -130px; top: 0; text-align: center; color: #FFF; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; transition: all 0.3s ease-in-out 0.05s; }
.right-bar-tip:after { width: 0; height: 0; display: block; content: ''; font-size: 0; position: absolute; right: -7px; top: 50%; margin-top: -7px; border-top: 7px solid transparent; border-left: 7px solid #494949; border-bottom: 7px solid transparent; }
.right-bar-tab:hover .right-bar-tip { left: -90px; visibility: visible; opacity: 1; }
.right-bar-ewm { width: 100px; height: 100px; padding: 10px; background: #fff; position: absolute; left: -120px; bottom: 0; display: none; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); }
.right-bar-tab:hover .right-bar-ewm { display: block; }
.right-bar-ewm:after { width: 0; height: 0; display: block; content: ''; font-size: 0; position: absolute; right: -7px; bottom: 10px; border-top: 7px solid transparent; border-left: 7px solid #fff; border-bottom: 7px solid transparent; }
.right-bar-user { width: 280px; height: 60px; padding: 20px; background: #fff; position: absolute; left: -320px; top: 0; display: none; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); }
.right-bar-tab:hover .right-bar-user { display: block; }
.right-bar-user:after { width: 0; height: 0; display: block; content: ''; font-size: 0; position: absolute; right: -7px; top: 10px; border-top: 7px solid transparent; border-left: 7px solid #fff; border-bottom: 7px solid transparent; }
.rbu-avatar { width: 60px; height: 60px; float: left; }
.rbu-avatar img { width: 60px; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; }
.rbu-info { width: 210px; float: right; line-height: 30px; }
.rbu-info .line { width: 1px; height: 12px; display: inline-block; vertical-align: middle; margin: 0 10px; background: #e3e4e8; }
.amount{ border:#ddd 1px solid; height:28px; width:120px;}
.amount a{width:28px; height:28px; display:block;}
.amount .Reduce{border-right:#ddd 1px solid; float:left; background-position:-39px -134px;}
.amount .Increase{border-left:#ddd 1px solid; float:right; background-position:-79px -134px;}
.amount .a-num{ width:52px; height:18px; line-height:18px; padding:5px 5px; float:left;border:none; background:#fff; float:left; text-align:center; font-size:14px; color:#333;}

/* 增加*/
.ur-filter {
    height: 36px;
    margin: 20px 24px 10px;
}

.ur-filter-item {
    float: left;
    height: 36px;
}

.ur-filter-item input[type="text"] {
    width: 188px;
    height: 24px;
    padding: 5px 10px;
    line-height: 24px;
    margin-right: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
}

.ur-filter-item input[type="button"] {
    width: 80px;
    height: 36px;
}

/*20180201 增加 */

.city-picker-selector { margin-top: 20px; }
.city-picker-selector .selector-item { width: 114px; height: auto; border: none; margin-left: 9px; }
.city-picker-selector .selector-item:after { top: 50%; margin-top: -3px; z-index: 1; }
.city-picker-selector .selector-item a { width: 102px; color: #3a3a3a; font-size: 15px; line-height: 22px; border: 1px solid #dcdcdc; outline: none; padding: 10px 5px; border-radius: 5px; position: relative; z-index: -webkit-b; ox-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.05); }