@charset "utf-8";
/* CSS Document 
*
* @description: 页面结构布局样式
*
* @build by zhangru 2017-1-16
*
*/
.homebg{background:url("/Public/respackage/images/package/homebg.png") 0 0 no-repeat;}
.iconbg{background:url("/Public/respackage/images/package/iconbg.png") 0 0 no-repeat;}
.micro-blog.iconbg{width:17px;height:14px;display: inline-block;background-position: -29px -110px;vertical-align: -2px;margin-left: 2px;}
.em-color{color: #ff2443;font-style: normal;}
.em-color-href:hover{color: #e41f3c;}
.emNum{color: #ff2443;font-style: normal;text-align: center;line-height: 21px;}
.top-dropdown.empty-arrow{width:16px;height:16px;background-position: 0 -106px;display: inline-block;margin: 8px 0 0 8px;}
.top-item-icon{width:14px;height: 14px;margin-right: 5px;margin-top: 11px;}
.top-item-icon.balance{background-position: 0 -23px;}
.top-item-icon.media{background-position: 0 -44px;}
.top-item-icon.app-down{background-position: 0 -65px;margin-top: 9px;}
.top-item-icon.help{background-position: 0 -89px;margin-top: 13px;}
/* 顶部快捷方式 */
.top-shortcut{width:100%;height:31px;background-color: #f1f1f1;border-bottom: 1px #e6e6e6 solid;color: #747474;font-size: 14px;line-height: 31px;}
.inner-w{width:1200px;height:auto;margin: 0 auto;}
.top-tags{width:auto;}
.top-tags .top-tagitem,.top-navs .top-navitem{margin-right: 22px;color: #9c9c9c;}
.top-navitem.r-m-0{margin-right: 0;}
a.top-navitem:link,a.top-navitem:visited{}
a.top-navitem:hover,a.top-navitem:active{color: #ff2443;}
.app-download,.top-navitem.top-navitem-user{position: relative;cursor: hand;cursor: pointer;}
.top-navitem.top-navitem-user{width:173px;}
.top-navitem-user .top-user-account{text-indent: 15px;}
.top-navitem-user .user-name{width:82px;}


/* 个人中心 */
.mobile-wrap{width:260px;height:90px;background-color: #fff;border: 1px #ececec solid;padding: 20px;}
.mobile-wrap .mobile-btns {overflow: hidden;}
.mobile-wrap .mobile-btns .mobile-link{text-align: center;}
.mobile-wrap .mobile-qr{width:90px;height: 90px;float: left;margin-right: 15px;}
.mobile-wrap .mobile-btns .mobile-tlt {display: block;font-size: 14px;line-height: 16px;}
.mobile-wrap .mobile-btns .mobile-link {display: block;height: 25px;line-height: 25px;background: #178fe6;color: #fff !important;border-radius: 2px;padding: 0px 10px;margin-top: 10px;font-size: 12px;}
.mobile-wrap .mobile-btns .icon-fonts{font-size: 16px;position: relative;top: 3px;margin-right: 4px;display: inline;} 

.top-user-center{position: absolute;width:262px;height: 130px;border:1px #ececec solid;border-top: none;background-color: #fff;box-shadow: 0px 0px 5px #f5f5f5;padding: 30px 0 0 36px;}
.top-user-head{width:52px;height:52px;border:1px #e8e8e8 solid;border-radius: 50%;background-color: #f6f6f6;padding: 6px;margin-right: 20px;}
.top-user-mess{font-size: 14px;line-height: 20px;color: #646464;}
.top-user-nick{font-size: 16px;line-height: 16px;color: #303030;padding-bottom: 6px;}
.top-user-handle{margin-top: 23px;}
.top-user-center .radius-btn{display: inline-block;line-height: 24px;height: 24px;text-align: center;}
.top-user-center .radius-btn.yellowbtn-bg{height: 20px;line-height: 20px;}
.top-user-center .yellowbtn-bg{width:36px;}
.top-user-center .redbtn-bg{width:144px;margin-right: 35px;}
.top-user-center .graybtn-bg{width:46px;}

.top-navitem .pop-up{position: absolute;left:-1px;top:31px;}
.top-navitem .pop-up{-webkit-transition: none;-moz-transition: none;transition: none;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: 90% 0;-moz-transform-origin: 90% 0;-ms-transform-origin: 90% 0;transform-origin: 90% 0;visibility: hidden;right: 14px; top: 100%;background: #fff;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);}
.top-navitem-user:hover .pop-up,.top-navitem-user.stay .pop-up,.app-download:hover .pop-up,.app-download.stay .pop-up{visibility: visible;opacity: 1;z-index: 100;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-moz-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);}
.top-navitem.app-download .top-navitem-app:hover{color: #ff3e59;}
 .top-navitem-user:hover{background-color: #fff;color: #ff3e59;}
 .top-navitem-user:hover .user-main{color: #ff2443;}
 .top-navitem-user:hover .top-dropdown{display: none;}
/* 头部搜索部分 */
.head-search{height:85px;padding: 22px 0 15px;background-color: #fff;}
/* 头部搜索部分-logo */
.logo-tlt{height:85px;background: url("/Public/respackage/images/package/logo.png") 0 17px no-repeat;background-size: 127px 49px;}
.logo-tlttip{padding-left: 145px;}
.logo-tlth1{font-size: 18px;line-height: 18px;padding:20px 0 10px;color: #303030;}
.logo-tlth2{font-size: 14px;line-height: 14px;color: #747474;}

/* 头部搜索部分 -search*/
.account-search-box{margin-top: 17px;}
.account-search{width:581px;height:34px;line-height: 34px;border:2px #ff2443 solid;position: relative;}
.account-search .search-ipt:focus,.account-search .search-submit:focus{outline: none;border:none;}
.account-search .search-ipt{width:423px;line-height: 34px;font-size: 14px;padding: 0 12px;}
.account-search .search-submit{width:136px;color: #fff;font-size: 18px;cursor: pointer;cursor: hand;letter-spacing: 5px;word-spacing: 5px;position: absolute;height: 38px;line-height: 38px;right:-2px;top:-2px;}
.redbtn-bg.search-submit{box-shadow: none;}
/* 电话联系 */
.tellink{font-size: 16px;color: #ff2443;line-height: 16px;margin-top: 19px;}
.tel-icon{width:28px;height:28px;margin: 2px 10px 0 42px;background-position: -30px 0;}
.tellink .tellink-txt{font-size: 12px;}
.tellink .tellink-space{letter-spacing: 7px;word-spacing: 7px;}
/* 主导航 */
.main-nav{width:100%;height:36px;line-height: 36px;background-color: #fff;padding-bottom: 8px;border-bottom: 3px #ff3e59 solid;}
.main-nav .main-navCon{padding-left: 221px;}
.main-nav .main-navitem{font-size: 18px;line-height: 18px;margin-right: 26px;padding-top: 8px;}
.main-nav .main-navitem:hover,.main-nav .main-navitem.active{color: #ff2443;}
.main-nav .radius-btn{display: inline-block;line-height: 36px;height: 36px;text-align: center;width:98px;}
.main-nav .yellowbtn-bg{margin-right: 12px;}
/* 页脚部分*/
.footer{height:auto;min-height:420px;font-size: 14px;line-height: 14px;text-align: center;padding-top: 30px;background-color: #e8e9ed;margin-top: 40px;}
.footer .aboutlink-tlt{font-size: 16px;line-height: 16px;padding-bottom: 13px;}
.footer .aboutlink{font-size: 12px;line-height: 24px;}
.footer .aboutlink-col{width:119px;padding-left: 52px;text-align: left;}
.footer .aboutlink-line{width:1px;height:122px;border-right: 1px #dbdce0 solid;}
.footer .aboutlink-href{display: block;color: #646464;}
.footer .aboutlink-href:hover{color: #e41f3c;}
.footer .about-way{width:217px;color: #bbbcbe;}
.footer .about-way-tel{font-size: 24px;line-height: 28px;border-bottom: 1px dotted #bbbcbe;padding-bottom: 15px;}
.footer .about-way-tel .tel-grey-icon{margin: 0 19px 0 5px;}
.footer .about-way-qq{line-height: 32px;font-size: 16px;padding: 12px 0 9px;}
.footer .about-way-qq .qq-grey-icon{margin-right: 22px;margin-left: 3px;}
.footer .about-way-qq .aw-qqTxt{letter-spacing: 13px;word-spacing: 13px;}
.footer .about-way-time{font-size: 12px;padding: 0 15px;height: 18px;border-radius: 10px;border:1px #bbbcbe solid;line-height: 18px;}
.footer .aboutCode{font-size: 12px;color: #b8b8b8;line-height: 12px;padding-top: 5px;width: 248px;}
.footer .aboutPartner{font-size: 20px;line-height: 58px;color: #646464;width: 1294px;padding: 47px 0 36px;}
.footer .aboutPartner .aboutPartner-tlt{padding: 0 67px 0 7px;}
.footer .aboutPartner .ap-item{border: 1px #b8b8b8 solid;width:98px;height:56px;overflow: hidden;margin-right: 90px;}
.footer .footer-other{color: #646464;font-size: 12px;line-height: 20px;}
.footer .footer-other .otherCopy{padding: 30px 0 16px;line-height: 12px;}
.footer .footer-other .otherLink{width:970px;margin: 0 auto;}
/* 左菜单栏 */
.lf-menucol{width:180px;height:auto;min-height: 100px;border:1px #e1e1e1 solid;font-size: 14px;background-color: #fff;}
.lf-menucol .lf-menuitem{display: block;width:auto;height:14px;line-height: 14px;padding: 13px 0 13px 16px;color: #ff2443;font-size: 16px;}
.lf-menucol .lf-menuLink{display: block;width:auto;height:26px;line-height: 26px;color: #303030;padding-left: 16px;}
.lf-menucol .lf-menuLink.active{background-color: #e5e5e5;}
.num{color: #ff2443;font-style: normal;}
.lf-menucol .lf-menuitem .iconbg{width:14px;height:14px;float:left;display:inline-block;margin-right: 10px;}
.lf-menucol .lf-menuitem.icon-setup .iconbg{width:16px;height: 16px;}
.icon-personal .iconbg{background-position: -77px -2px;}
.icon-buyer .iconbg{background-position: -77px -25px;}
.icon-seller .iconbg{background-position: -77px -49px;}
.icon-setup .iconbg{background-position: -76px -73px;}
.icon-mess .iconbg{background-position: -77px -98px;}
/* 右侧内容 */
.ri-contentcol{width:993px;min-height: 100px;height:auto;}
/* 面包屑 */
.breadcrumb{font-size: 14px;line-height: 14px;padding: 15px 0 12px;cursor: text;}
a.breadcrumb-link .breadcrumb-gt,a.breadcrumb-active cite{font-style: normal;}
.breadcrumb,.breadcrumb a.breadcrumb-active,.breadcrumb a.breadcrumb-link{color: #646464;}
a.breadcrumb-link:link,a.breadcrumb-link:visited{}
a.breadcrumb-link:hover,a.breadcrumb-link:active{color: #ff3e59;}
a.breadcrumb-link:link .breadcrumb-gt{}
a.breadcrumb-link:visited .breadcrumb-gt,a.breadcrumb-link:hover .breadcrumb-gt,a.breadcrumb-link:active .breadcrumb-gt{color: #646464;}
a.breadcrumb-active:hover{cursor: text;}
/* qq在线客服 */
.qq-service{position: fixed;bottom:260px;right:0;width:16px;padding:53px 7px 80px;background-color: #4694ff;color: #fff;font-size: 16px;line-height: 20px;border-radius: 2px;text-align: center;}
.qq-service .iconbg{width: 16px;height:16px;background-position: -77px 0;display: block;margin-bottom: 5px;}
.qq-service .ltTxt{font-family: cursive;}
.qq-service:hover{color: #fff;}
/* 单选框 */
label.radiobg-label{cursor: hand;cursor: pointer;}
.radiobg-label.iconbg{width:16px;height: 16px;background-position: -30px -135px;display: inline-block;vertical-align: -3px;}
input[type='radio'].radiobg{display: none;}
input[type='radio'].radiobg:checked+label.radiobg-label {background-position: -30px -161px;}
/* 复选框 */
label.checkboxbg-label,label.checkboxbg-txt{cursor: hand;cursor: pointer;}
.checkboxbg-label.homebg{width:20px;height: 20px;background-position: 0 -132px;vertical-align: -7px;display: inline-block;}
input[type=checkbox].checkboxbg{display: none;}
input[type='checkbox'].checkboxbg:checked+label.checkboxbg-label {background-position: 0 -158px;}
input[type='checkbox'].checkboxbg:checked+label.checkboxbg-label+label.checkboxbg-txt {font-weight: bold;}
/* 分页 */
.yema {text-align:center; margin:1px 0;margin-top: 30px;}
.yema a {background: #f2f2f2 none repeat scroll 0 0;display: inline-block;height:20px; color:#000; line-height:20px; padding:0 7px; margin:0 5px; border:1px solid #e8e8e8;}
.yema a:hover,.yema .active { background: #069 none repeat scroll 0 0;color: #fff;}
.yema .nextpage {background:url(../cimages/index-r3-c19-r2-c2.gif) no-repeat 51px center;} 
.yema i {font-style:normal;}
#pagenum{border: 1px solid #c3c3c3;color: #000; text-align:center; height: 20px;line-height: 20px;margin: 0 5px;padding: 0 7px;}
/* 按钮 */
.radius-btn{border-radius: 2px;}
.redbtn-bg,.bluebtn-bg,.orange-bg,.graybtn-bg,.yellowbtn-bg{color: #fff;}
.redbtn-bg{background-image: linear-gradient(to top,#ff3e59 0%,#ff5e75 100%);-moz-box-shadow:0 0 3px rgba(255,62,89,.5);-webkit-box-shadow:0 0 3px rgba(255,62,89,.5);-ms-box-shadow:0 0 3px rgba(255,62,89,.5);-o-box-shadow:0 0 3px rgba(255,62,89,.5);box-shadow:0 0 3px rgba(255,62,89,.5);}
.redbtn-bg:hover{background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);}
.yellowbtn-bg{background-image: linear-gradient(to top,#ffa800 0%,#ffba00 100%);-moz-box-shadow:0 0 3px rgba(255,168,0,.5);-webkit-box-shadow:0 0 3px rgba(255,168,0,.5);-ms-box-shadow:0 0 3px rgba(255,168,0,.5);-o-box-shadow:0 0 3px rgba(255,168,0,.5);box-shadow:0 0 3px rgba(255,168,0,.5);}
.yellowbtn-bg:hover{background-image: linear-gradient(to top,#ff9000 0%,#ffa800 100%);}
.graybtn-bg{background-image: linear-gradient(to top,#9d9d9d 0%,#b8b8b8 100%);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-ms-box-shadow:0 0 3px rgba(0,0,0,.5);-o-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5);}
.graybtn-bg:hover{background-image: linear-gradient(to top,#878787 0%,#9d9d9d 100%);}
/* 文字颜色 */
.yellow-color{color: #ffa900;}
.yellow-color:hover{color: #ff7e00;}

/* 图标 */
.tel-grey-icon{width:28px;height:28px;background-position: -56px 0;}
.qq-grey-icon{width:22px;height: 25px;background-position: -94px 0;}


/*悬浮框*/
.suspension-box{position:fixed;right:50px;bottom:50px;width:101px;}
.suspension-btn{width:91px;background-color:#333;margin:-20px auto;text-align:center;font-size:14px;padding-top:20px;padding:15px 0 40px;}
.suspension-btn-wd{color:#fff;line-height:26px;}
.suspension-btn-ask{margin:20px 0 0;display:block;}
.suspension-btn-top{display:none;margin-top:35px;}
.new-icon.ask{display:inline-block;background: url('/Public/respackage/images/package/newIconBg.png') no-repeat -37px -227px;width: 30px;height:30px;}
.new-icon.top{display:inline-block;background: url('/Public/respackage/images/package/newIconBg.png') no-repeat -34px -262px;width: 35px;height:20px;}