@charset "utf-8";
/*公共样式*/
html, body, td, input, textarea, select, button, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { box-sizing: content-box;}
body { width: auto; min-width: 1210px; min-height: 400px; margin: 0 auto; line-height: 1.6;  color: #666; background: #fff;}
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { padding: 0; margin: 0;}
body, td, input, textarea, select, button { font-size: 12px; font-family: "Helvetica Neue", PingFangSC-regular,"Hiragino Sans GB","Microsoft Yahei UI","Microsoft YaHei"," sans-serif"; color: #666;}
label { font-weight: normal;}
ul, ol, li { list-style: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
a { color: #666; text-decoration: none; blr: expression(this.onFocus=this.blur()); outline: none;}
a:active { star: expression_r(this.onFocus=this.blur());}
a:hover { text-decoration: none; cursor: pointer;}
a:focus, input[type=button] ,input[type=submit], input, button, select, textarea { outline: none;}
a img { border: none;}
i, em { font-style: normal;}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #aaa;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset;}

/*定位*/
.pos-r { position: relative !important;}
.pos-a { position: absolute !important;}

/*浮动*/
.fl { float: left;}
.fr { float: right;}

/*清除浮动*/
.clear { height: 0; overflow: hidden; clear: both;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;}

/*显示隐藏*/
.hide { display: none;}
.none { display: none !important;}

/*宽度*/
.w-auto { width: auto !important;}
.w1210 { width: 1210px; margin: 0 auto;}
.w1100 { width: 1100px; margin: 0 auto;}
.w990 { width: 990px; margin: 0 auto;}
.w600 { width: 600px; margin: 0 auto;}
.w400 { width: 400px !important;}
.w250 { width: 250px !important;}
.w200 { width: 200px !important;}
.w150 { width: 150px !important;}
.w120 { width: 120px !important;}
.w30 { width: 30px !important;}
.w6 { width: 6px !important;}
.color-light { color: #999;}

/*间隔*/
.blank { height: 10px; line-height: 10px; clear: both; visibility: hidden;}
.blank15 { height: 15px; line-height: 15px; clear: both; visibility: hidden;}

/*去除滚动条*/
body.visibly, html.visibly { height: 100%; overflow: hidden;}

/*padding值*/
.p-0 { padding: 0 !important;}
.p-0-10 { padding: 0 10px;}
.p-t-0 { padding-top: 0 !important;}
.p-t-15 { padding-top: 15px !important;}
.p-t-20 { padding-top: 20px !important;}
.p-t-30 { padding-top: 30px !important;}
.p-t-40 { padding-top: 40px !important;}
.p-t-60 { padding-top: 60px !important;}
.p-b-0 { padding-bottom: 0 !important;}
.p-b-5 { padding-bottom: 5px !important;}
.p-b-10 { padding-bottom: 10px !important;}
.p-b-40 { padding-bottom: 40px !important;}
.p-b-50 { padding-bottom: 50px !important;}
.p-l-0 { padding-left: 0 !important;}
.p-l-60 { padding-left: 60px !important;}
.p-10 { padding: 10px 0 !important;}
.p-20 { padding: 20px !important;}

/*margin*/
.m-auto { margin: 0 auto !important;}
.m-10 { margin: 10px 0 !important;}
.m-t-5 { margin-top: 5px !important;}
.m-t-20 { margin-top: 20px !important;}
.m-t-30 { margin-top: 30px !important;}
.m-t-50 { margin-top: 50px !important;}
.m-r-0 { margin-right: 0 !important;}
.m-r-5 { margin-right: 5px !important;}
.m-r-15 { margin-right: 15px !important;}
.m-r-25 { margin-right: 25px !important;}
.m-r-40 { margin-right: 40px !important;}
.m-b-0 { margin-bottom: 0 !important;}
.m-b-5 { margin-bottom: 5px !important;}
.m-b-20 { margin-bottom: 20px !important;}
.m-b-30 { margin-bottom: 30px !important;}
.m-l-0 { margin-left: 0 !important;}
.m-l-5 { margin-left: 5px !important;}
.m-l-10 { margin-left: 10px !important;}
.m-l-40 { margin-left: 40px !important;}

/*文字*/
.f14 { font-size: 14px !important;}
.f16 { font-size: 16px !important;}
.f20 { font-size: 20px !important;}

/*文字颜色*/
.c-white { color: #fff !important;}
.c-aaa { color: #aaa !important;}
.c-ccc { color: #ccc !important;}
.c-999 { color: #999 !important;}
.c-666 { color: #666 !important;}
.orange { color: #fdff61 !important;}
.c-orange { color: #ff7300 !important;}
.c-red { color: #e31939 !important;}
.c-blue { color: #2da6f6 !important;}
.c-green { color: #8cc051 !important;}
.c-brown { color: #af874d !important;}
.c-yellow { color: #ffb300 !important;}

/*文字位置*/
.text-left { text-align: left !important;}
.text-center { text-align: center !important;}
.text-right { text-align: right !important;}

/*鼠标状态*/
.cursor-p { cursor: pointer;}

/*背景*/
.bg { position: fixed !important; position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: #000; opacity: 0.15; filter: alpha(opacity=15);}
@media (min-width: 1920px) {
	.bg-cover { background-size: cover !important;}
}
.bg-gray { background: #f5f5f6 !important;}
.bg-blue { background: #68dcf5 !important;}
.bg-blue2 { background: #169bd5 !important;}
.bg-blue3 { background: #5785f4 !important;}
.bg-purple { background: #bd82ff !important;}
.bg-purple1 { background: #9862ef !important;}
.bg-red { background: #df0010 !important;}
.bg-red1 { background: #f4536f !important;}
.bg-green { background: #6cea82 !important;}
.bg-green1 { background: #2bc7c5 !important;}
.bg-green2 { background: #0ecfb0 !important;}
.bg-yellow { background: #ffce58 !important;}
.bg-yellow1 { background: #ffbc3a !important;}
.bg-orange { background: #ff6b21 !important;}
.bg-brown { background: #d29550 !important;}

/*边框*/
.border-none { border: none !important;}

/*顶部*/
.site-nav { height: 32px; line-height: 32px; overflow: hidden; background: #fff;}
.site-nav a, .site-nav span { vertical-align: top;}
.site-nav .nav-line { margin: 0 10px; color: #ddd;}
.site-nav .color { color: #f44;}

/*头部*/
.header { position: relative; z-index: 99; background: #fff; border-bottom: 1px solid #e5e5e5; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.1); box-shadow: 0 4px 4px rgba(0,0,0,0.1);}
.header .logo { padding: 7px 0;}
.header .logo img { display: block; height: 60px;}
.header .logo .logo-small { display: none;}
.header .nav-item { float: left; padding: 0 14px;}
.header .nav-item .nav-link { display: block; height: 70px; font-size: 16px; line-height: 70px; color: #333;}
.header .nav-item:hover .nav-link { color: #f44;}
.header .nav-item .nav-link span { vertical-align: middle;}
.header .nav-item .nav-link .iconfont { margin-left: 4px; font-size: 12px; font-weight: 700;}
.header .nav-item .nav-link .hot-num { display: inline-block; margin-left: 5px; font-size: 32px; font-weight: normal; line-height: 1; color: #f44; vertical-align: middle;}
.header .nav-agent { display: none !important;}
.header .nav-user { padding: 20px 0 0 15px;}
.header .nav-user .user-info { font-size: 14px;}
.header .nav-user .user-info img { width: 26px; height: 26px; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%;}
.header .nav-user .user-info .user-name { padding: 0 10px 0 5px; font-size: 12px; line-height: 30px; vertical-align: middle;}
.header .nav-user .btn { min-width: 48px; height: 28px; font-size: 14px; line-height: 28px; color: #1069f5; background: #fff; border-color: #1069f5; transition: all .2s;}
.header .nav-user .btn-register { margin-left: 10px; color: #fff; background: #1069f5;}
.header .nav-user .btn:hover { color: #fff; background: #0047f5;}
/*导航下拉菜单*/
.header .sub-nav-wrap { position: absolute; left: 0; width: 100%; height: 0; overflow: hidden; background: #fff; -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.07), 0 2px 5px rgba(0,0,0,0.07); box-shadow: inset 0 2px 5px rgba(0,0,0,0.07), 0 2px 5px rgba(0,0,0,0.07); opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.header .nav-dropdown:hover .sub-nav-wrap { height: 205px; opacity: 1; filter: alpha(opacity=100);}
.header .nav-product:hover .sub-nav-wrap { height: 530px;}
.header .nav-solution:hover .sub-nav-wrap { height: 475px;}
.header .sub-nav { padding: 30px 0; overflow: hidden;}
.header .sub-nav .sub-nav-name { font-size: 16px; font-weight: bold; line-height: 1; color: #333;}
.header .sub-nav .sub-nav-name a { float: right; padding: 8px 15px; margin-top: -6px; margin-right: 30px; font-size: 12px; font-weight: normal; color: #fff; background: #1069f5; border-radius: 20rem;}
.header .sub-nav .sub-nav-name a:hover { background: #0047f5;}
.header .sub-nav ul { margin-top: 15px;}
.header .sub-nav li { float: left; line-height: 1.4;}
.header .sub-nav li .text { width: 168px;}
.header .sub-nav li h3 { position: relative; font-size: 14px; font-weight: normal; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header .sub-nav li p { padding-top: 6px; font-size: 12px; line-height: 1; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header .sub-nav li:hover h3 { color: #f44;}
.header .sub-nav-wrap .sub-nav-other { height: 60px; border-top: 1px solid #e8e8e8;}
.header .sub-nav-wrap .sub-nav-other dl { padding: 15px 0;}
.header .sub-nav-wrap .sub-nav-other dt, .header .sub-nav-wrap .sub-nav-other dd { float: left; margin-right: 30px; font-size: 14px; line-height: 30px;}
.header .sub-nav-wrap .sub-nav-other dt { color: #999;}
.header .sub-nav-wrap .nav-contact { font-size: 14px; line-height: 60px; text-align: center;}
.header .sub-nav-wrap .nav-contact .dividing-line { padding: 0 15px;}
.header .service .sub-nav { padding: 25px 0;}
.header .service .sub-nav li { width: 245px; padding: 15px; margin-bottom: 0; line-height: 30px;}
.header .service .sub-nav li .icon { width: 35px; height: auto; margin-right: 10px;}
/*产品&解决方案*/
.header .nav-product .sub-nav li a, .header .nav-solution .sub-nav li a { position: relative; display: block; padding: 14px 10px 13px 0; font-size: 14px; color: #333; vertical-align: middle;}
.header .nav-product .sub-nav li .iconfont, .header .nav-solution .sub-nav li .iconfont { position: absolute; top: 17px; left: 0; width: 36px; height: 36px; font-size: 26px; line-height: 36px; color: #fff; text-align: center; background: #7db1ff; border-radius: 4px;}
.header .nav-product .sub-nav li h3, .header .nav-product .sub-nav li p, .header .nav-solution .sub-nav li h3, .header .nav-solution .sub-nav li p { padding-left: 50px;}
.header .nav-product .sub-nav li .hot, .header .nav-solution .sub-nav li .hot { display: inline-block; margin-left: 5px;}
/*产品*/
.header .nav-product .sub-nav .fl { height: 410px; padding: 0 30px; border-left: 1px solid #eee;}
.header .nav-product .sub-nav .sub-nav-mall { width: 540px; padding: 0; border: none;}
.header .nav-product .sub-nav li { width: 240px; margin-right: 30px;}
.header .nav-product .sub-nav .sub-nav-yxd { width: 240px;}
.header .nav-product .sub-nav .sub-nav-rest { width: 228px; padding-right: 0; border-top: none !important;}
.header .nav-product .sub-nav .sub-nav-rest li a { padding: 8px 10px 8px 0;}
.header .nav-product .sub-nav .sub-nav-rest li a .iconfont { top: 9px;}
/*翼商城&周边系统*/
.header .nav-product .sub-nav .sub-nav-rest li { margin-right: 0;}
.header .nav-product .sub-nav .mode { padding-bottom: 11px; margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #eee;}
.header .nav-product .sub-nav .mode span { float: left; width: 68px; margin: 0 9px 9px 0; font-size: 12px; line-height: 22px; color: #ff9090; text-align: center;  border: 1px solid #ff9090; border-radius: 20px;}
.header .nav-product .sub-nav li:nth-child(2) .mode span { width: 68px;}
/*解决方案*/
.header .nav-solution .sub-nav-solution { width: 534px; height: 355px; padding: 0 !important; border-left: 0 !important;}
.header .nav-solution .sub-nav-solution.fr { padding-left: 30px !important; border-left: 1px solid #eee !important;}
.header .nav-solution .sub-nav-solution ul li { width: 237px; margin-right: 30px;}
/*图标颜色*/
.header .sub-nav-wrap li:nth-child(1) .iconfont { background: #5ecafd;}
.header .sub-nav-wrap li:nth-child(2) .iconfont { background: #46d5c7;}
.header .sub-nav-wrap li:nth-child(3) .iconfont { background: #fdc162;}
.header .sub-nav-wrap li:nth-child(4) .iconfont { background: #c67efa;}
.header .sub-nav-wrap li:nth-child(5) .iconfont { background: #f89772;}
.header .sub-nav-wrap li:nth-child(6) .iconfont { background: #5cc2fc;}
.header .sub-nav-wrap li:nth-child(7) .iconfont { background: #46d5c7;}
.header .sub-nav-wrap li:nth-child(8) .iconfont { background: #fe9805;}
.header .sub-nav-wrap li:nth-child(9) .iconfont { background: #f89671;}
.header .sub-nav-wrap li:nth-child(10) .iconfont { background: #fdbf5d;}
.header .sub-nav-wrap li:nth-child(11) .iconfont { background: #fd8681;}
.header .sub-nav-wrap li:nth-child(12) .iconfont { background: #5cc2fc;}
.header .sub-nav-wrap li:nth-child(13) .iconfont { background: #5ecafd;}
.header .sub-nav-wrap li:nth-child(14) .iconfont { background: #46d5c7;}

/*头部搜索*/
.header .search { width: 460px; position: relative; z-index: 999; float: left; margin-left: 50px; -webkit-transform: translate3d(0, 0, 0)}
.header .search .search-form { position: relative; top: 15px;}
.header .search .search-form .search-info { background: #fff; height: 36px; position: relative; border-style: solid; border-width: 2px 0 2px 2px;}
.header .search .search-form .search-info .search-type-box{ width: 70px; height: 36px; position: absolute; top: 0; left: 0;}
.header .search .search-form .search-info .search-type-box .search-type { width: 70px; height: 36px; display: inline-block; overflow: hidden;}
.header .search .search-form .search-info .search-type-box .search-type li { width: 72px; height: 36px; line-height: 36px; cursor: pointer; display: inline-block; color: #fff; font-size: 13px; text-indent: 20px; margin-left: -2px;}
.header .search .search-form .search-info .search-type-box .search-type li.curr, .header .search .search-form .search-info .search-type-box .search-type li.curr:hover { width: 70px; background-color: #fff; color: #666; text-indent: 18px; margin-left: 0;}
.header .search .search-form .search-info .search-type-box i { position: absolute; right: 7px; top: 16px; display: inline-block; width: 11px; height: 11px; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; vertical-align: -1px; background-position: 0 -80px; font-size: 12px; font-style: normal; color: #666; cursor: pointer;}
.header .search .search-form .search-info .search-type-box:hover i { top: 10px; right: 10px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);}
.header .search .search-form .search-info .search-box { height: 36px; position: absolute; left: 70px; top: 0;}
.header .search .search-form .search-info .search-box .search-box-input:focus { outline: 0}
.header .search .search-form .search-info .search-box-input { color: #999; margin: 6px 0; position: relative; z-index: 2; width: 289px; height: 24px; line-height: 24px; padding: 0 3px 0 5px; outline: 0; border: 0; border-left: 1px #e9e9e9 solid;}
.header .search .search-form .search-info .button { position: absolute; top: 0; right: 0; width: 70px; height: 36px; line-height: 36px; border: 0; font-size: 16px; letter-spacing: 4px; cursor: pointer; color: #fff; overflow: hidden; padding: 0 8px 0 12px; border-radius:0;}
@-moz-document url-prefix() {.header .search .search-form .search-info .button { line-height: 36px; border-radius:0;}}
.header .search .search-form .search-info .search-box .search-box-con { height: 30px; line-height: 30px;}
.header .search .search-form .search-info .search-box-input:focus, .header .search .search-form .search-info .search-box .search-box-input:focus { outline: 0;}

/*底部*/
.site-footer { font-size: 14px; line-height: 1.8; color: #a8aaba; background: #32333b;}
.site-footer a { color: #a8aaba;}
.site-footer a:hover { color: #f44 !important;}
.site-footer .footer-article { padding: 30px 0 20px; overflow: hidden;}
.site-footer .contact { float: left; width: 280px;}
.site-footer .contact dt { width: 90px;}
.site-footer .contact .iconfont { font-size: 66px; line-height: .9; color: #fff;}
.site-footer .contact .text { font-size: 14px; line-height: 30px; color: #fff;}
.site-footer .contact .tel { padding: 3px 0 15px; font-size: 20px; color: #fff;}
.site-footer .contact a { display: block; width: 90px; font-size: 14px; line-height: 30px; color: #9b9ea0; text-align: center; border: 1px solid #9b9ea0; border-radius: 4px;}
.site-footer .contact a:hover { color: #fff !important;}
.site-footer .col-article { float: left; width: 171px;}
.site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
.site-footer .col-article dd { margin-bottom: 8px; overflow: hidden;}
.site-footer .col-article dd a { font-size: 12px; color: #9b9ea0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.site-footer .wx { float: left; width: 135px; margin-right: 0;}
.site-footer .wx dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
.site-footer .wx dd { margin-bottom: 15px;}
.site-footer .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
.site-footer .wx dd.other { margin-bottom: 0; line-height: 18px;}
.site-footer .wx dd.other span { display: block; font-size: 12px;}
.site-footer .wx dd.other a { display: inline-block; margin-right: 5px; font-size: 12px; line-height: 18px; vertical-align: top;}
.footer-links { padding: 10px 0; border-top: 1px solid #41424c; border-bottom: 1px solid #41424c;}
.footer-links p { font-size: 14px; color: #a8aaba;}
.footer-links a { margin-right: 20px; font-size: 12px; color: #a8aaba;}
.footer-info .info-text { padding: 20px 0; font-size: 12px; text-align: center;}
.footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center;}
.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
.footer-info .info-text .copyright { padding-top: 5px;}
.footer-info .info-text em { padding: 0 8px;}
.footer-info .other { padding: 10px 0; text-align: center;}
.footer-info .other a { display: inline-block; line-height: 20px;}
.footer-info .other a img { display: inline-block; margin-right: 5px; vertical-align: middle;}

/*翻页*/
.page-box { text-align: center;}
.page { display: inline-block; padding: 20px 0; overflow: hidden;}
.page-num .num { position: relative; float: left; width: 35px; height: 35px; margin: 0 3px; font-size: 14px; line-height: 35px; color: #666; text-align: center; cursor: pointer; background: #fff; border: 1px solid #e9e9e9; border-radius: 4px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.page-num a.num:hover { z-index: 1; color: #fff; background-color: #1069f5; border: 1px solid #1069f5;}
.page-num .prev, .page-num .next { width: 70px; font-size: 12px;}
.page-num .prev i, .page-num .next i { display: inline-block;}
.page-num .prev .icon, .page-num .next .icon { background: url(../images/common-icon.png) no-repeat; display: inline-block; width: 6px; height: 9px;}
.page-num .prev .icon { background-position: -26px 0;}
.page-num .next .icon { background-position: -74px 0;}
.page-num .curr { z-index: 1; color: #fff; cursor: default; background: #1069f5 !important; border: 1px solid #1069f5 !important;}
.page-num .curr a,.page-num .curr a:hover { color: #fff;}
.page-num .curr a:hover { color: #fff; background-color: transparent; }
.page-num .prev { margin-right: 6px; margin-left: 0;}
.page-num .next { margin-left: 6px;}
.page-num .disabled { color: #ccc;}

.page-num a.prev:hover .icon { background-position: -42px 0;}
.page-num a.next:hover .icon { background-position: -90px 0;}
.page-num .prev.disabled .icon { background-position: -58px 0;}
.page-num .next.disabled .icon { background-position: -106px 0;}
.page-wrap .total { float: left; margin-left: 10px; line-height: 37px; color: #999;}
.page-wrap .form .text { float: left; margin-left: 5px; line-height: 37px; color: #999;}
.page-wrap .form .input { width: 35px; height: 21px; margin: 7px 0 0 5px; text-align: center; border: solid 1px #ededed;}

/*form表单*/
.table-content h5 { font-size: 14px;}
.table-content h5 a { font-weight: normal;}
.form-horizontal { padding-top: 30px; margin: auto;}
.form-horizontal .form-group { clear: both }
.form-horizontal .form-group-spe { margin: 10px 0 20px}
.form-horizontal .form-group .form-control-box { position: relative; display: inline-block; margin-right: 10px; line-height: 30px;}
.form-horizontal .form-group .profile-avatar { position: relative; width: 110px; height: 110px; overflow: hidden; border: 5px solid #e3e3e3; border-radius: 50%;}
.form-horizontal .form-group .profile-avatar img { position: relative; top: -5px; left: -5px; display: block; border-radius: 50%;}
.form-horizontal .form-group label.input-left { float:left; width: 250px; text-align: right; margin-right: 20px; line-height: 36px; color: #999;}
.form-horizontal .form-group label.input-left .spark { display: inline; margin-right: 5px; font: bold 14px/20px tahoma, verdana; color: #f44; text-align: right; text-indent: 0; vertical-align: middle;}

/*文字文本框*/
.form-horizontal .form-group input[type="text"]:focus,.form-horizontal .form-group input[type="text"]:hover,.form-horizontal .form-group input[type="text"]:active,.form-horizontal .form-group input[type="password"]:focus,.form-horizontal .form-group input[type="password"]:hover,.form-horizontal .form-group input[type="password"]:active,.form-horizontal .form-group textarea:hover, .form-horizontal .form-group textarea:focus,.form-horizontal .form-group textarea:active,.form-horizontal .form-group .select select:focus,.form-horizontal .form-group .select select:active,.form-horizontal .form-group .select select:hover,.form-horizontal .form-group .select select:active { background-color: #fff; border: 1px solid #aaa; outline: 0;}
.form-horizontal .form-group input[disabled],.form-horizontal .form-group input[disabled]:hover { cursor: not-allowed; opacity: 1; background-color: #eee !important; border-color: #ccc; box-shadow: none;}
.form-horizontal .form-group input[type="text"],.form-horizontal .form-group input[type="password"] { width: 250px; height: 20px; max-width: 600px; padding: 7px; font-size: 14px; line-height: 20px; vertical-align: middle; background: #fff; border-radius: 2px; border: 1px solid #ccc;}
.form-horizontal .form-group input.error,.form-horizontal .form-group input.error:hover,.form-horizontal .form-group input.error:active,.form-horizontal .form-group input.error:focus { border:1px solid #f44;}
.form-horizontal .form-group input[type="text"].input-small { width: 160px;}
.form-horizontal .form-group .input-none { display: inline-block; height: 36px; line-height: 36px; vertical-align: middle;}
.form-horizontal .form-group .input-none span { margin-left: 15px;}
.form-horizontal .form-group .input-none span font { margin: 0 3px;}
.form-horizontal .form-group .input-small.date { width: 120px !important; margin-right: 20px;}

/*验证码*/
.form-horizontal .form-group .captcha { margin-left: 10px;}
.form-horizontal .form-group .captcha img { vertical-align: middle;}

/*文本域*/
.form-horizontal .form-group textarea { width: 350px; height: 62px; padding: 5px; border: 1px solid #ccc; border-radius: 2px;}

/*单选按钮*/
.form-horizontal .form-group .radio, .form-horizontal .form-group .checkbox, .form-horizontal .form-group select { display: inline-block; height: 34px; padding: 0 4px; line-height: 34px; vertical-align: middle;}
.form-horizontal .form-group .radio label, .form-horizontal .form-group .checkbox label,.form-horizontal .form-group .region-select select { margin-right: 10px; margin-bottom: 5px; cursor: pointer;}
.form-horizontal .form-group .radio label input { margin-left: 3px; vertical-align: sub; cursor: pointer;}
.form-horizontal .form-group .radio label span { margin-left: 3px; cursor: pointer;}
.form-horizontal .form-group .checkbox label input { margin-top: -1px; margin-left: 3px; vertical-align: sub; cursor:pointer }
.form-horizontal .form-group .checkbox label span { margin-left: 3px; cursor: pointer;}

/*下拉框*/
.form-horizontal .form-group #address_now select { margin-right: 5px;}
.form-horizontal .form-group .region-select select { height: 34px; line-height: 34px; border: 1px solid #ccc; border-radius: 2px;}
.form-horizontal .form-group .region-select select option { min-width: 50px;}

/*文字温馨提示*/
.form-horizontal span.hint { display: block; margin-top: 10px; margin-left: 270px; color: #999; clear: both;}

/*错误提示*/
.form-horizontal .form-group .form-control-error { font-size: 14px; color: #f44; vertical-align: middle;}
.form-horizontal .form-group .form-control-error i { display: inline-block; width: 16px; height: 16px; margin-right: 5px; font-size: 16px; line-height: 16px; vertical-align: middle;}
.form-horizontal .form-group .form-control-error i:after { content: '\e696'; font-family: iconfont;}

/*上传图片*/
.form-horizontal .form-group .input-file-show { position: relative; display: inline-block; width: 255px; height: 30px; padding: 0 0 0 5px; line-height: 30px; vertical-align: middle; background: #fff; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 2px 0 #f0f0f0 inset;}
.form-horizontal .form-group .input-file-show span.show { position: absolute; top: 0; left: 0; z-index: 2; width: 22px; height: 28px; padding: 2px; text-align: center;}
.form-horizontal .form-group .input-file-show span.show a { display: block; width: 22px; height: 28px; color: #aaa;}
.form-horizontal .form-group .input-file-show:hover span.show a, .form-horizontal .form-group .input-file-show span.show a:hover { color: #1b9af7; text-decoration: none;}
.form-horizontal .form-group .input-file-show span.show i { display: block; width: 16px; height: 14px; margin: 8px 3px 0 5px; background-position: -50px -104px;}
.form-horizontal .form-group .input-file-show .type-file-box { position: relative; z-index: 1; display: block; width: 255px; height: 30px;}
.form-horizontal .form-group .input-file-show .type-file-box input.type-file-text { float: left; width: 170px; height: 30px; padding: 0; margin: 0; line-height: 30px; text-indent: 30px; border: none; border-radius: 0; box-shadow: none;}
.form-horizontal .form-group .input-file-show .type-file-box .type-file-button { float: right; width: 69px; height: 30px; background-color: #e6e6e6; border: 0; border-radius: 0 2px 2px 0;}
.form-horizontal .form-group .input-file-show:hover .type-file-box .type-file-button { color: #fff; background-color: #1b9af7;}
.form-horizontal .form-group .input-file-show .type-file-box .type-file-file { position: absolute; top: 0; right: 0; width: 255px; height: 30px; filter:alpha(opacity:0); opacity: 0; cursor: pointer;}

/*上传身份证验证图片*/
.image-uploader { position: relative; display: inline-block; width: 158px; height: 118px; margin-right: 20px; background: #fff; border: 1px dashed #c4c4c4;}
.image-uploader img { max-width: 100%; max-height: 100%;}
.fild-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity:0;}
.examples { display: inline-block; vertical-align: top;}

/*上传前*/
.fild-box { position: absolute; top: 0; left: 0; width: 160px; height: 120px;}
.fild-box i { display: block; width: 60px; height: 60px; margin: 10px auto; text-align: center; background:url(../images/apply/joinin_pic.png) no-repeat; background-position: -27px -135px;}
.fild-text { display: block; font-size:14px; font-weight: 600; color: #cecece; text-align: center;}
/*上传后*/
.image-wrap .close { position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; font-size: 16px; line-height: 18px; color: #fff; text-align: center; background: #f44; border-radius: 10px;}
.image-uploader.full { border-style: solid;}
/*上传缓载效果*/
.loading-wrap { line-height: 120px; text-align: center;}

/*上传多张图片按钮*/
ul.upload-control { display: inline-block;}
ul.upload-control li { position: relative; float: left; width: 55px; height: 55px; padding: 3px; margin-right: 5px; border: 1px solid #ddd;}
ul.upload-control li span { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 20px; line-height: 20px; color: #fff; text-align: center; cursor: pointer; overflow: hidden; filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity: 0.7; background: #000;}
ul.upload-control li:hover span { display: block;}
ul.upload-control li img { width: 55px; height: 55px;}
ul.upload-control li.upload-control-button { position: relative; float: left; padding: 3px; background: #fcfcfc; border: 1px dashed #ddd;}
ul.upload-control li .upload-control-bg { width: 55px; height: 55px; line-height: 55px; text-align: center; background: url(../images/add-img.png) no-repeat center center;}
ul.upload-control li .inputstyle { position: absolute; top: 0; left: 0; width: 55px; height: 55px; font-size: 30px; cursor: pointer; outline: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

/*提交按钮*/
/*按钮样式*/
.btn { display: inline-block; height: 30px; min-width: 80px; padding: 0 10px; font-size: 12px; font-weight: normal; line-height: 30px; color: #666; text-align: center; cursor: pointer; vertical-align: middle; text-decoration: none; background: #f6f6f6; border: 1px solid #ccc; border-radius: 2px; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:hover { color: #333;}
.btn-default { color: #666 !important; background: #f6f6f6 !important; border: 1px solid #bbb !important;}
.btn-primary { color: #fff; background: #f44; border-color: #f44;}
.btn-primary:hover { color: #fff; background: #f34; border-color: #f34;}
.btn-primary:active { color: #fff; background: #f34; border-color: #f34;}
.btn-blue { color: #fff !important; background: #2da6f6; border-color: #2da6f6; transition: all .2s;}
.btn-blue:hover, .btn-blue:active { color: #fff; background: #0e97f1; border-color: #0e97f1;}
.btn.disabled, .btn.disabled:hover { color: #ccc !important; cursor: not-allowed; background: #f1f1f1; border: 1px solid #eee;}
.btn-link { color: #38f;}
.btn-larger { height: 46px; min-width: 120px; padding: 0 20px; font-size: 16px; line-height: 44px; border-radius: 4px;}
.btn-sm { height: 24px; min-width: auto; padding: 0 10px; line-height: 24px;}
.btn-xs { height: 20px; min-width: auto; padding: 0 6px; line-height: 20px;}

/*用户中心提交按钮*/
.form-horizontal .act { margin: 10px 0 0 270px; clear: both;}
.form-horizontal .act input, .form-horizontal .act .act-btn { display: inline-block; padding: 12px 60px; font-size: 15px; line-height: 18px; color: #fff; background: #38f; border: none; border-radius: 2px;}
.form-horizontal .act input.m-l-10 { padding: 10px 30px; color: #555; background: #e5e5e5;}

/*获取验证码*/
.phonecode { display: inline-block; width: 120px; height: 38px; padding: 0 8px; margin-left: 10px; line-height: 38px; color: #666; text-align: center; vertical-align: middle; cursor: pointer; background: #f6f6f6; border: 1px solid #d9d9d9;}

/*.loader-inner*/
.layer-msg-loading { min-width: 60px !important; border-radius: 6px !important; box-shadow: 0 0 0 rgba(0,0,0,.2) !important;}
.layer-msg-loading .layui-layer-content { padding: 10px !important; overflow: hidden !important;}
.layer-msg-loading img { display: none;}
.loader-inner { position: relative; width: 40px; height: 40px; margin: auto;}
.loader-inner.ball-clip-rotate > div { position: absolute; top: 50%; left: 50%; display: inline-block; width: 25px !important; height: 25px !important; margin-top: -15px; margin-left: -15px; border: 3px solid #fff; border-radius: 99%; border-bottom-color: transparent;}
@keyframes rotate {
	0% {-webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);}
	100% {-webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1);}}
@keyframes scale {
	30% {-webkit-transform: scale(0.3); transform: scale(0.3);}
	100% {-webkit-transform: scale(1); transform: scale(1);}
}

/*弹框*/
.modal { position: fixed; top: 5%; right: 0; bottom: 0; left: 0; z-index: 100000; min-width: 300px; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.modal-dialog { position: relative; width: 50%; margin: 100px auto;}
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 0; outline:0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.modal-header { min-height: 15px; padding: 10px 15px; border-bottom: 1px solid #e5e5e5;}
.modal-header h5 { margin: 0; font-size: 16px; font-weight: normal; line-height: 1.5;}
.modal-header .close { float: right; padding: 0; margin-top: -8px; font-size: 28px; font-weight: normal; line-height: 1; color: #000; cursor: pointer; text-shadow: 0 1px 0 #fff; background: none; border: 0; opacity: .2;}
.modal-header .close:hover { color: #f44; opacity: 1;}
.modal-body { position: relative; padding: 15px 0;}
.modal-footer { padding: 19px 20px 20px; text-align: center; border-top: 1px solid #e5e5e5;}
.modal-footer .btn { margin-left: 10px;}
.modal-footer .btn.btn-primary { height: 35px; padding: 0 20px; font-size: 14px; line-height: 35px; color: #fff; background-color: #f44;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background-color: #000; opacity: .5;}
#modal-box, .modal-box { display: none;}
.modal-box-con { background: #fff;}
.modal-box-con p { font-size: 14px;}
.modal-box-con p.prompt { height: 30px; line-height: 30px;}
.modal-box-con p a.btn { background: #f44; display: inline-block; height: 30px; padding: 0 15px; margin: 0 5px; font-size: 12px; line-height: 30px; color: #fff; text-align: center; cursor: pointer; border: none; border-radius: 2px;}
.modal-box-con p a { font-size: 12px;}

/*没有内容的展示*/
.no-data { width: 100%; height: 160px; padding: 50px 0; text-align: center;}
.no-data .fa-exclamation-circle { display: inline-block; width: 160px; height: 160px; margin-right: 20px; vertical-align: middle; background: url(../images/no-query.png);}

/***************右侧侧边栏**************/
.right-sidebar-con { position: fixed; right: 0; bottom: 0; z-index: 1000002; width: auto; height: 100%;}
.right-sidebar-main { height: 100%; width: 36px; background: #fff;}
.right-sidebar-panel { position: absolute; top: 0; left: 0; z-index: 2; width: 36px; height: 100%; font-family: 'microsoft yahei', arial;}
.right-sidebar-panel .quick-links-a { position: relative; top: 0; left: 0; z-index: 1; display: block; width: 36px; height: 38px; margin: 0; padding: 0; font-size: 12px; line-height: 200px; color: #d8d8d8; text-decoration: none; overflow: hidden;}
.right-sidebar-panel .popup { position: absolute; top: 0; left: -121px; z-index: 2; display: block; width: 92px; height: 38px; line-height: 38px; color: #d8d8d8; text-align: center; background: #000; visibility: hidden;}
.right-sidebar-panel .popup font { font-size:12px;}
.right-sidebar-panel i { width: 18px; height: 19px;}
.right-sidebar-panel i.setting,.right-sidebar-panel i.bonus, .right-sidebar-panel i.arrow-right, .right-sidebar-panel i.cart, .right-sidebar-panel i.history, .right-sidebar-panel i.contrast, .right-sidebar-panel i.stores, .right-sidebar-panel i.collect, .right-sidebar-panel i.customer-service, .right-sidebar-panel i.qr-code, .right-sidebar-panel i.top { position: absolute; display: inline-block; vertical-align: top; cursor: pointer; background: url(../images/common-icon.png) no-repeat;}
.quick-links { position: absolute; top: 40%; left: 0; z-index: 2; width: 36px; margin-top: -190px;}
.quick-links_min .right-sidebar-panel { right: 280px;}
.quick-links > ul > li { position: relative; top: 0; left: 0; display: block; margin-top: 8px;}
.quick-links li:hover .quick-links-a, .quick-links li.current .quick-links-a { text-decoration: none;}
.quick-links a i,.quick-links .cart-list i { top: 4px; left: 3px; width: 30px; height: 30px;}
.quick-links i.setting { background-position: -321px 0;}
.quick-links i.cart { background-position: -321px -30px;}
.quick-links i.stores { background-position: -321px -60px;}
.quick-links i.collect { background-position: -321px -90px;}
.quick-links i.history { background-position: -321px -120px;}
.quick-links i.contrast { background-position: -321px -150px;}
.quick-links i.bonus { background-position: -361px -120px;}
.quick-links .popup i.arrow-right { position: absolute; top: 15px; right: -5px; width: 5px; height: 9px; overflow: hidden; background-position: -294px -95px;}
.quick-toggle{ position: absolute; bottom: 0; left: 0; width: 36px;}
.quick-toggle li { position: relative; display: block; top: 0; left: 0;}
.quick-toggle li:hover .quick-links-a, .quick-toggle li.current .quick-links-a { text-decoration: none;}
.quick-toggle a i { top: 4px; left: 2px; width: 30px; height: 30px;}
.quick-toggle i.customer-service { background-position: -321px -180px;}
.quick-toggle i.qr-code { background-position: -358px -30px;}
.quick-toggle li.returnTop { display: none; height: 36px;}
.quick-toggle li.returnTop a { width: 36px; height: 36px; line-height: 36px;}
.quick-toggle li.returnTop a i.top { width: 22px; height: 22px; top: 7px; left: 7px; background: url( ../images/top.png) no-repeat;}
.quick-toggle .popup i.arrow-right { position: absolute; top: 15px; right: -5px; width: 5px; height: 9px; overflow: hidden; background-position: -294px -95px;}

/*侧边购物车列表*/
.fly-img { position: fixed; z-index: 999; width: 60px; height: 60px;}
.quick-links .cart-list .ECS_CARTINFO .sidebar-cart-box { display: none;}
.ECS_CARTINFO.right-sidebar-panels .cart_num { display: none;}
.quick-links .cart-list { height: 130px; margin: 10px 0 10px; line-height: 16px; color: #fff; background-position: -23px -225px;}
.quick-links .cart-list i { top: 12px;}
.quick-links .cart-list .span { display: block; width: 16px; height: 48px; margin: 40px 0 0 12px; cursor: pointer;}
.quick-links .cart-list .cart_num { display: block; width: 20px; height: 20px; margin: 5px 0 0 8px; line-height: 20px; color: #fff; text-align: center; cursor: pointer; border-radius: 50%;}
.quick-links li.current .cart-list .cart_num, .quick-links li:hover .cart-list .cart_num { background: #fff;}

.right-sidebar-panels { position: absolute; top: 0; right: 0; z-index: 2; display: none; width: 270px; height: 100%; background: #eceaea;}
.right-sidebar-main-open { position: absolute; top: 0; right: 0; display: block; width: 306px;}
.right-sidebar-main-open .right-sidebar-panels { display: block;}
@-webkit-keyframes toolbar-scaleIn {
from { opacity:.7; -webkit-transform: translateX(270px); -moz-transform: translateX(270px); transform: translateX(270px);}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
}
@-ms-keyframes toolbar-scaleIn {
from { opacity: .7; -webkit-transform: translateX(270px); -moz-transform: translateX(270px); transform: translateX(270px);}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
}
@-moz-keyframes toolbar-scaleIn {
from { opacity: .7; -webkit-transform: translateX(270px); -moz-transform: translateX(270px); transform: translateX(270px);}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
}
@keyframes toolbar-scaleIn {
from { opacity: .7; -webkit-transform: translateX(270px); -moz-transform: translateX(270px); transform: translateX(270px);}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
}
@-webkit-keyframes toolbar-scaleOut {
to { opacity: .5; -webkit-transform: scale(0.7) translateX(270px); -moz-transform: scale(0.7) translateX(270px); transform: scale(0.7) translateX(270px);}
}
@-ms-keyframes toolbar-scaleOut {
to { opacity: .5; -webkit-transform: scale(0.7) translateX(270px); -moz-transform: scale(0.7) translateX(270px); transform: scale(0.7) translateX(270px);}
}
@-moz-keyframes toolbar-scaleOut {
to { opacity: .5; -webkit-transform: scale(0.7) translateX(270px); -moz-transform: scale(0.7) translateX(270px); transform: scale(0.7) translateX(270px);}
}
@keyframes toolbar-scaleOut {
to { opacity: .5; -webkit-transform: scale(0.7) translateX(270px); -moz-transform: scale(0.7) translateX(270px); transform: scale(0.7) translateX(270px);}
}
.animate-in { -webkit-animation: toolbar-scaleIn .35s ease-in-out; -moz-animation: toolbar-scaleIn .35s ease-in-out; animation: toolbar-scaleIn .35s ease-in-out;}
.animate-out { -webkit-animation: toolbar-scaleOut .35s ease-in; -moz-animation: toolbar-scaleOut .35s ease-in; animation: toolbar-scaleOut .35s ease-in;}
/*侧边栏历史记录*/
.sidebar-panel-header { position: relative; width: 270px; height: 40px; line-height: 40px; background: #eceaea;}
.sidebar-panel-header i { display: inline-block; width: 20px; height: 18px; margin-top: 11px; margin-right: 4px; margin-left: 10px; vertical-align: top; background: url(../images/common-icon.png) no-repeat; background-position: -365px -64px;}
.sidebar-panel-header i.cart-icon { background-position: -365px -94px;}
.sidebar-panel-header i.bonus-icon { background-position: -366px -153px;}
.sidebar-panel-header i.compare-icon { background-position: -364px -125px;}
.sidebar-panel-header .title { display: inline-block; height: 40px; font: 16px/40px "Microsoft YaHei"; color: #5e5050;}
.sidebar-panel-header .title em { display: inline-block; vertical-align: top;}
.sidebar-panel-header .close-panel { position: absolute; top: 16px; right: 8px; width: 12px; height: 12px; cursor: pointer; background: url(../images/common-icon.png) no-repeat; background-position: -429px -40px; -webkit-transition: transform .2s ease-out 0s; -moz-transition: transform .2s ease-out 0s; transition: transform .2s ease-out 0s;}
.sidebar-panel-header .close-panel:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.sidebar-panel-main { position: relative; height: 90%;}
.sidebar-panel-content { position: relative; width: 270px; height: 100%; overflow-y: auto; overflow-x: hidden;}
.sidebar-panel-content::-webkit-scrollbar { width: 5px;}
.sidebar-panel-content::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 6px; border-radius: 6px;}
.sidebar-panel-content::-webkit-scrollbar-thumb { background: #7b6f6f; -webkit-border-radius: 6px; border-radius: 6px;}
.sidebar-panel-content .history-panel { width: 235px; margin: 0 auto;}
.sidebar-panel-content ul { margin-right: -15px; overflow: hidden;}
.sidebar-panel-content ul li {	position: relative; float: left; width: 100px; height: 120px; padding: 5px; margin-right: 15px; margin-bottom: 15px; text-align: center; background: #fff;}
.sidebar-panel-content ul li .p-img { width: 100px; height: 100px; margin-bottom: 3px;}
.sidebar-panel-content ul li .p-img a { display: block; width: 100px; height: 100px; margin-bottom: 5px; text-align: center;}
.sidebar-panel-content ul li .p-img a img { width: 100px; height: 100px;}
.sidebar-panel-content ul li .p-name { display: none;}
.sidebar-panel-content ul li .p-comm { width: 100px;}
.sidebar-panel-content ul li.price { color: #f44;}

/*侧边栏对比*/
.compare-panel-content { height: 540px; overflow: hidden;}
.compare-panel-content .compare-panel { width: 235px; margin: 0 auto;}
.sidebar-panel-content .compare-panel ul li { height: 100px;}
.sidebar-panel-content .compare-panel ul li .p-img { width: 100px; height: 100px; margin-bottom: 3px;}
.sidebar-panel-content .compare-panel ul li .delete { position: absolute; top: 0; right: 0; z-index: 10; display: none; width: 25px; height: 25px; overflow: hidden;}
.sidebar-panel-content .compare-panel ul li:hover .delete { display: block;}
.sidebar-panel-content .compare-panel ul li .delete .del-icon { position: absolute; top: 0; right: 0; width: 25px; height: 25px; cursor: pointer; overflow: hidden; background: url(../images/common-icon.png) no-repeat; background-position: -70px -149px;}

.compare-panel-footer { position: absolute; bottom: 0; width: 100%; height: 50px; background-color: #eceaea;}
.compare-panel-footer .compare-footer-checkout { position: relative; height: 40px; padding: 5px 110px 5px 5px;}
.compare-panel-footer .compare-footer-checkout .compare-clear { position: absolute; top: 19px; left: 147px;}
.compare-panel-footer .compare-footer-checkout .compare-btn { position: absolute; top: 12px; left: 17px; width: 110px; height: 30px; font-size: 14px; line-height: 30px; color: #fff; text-align: center; border: none;}
.compare-panel-footer .compare-footer-checkout .no-compare-btn { background: #999;}

/*侧边栏购物,红包内容*/
.cart-panel-main,.bonus-panel-main { position: relative;}
.cart-panel-content,.bonus-panel-content { position: relative; width: 270px; overflow-y: auto; overflow-x: hidden;}
.right-sidebar-panels .tip-box { position: absolute; top: 50%; width: 270px; margin-top: -100px; text-align: center;}
.category-wrap .tip-box { position: static; margin: 50px auto 0;}
.right-sidebar-panels .tip-box .tip-icon { display: block; width: 156px; height: 85px; margin: 0 auto; background: url(../images/noresult.png) no-repeat 0 0;}
.right-sidebar-panels .tip-box .tip-text { padding: 10px; font-size: 14px; line-height: 20px;}
.cart-panel-content .cart-list { width: 100%;}
.cart-panel-content .cart-item { padding: 0 5px; margin-bottom: 10px; background: #fff;}
.cart-panel-content .cart-item.invalid { background: #f0f0f0;}
.cart-panel-content .cart-item .item-goods { position: relative; padding: 10px 0; overflow: hidden;}
.cart-panel-content .cart-item .item-goods .p-img { float: left; width: 50px; height: 50px; padding: 0; margin-right: 5px; border: 1px solid #eee;}
.cart-panel-content .cart-item .item-goods .p-img img { width: 50px; height: 50px;}
.cart-panel-content .cart-item .item-goods .p-name { height: 32px; margin-bottom: 4px; line-height: 16px; overflow: hidden;}
.cart-panel-content .cart-item.invalid .item-goods .p-name a { color: #ccc;}
.cart-panel-content .cart-item .item-goods .p-name font { padding: 0 5px; margin-right: 3px; color: #5f5f5f; background: #dadada; border-radius: 2px;}
.cart-panel-content .cart-item .item-goods .p-price { height: 16px; padding-right: 65px; font: 12px/16px verdana; color: #666; overflow: hidden;}
.cart-panel-content .cart-item .item-goods .p-price strong { font-weight: 400;}
.cart-panel-content .cart-item.invalid .item-goods .p-price, .cart-panel-content .cart-item.invalid .item-goods .p-price strong { color: #ccc;}
.cart-panel-content .cart-item .item-goods .p-del { position: absolute; top: 46px; right: 10px; display: none; width: 35px; height: 16px; line-height: 16px; color: #0579c6; text-align: right;}
.cart-panel-content .cart-item:hover .item-goods .p-del { display: block;}
.cart-panel-footer { height: 50px; background-color: #eceaea;}
.cart-panel-footer .cart-footer-checkout { position: relative; height: 40px; padding: 5px 110px 5px 5px;}
.cart-panel-footer .cart-footer-checkout .number,.cart-panel-footer .cart-footer-checkout .sum { line-height: 20px;}
.cart-panel-footer .cart-footer-checkout .number strong,.cart-panel-footer .cart-footer-checkout .sum .total { font-family: verdana;}
.cart-panel-footer .cart-footer-checkout .btn { position: absolute; top: 7px; right: 5px; width: 110px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #fff; border: none;}
/*侧边栏红包列表*/
.bonus-panel-content .bonus-list { width: 100%;}
.bonus-panel-content .bonus-item { margin: 0 10px 10px; overflow: hidden; background: #f44;}
.bonus-panel-content .bonus-item a { color: #fff;}
.bonus-panel-content .bonus-info { position: relative; padding: 10px 20px;}
.bonus-panel-content .bonus-info .bonus-name { font-size: 14px; line-height: 30px;}
.bonus-panel-content .bonus-info .bonus-price { font-size: 20px; line-height: 30px;}
.bonus-panel-content .bonus-info .bonus-btn { height: 24px; padding: 0 10px; margin-top: 2px; font-size: 14px; line-height: 24px; color: #f44; background: #ffff9d; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

/*侧边栏用户弹出内容*/
.sidebar-user,.sidebar-code,.sidebar-service { position: absolute; top: 0; left: -257px; left: -248px\0; z-index: 999999; display: none; width: 237px; height: auto; padding: 15px 10px; background: #fff; border: 1px solid #ddd\0; border-right:0; border-radius: 5px 0 0 5px; box-shadow: 0 0 5px rgba(0,0,0,.4);}
.sidebar-user i.arrow-right, .sidebar-code i.arrow-right, .sidebar-service i.arrow-right { position: absolute; top: 15px; right: -5px; width: 5px; height: 9px; background-position: -294px -124px; overflow: hidden;}
.sidebar-user { width: 250px; left: -270px;}
.sidebar-user .user-pic { position: relative; width: 74px; height: 74px; margin: 0 auto;}
.sidebar-user .user-pic img { width: 74px; height: 74px;}
.sidebar-user .user-pic-mask { position: absolute; top: 0; left: 0; width: 74px; height: 74px; background: url(../images/mask3.png) no-repeat center center;}
.sidebar-user p { padding-bottom: 10px; text-align: center;}
.sidebar-user a { padding: 0 5px; margin:0 5px;}
.sidebar-user .user-have-login { overflow: hidden;}
.sidebar-user .user-have-login .user-pic { float: left;}
.sidebar-user .user-have-login .user-info { float: left; width: 163px; padding-top: 17px; padding-left: 10px; overflow: hidden;}
.sidebar-user .user-have-login .user-info p { padding-bottom: 5px; white-space: nowrap; text-align: left; text-overflow: ellipsis;}
.sidebar-user .user-have-login .user-info p img { max-width: 100px; max-height: 20px; margin-top: -3px; margin-right: 3px; vertical-align: middle;}
.sidebar-user .prev-login { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #999;}
.sidebar-user .btn { display: inline-block; padding: 0 15px; margin-top: 5px; background: #f9f9f9; border: 1px solid #eee;}
.sidebar-user .btn:hover { background: #fff;}
/*侧边栏二维码弹出内容*/
.sidebar-code { top: auto; bottom: 0; left: -150px; left: -151px\0; width: 130px; height: 130px; padding: 10px;}
.sidebar-code i.arrow-right { top: auto; bottom: 15px;}
.sidebar-code img { max-width: 100%; max-height: 100%;}
/*侧边栏在线客服*/
.sidebar-service { top: auto; bottom: 0; left: -150px; left: -151px\0; width: 130px; height: auto; padding: 10px; }
.sidebar-service i.arrow-right { top: auto; bottom: 15px;}
.sidebar-service .customer-service { padding: 6px 0; overflow: hidden;}
.sidebar-service .customer-service span { float: left; width: 27px; height: 27px; margin-right: 10px; background: url(../images/user-icon.png) no-repeat;}
.sidebar-service .customer-service .icon-online { background-position: -435px -269px;}
.sidebar-service .customer-service .icon-ww { background-position: -380px -269px;}
.sidebar-service .customer-service .icon-qq { background-position: -408px -269px;}
.sidebar-service .customer-service a { display: block; height: 27px; line-height: 27px;}
.inputstyle { position: absolute; top: 0; left: 0; width: 100px; height: 32px; font-size: 30px; cursor: pointer; outline: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
/*上传多张图片按钮*/
ul.image-group { display: inline-block;}
ul.image-group li { position: relative; float: left; width: 55px; height: 55px; padding: 3px; margin-right: 5px; border: 1px solid #ddd;}
ul.image-group li span { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 20px; line-height: 20px; color: #fff; text-align: center; cursor: pointer; overflow: hidden; background: #000; filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity: 0.7;}
ul.image-group li:hover span { display: block;}
ul.image-group li img { max-width: 100%; max-height: 100%;}
ul.image-group li.image-group-button { position: relative; float: left; padding: 3px; background: #fcfcfc; border: 1px dashed #ddd;}
ul.image-group li .image-group-bg { width: 55px; height: 55px; line-height: 55px; text-align: center; background: url(/images/add-img.png) no-repeat center center;}
ul.images-group li .inputstyle { position: absolute; top: 0; left: 0; width: 55px; height: 55px; font-size: 30px; cursor: pointer; outline: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

/*地址选择*/
.region-chooser-selected { position: relative; z-index: 3; display: inline-block;}
.region-chooser-selected .region, .region-chooser-selected .active { float: left; width: auto; height: 23px; padding: 0 10px; margin: 0 5px; line-height: 23px; cursor: pointer; background: #fff; border: 1px solid #ccc;}
.region-chooser-selected .active { border-bottom: 1px solid #fff;}
.region-chooser-selected .region i, .region-chooser-selected .active i { display: inline-block; width: 10px; height: 6px; margin-left: 5px; background-position: -297px -150px;}
.region-chooser-box { position: absolute; top: 30px; left: -25px; z-index: 1; float: left; display: none; width: 400px; height: auto; padding: 15px 14px 20px 14px; line-height: 18px; background: #fff; border: 1px solid #ccc;}
.region-chooser-close { position: absolute; top: -8px; right: -8px; width: 20px; height: 20px; font-size: 15px; font-weight: bold; line-height: 15px; cursor: pointer; background: url(../images/goods-icon.png) no-repeat; background-position: -20px -113px;}
.region-chooser-box a { float: left; margin-right: 10px; text-decoration: none;}
.region-tabs { width: 100%; border: none; background: none; overflow: hidden;}
.region-tabs .region-tab, .region-tabs .selected { position: relative;}
.region-tabs .region-tab i, .region-tabs .selected i { position: absolute; top: 12px; right: 5px; display: block; width: 7px; height: 4px; background-position: 0 -81px;}
.region-tabs .region-tab { float: left; height: 20px; padding: 5px 17px 0 10px; margin-right: 8px; color: #666; text-align: center; cursor: pointer; background: #fff; border: 1px solid #ddd; border-bottom: none;}
.region-tabs .selected { position: relative; z-index: 99999; float: left; height: 20px; padding: 5px 17px 0 10px; margin-right: 5px; text-align: center; background: #fff; border-top: 2px solid #ffb84e; border-right: 2px solid #ffb84e; border-left: 2px solid #ffb84e;}
.region-items { position: relative; top: -2px; left: 0; z-index: 99; float: left; width: 97%; padding: 15px 5px 5px 5px; overflow: hidden; border-top: 2px solid #ffb84e;}
.region-items a { padding:2px 5px; text-decoration: none; word-break: break-all; white-space: nowrap; overflow: normal;}
.region-items a:hover { color: #fff; text-decoration: none; background: #f44;}
.region-chooser-box a:hover { color: #fff; text-decoration: none; background: #f44;}
.select-region { z-index: 3; height: 35px; padding: 0 8px; line-height: 35px; vertical-align: middle; border-top: none;}
.select-region .leixing { float: left; height: 38px; *height: 35px; line-height: 38px; *line-height: 35px; color: #666;}
.select-region .leixing input { *vertical-align: middle;}
.region-chooser { position: relative; display: inline-block; width: auto; height: 25px; padding: 7px 0 6px; line-height: 25px; vertical-align: middle; border-bottom: none;}
.distribution { float: left; display: inline-block; height: 28px; padding: 5px 0; margin-left: 18px; line-height: 28px; color: #999; vertical-align: middle;}

/*登录*/
.form-control-box .icon, .login-content .login-form .msg-wrap .msg-icon, .login-con .login-switch a, .login-mobile .default-state .qrcode-desc i { background: url(../images/login-regiser-icon.png) no-repeat;}

/*二维码、PC端登录切换*/
.login-con .login-switch { position: absolute; top: 35px; right: 0; width: 65px; height: 65px; overflow: hidden; border-radius: 0 10px 0 0;}
.login-con .login-switch a { display: inline-block; width: 65px; height: 65px; cursor: pointer; background: url(../images/login-switch.png) no-repeat;}
.login-con .login-switch a.btn-qrcode { background-position: 0 0;}
.login-con .login-switch a.btn-login { background-position: 0 -65px;}
/*pc端登录*/
.login-form { width: 346px; overflow: visible; background: #fff;}
.login-form .login-con { width: 286px; padding: 10px 30px;}
.login-wrap .login-tit { height: 25px; padding: 32px 0; font-size: 14px; line-height: 25px; color: #999; text-align: center;}
.login-wrap .login-tit .regist-link { font-size: 12px;}
.login-wrap .login-tit .regist-link em { font-family: sinum; font-weight: bold;}
.login-wrap .login-radio ul { width: 80%; height: 41px; margin: 0 auto 40px;}
.login-wrap .login-radio ul li { float: left; width: 35%; padding-bottom: 15px; margin: 0 7.5%; font-size: 24px; text-align: center; cursor: pointer; background: #fff;}
.login-wrap .login-radio ul li.active { color: #538fdb !important; border-bottom: 2px solid #538fdb !important;}
.login-wrap .form-group { position: relative; margin-top: 28px;}
.login-wrap .form-group:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;}
.login-wrap .form-group .form-control-box { position: relative; margin-bottom: 1px; overflow: hidden; border: 1px solid #ddd; border-radius: 3px;}
.login-wrap .form-group .form-control-box.error { margin-bottom: 0; border-bottom: 2px solid #f44;}
.login-wrap .form-group label { float: left; width: 90px; font-size: 14px; line-height: 48px; color: #333; text-indent: 15px;}
.login-wrap .form-group .text { float: left; width: 328px; height: 48px; padding: 0; font-size: 14px; overflow: hidden; border: 0;}
.login-wrap .form-group .captcha { float: right; margin-top: 10px;}
.login-wrap .form-group .captcha img { display: block;}
.login-wrap .form-group-spe .form-control-box .text { width: 220px;}
.login-wrap .form-group-phonecode .form-control-box .text { width: 170px;}
.login-wrap .form-group .form-control-error { position: absolute; left: 0; height: 25px; font-size: 14px; line-height: 25px; color: #f44; overflow: hidden;}
.login-wrap .form-group .form-control-error i { width: 16px; height: 16px; margin-right: 5px; font-size: 16px;}
.login-wrap .form-group .form-control-error i:after { content: '\e696'; font-family: iconfont;}
.login-wrap .form-group-spe .phonecode { display: inline-block; width: auto; height: 38px; padding: 0; margin: 6px 10px 0 10px; font-size: 14px; line-height: 38px; color: #1069f5; text-align: right; cursor: pointer; background: none; border: none;}

.login-wrap .safety { height: 18px; margin: 35px 0 25px; font-size: 14px; line-height: 18px;}
.login-wrap .safety label { cursor: pointer;}
.login-wrap .safety label .checkbox { margin: 0 3px 0 0; vertical-align: middle; cursor: pointer;}
.login-wrap .safety label span { vertical-align: middle; cursor: pointer;}
.login-wrap .safety .forget-password { margin-top: 3px;}
.login-wrap .safety .forget-password:hover { color: #1069f5;}

.login-wrap .login-btn { overflow: hidden;}
.login-wrap .login-btn .btn-img { width: 420px; height: 50px; padding: 0; font-size: 16px; line-height: 50px; color: #fff; text-align: center; text-decoration: none; letter-spacing: 2px; cursor: pointer; background: #1069f5; border: none; border-radius: 4px;}

.login-wrap .item-coagent { padding: 20px 35px 35px; overflow: hidden;}
.login-wrap .item-coagent a { position: relative; float: left; width: 33.33%; text-align: center;}
.login-wrap .item-coagent a i { display: block; width: 42px; height: 42px; margin: 0 auto; font-size: 28px; line-height: 42px; color: #fff; text-align: center; border-radius: 50%;}
.login-wrap .item-coagent a[data-id="pc_weixin"] i { background: #24c923;}
.login-wrap .item-coagent a[data-id="qq"] i { background: #12b7f5;}
.login-wrap .item-coagent a[data-id="weibo"] i { background: #f44;}
.login-wrap .item-coagent a span { display: block; padding: 6px 0; color: #999;}

/*扫描登录*/
.login-mobile .default-state { width: 290px; padding-bottom: 27px; margin: 0 auto; text-align: center;}
.login-mobile .default-state .qrcode-tit { padding: 44px 0 25px; font-size: 16px; color: #888;}
.login-mobile .default-state .ma { width: 165px; height: 165px; margin: 0 auto; border: #f3f3f3;}
.login-mobile .default-state .ma img { display: inline; width: 165px; height: 165px;}
.login-mobile .default-state .ma-help { padding-top: 20px;}
.login-mobile .default-state .ma-help a { color: #999;}
.login-mobile .default-state .ma-help span { padding: 0 13px; color: #ccc;}
.login-mobile .default-state .qrcode-desc { width: 150px; margin: 30px auto 0; text-align: left; overflow: hidden;}
.login-mobile .default-state .qrcode-desc i { float: left; width: 30px; height: 30px; margin-top: 3px; margin-right: 10px; background-position: -50px -90px;}
.login-mobile .default-state .qrcode-desc p { float: left; width: 110px; font-size: 12px; line-height: 18px; color: #999;}
.login-mobile .default-state .qrcode-desc p a { margin: 0 3px;}

/*登录弹框*/
.pop-login-mask,.pop-choose-spec-mask { position: fixed; top: 0; left: 0; z-index: 999999; display: none; width: 100%; height: 100%; background: #000; opacity: 0.15; filter:alpha(opacity=15);}
.pop-login-main,.pop-choose-spec-main { position: fixed; top: 60px; left: 50%; z-index: 1000001; width: 370px; margin-left: -185px; display: none; border: 4px solid rgba(0,0,0,.1); border: 4px solid #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.pop-choose-spec-main { top: 50%; width: auto; min-width: 370px; max-width: 550px; margin-top: -150px;}
.pop-login-header,.pop-choose-spec-header { position: relative; height: 36px; padding: 0 10px; font-size: 14px; font-family: "Microsoft YaHei"; line-height: 36px; color: #666; background: #f7f7f7;}
.pop-login-header .pop-login-close, .pop-login-header .tell-me-close, .pop-choose-spec-header .pop-choose-spec-close { position: absolute; top: 13px; right: 13px; display: block; width: 13px; height: 13px; background-position: -41px -44px;}
.pop-login-con,.pop-choose-spec-con { position: relative; min-height: 80px; padding: 10px 10px 20px; background: #fff;}

.pop-choose-spec-main { margin-left: -225px;}
.pop-choose-spec-con .dt, .pop-choose-spec-con .dd { display: inline-block;}
.pop-choose-spec-con .dd { width: 430px;}
.pop-choose-spec-con .choose-btn { text-align: center;}
.pop-choose-spec-con .choose-btn .btn { margin-right: 5px;}
.pop-choose-spec-con .choose-btn .btn:last-child { margin-right: 0;}

/*ajax之前加载效果*/
.ajax-loading { width: 100%; height: 30px; padding: 30px 0; text-align: center;}
.ajax-loading img { width: 30px; height: 30px;}

/*属性选择弹框*/
.choose { width: 530px; padding: 15px 0;}
.choose dl.attr { display: inline-block; padding-bottom: 6px;}
.choose dl.attr dt { float: left; width: 66px; margin-right: 10px; line-height: 40px; color: #999; text-align: right;}
.choose dl dd { float: left; width: 460px;}
.choose dl.attr dd li { position: relative; float: left; margin: 0 8px 4px 0; line-height: 28px; vertical-align: middle;}
.choose dl.attr dd li a { float: left; width: auto !important; min-width: 16px; padding: 3px 9px 2px; color: #000; text-align: center; background-color: #fff; border: 1px solid #b8b7bd;}
.choose dl.attr dd li.selected a { border: 1px solid #f44;}
.choose dl.attr dd li.selected i { position: absolute; right: 1px; bottom: .8px; display: block; width: 12px; height: 12px; overflow: hidden; background: url(../images/goods-icon.png) no-repeat; background-position: 0 -20px;}
.choose dl.attr dd li.invalid a { cursor: not-allowed; background: #eee; border: 1px dashed #b8b7bd;}
.choose dl.attr dd li a img, .choose dl.attr dd li a span { float: left; height: 30px; color: #666; vertical-align: middle;}
.choose dl.attr dd li a img { margin-right: 3px;}
.attr-list { padding: 0; margin: 10px 0; max-height: 217px;}
.attr-btn { padding: 10px 0; text-align: center;}
.attr-btn input { margin: 0 5px;}

/*站点选择弹框*/
.welcome-bg { position: fixed; top: 0; left: 0; z-index: 9999998; display: none; width: 100%; height: 100%; background: #000; opacity: .6; filter: alpha(opacity=60);}
.welcome { position: fixed; z-index: 9999999; display: none; width: 600px; height: auto; background: #fff; border: 4px solid #ccc;}
.welcome .site-tit { height: 54px; font-size: 14px; line-height: 54px; text-align: left; text-indent: 23px; background: #f3f3f3;}
.welcome .default-address { display: inline-block; padding: 0 15px; height: 26px; margin: 10px 0 0 0; font-size: 14px; font-weight: bold; line-height: 26px; text-align: center; text-indent: 0; background: #f44; border-radius: 2px;}
.welcome .default-address a { color: #fff; text-indent: 0;}
.welcome .site-close { position: absolute; top: 20px; right: 20px; display: block; width: 13px; height: 13px; cursor: pointer; background-position: -41px -44px;}
.welcome .site-content { width: 90%; min-height: 150px; max-height: 300px; padding: 20px 4% 20px 6%; margin: 0 auto; text-align: center; overflow-y: auto;}
.welcome .site-content ul { width: 100%; height: auto; margin: 0 auto;}
.welcome .site-content ul li { float: left; width: 20%; height: 35px; line-height: 35px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.welcome .site-content ul li a { width: 100%; padding: 3px 15px; font-weight: normal; color: #999;}
.welcome .site-content ul li:hover a,.welcome .site-content ul li a:hover { color: #fff; background: #f44; border-radius: 2px;}

.header-box ul.fl { float: left;}
.sc-icon { float: left; line-height: 33px;}
.sc-icon span,.sc-icon .sc-choie { float: left;}
.sc-icon .sc-choie { min-width: 60px;}
.sc-icon span.ui-areamini-text { font-weight: 600; color: #f44;}
.sc-icon i.sc-icon-right { float: left; width: 15px; height: 18px; margin-top: 9px; margin-right: 3px; background: url(../images/change_city.gif) -85px 0 no-repeat;}
.sc-icon .sc-choie { height: 33px; padding: 0 5px; margin-top:0; *margin-top:1px; line-height: 33px; *line-height: 31px;}
.hover .sc-icon .sc-choie { background: #fff;}
.dorpdown-layer { position: absolute; top: 33px; left: 0; z-index: 99999; display: none; line-height: 33px; background: #fff; box-shadow: 0 0 8px #ccc;}
.hover .dorpdown-layer { display: block; -webkit-transition: all 600ms cubic-bezier(0.23,1,0.32,1);}
#city-choice .dd-spacer { position: absolute; bottom: -2px; left: 0; z-index: 100000; display: none; width: 100%; height: 10px; background: #fff; overflow: hidden;}
#city-choice:hover .dd-spacer { display: block;}
#city-choice { padding: 0; margin-right: 5px;}
#city-choice:hover .sc-choie { position: relative; z-index: 99999; background: #fff; border-bottom: 0; box-shadow: 0 0 8px #ccc;}
#city-choice:hover .dorpdown-layer { display: block;}
.dorpdown-layer .ui-areamini-content-wrap { width: auto; height: auto !important; min-width: 395px; max-height: 210px; padding: 20px 15px 15px; line-height: 20px; *line-height: 22px; overflow: hidden; background: #fff;}
.ui-areamini-content-wrap dl { margin-bottom: 5px; overflow: hidden;}
.ui-areamini-content-wrap dt { float: left; margin-right: 10px; font-weight: 700; color: #333;}
.ui-areamini-content-wrap dd { float: left;}
.ui-areamini-content-wrap dd a { display: block; padding: 0 4px 0 4px;}
.ui-areamini-content-wrap dd a:hover { color: #fff; background: #f44;}
.ui-areamini-content-wrap dd a.city_selected, .scrollBody .all-list li a.city_selected { color: #fff; background-color: #f44;}
.ui-areamini-content-wrap .search-first-letter { height: 20px; margin-top: 0; overflow: hidden;}
.ui-areamini-content-wrap .search-first-letter a { float: left; padding: 2px 4px; margin-right: 0; font-size: 14px; line-height: 14px; color: #f44;}
.ui-areamini-content-wrap .search-first-letter a:hover, .ui-areamini-content-wrap .search-first-letter a.selected { color: #fff; background: #f44;}

.scrollBody { position: relative; z-index: 10; overflow: hidden;}
.scrollBody .all-list { float: left; width: 380px; max-height: 150px; margin-top: 10px; overflow: hidden;}
.scrollBody .all-list ul { position: relative; z-index: 9; height: auto; min-height: 600px; overflow: hidden;}
.scrollBody .all-list li { float: left; width: 360px; padding: 0 0 4px 0; line-height: 24px;}
.scrollBody .all-list li em { float: left; width: 19px; height: 19px; padding-right: 2px; margin: 3px 7px 0 0; line-height: 19px; line-height: 18px\9; color: #fff; text-align: center; background:url(../images/change_city.gif) -20px -17px;}
.scrollBody .all-list li .itme-city { float: left; width: 330px;}
.scrollBody .all-list li a { display: inline-block; padding: 0 3px 0 3px; line-height: 20px; *line-height: 22px; color: #333;}
.scrollBody .all-list li a:hover { color: #fff; background: #e31939;}
.scrollBody .all-list li a.is_district, .scrollBody .all-list li a.is_district:hover { color: #999; background: none;}
.scrollBody .scrollBar { position: absolute; top: 5px !important; right: 0; float: right; width: 8px; height: 150px !important; background:url(../images/change_city.gif) -12px 0 repeat-y;}
.scrollBody .scrollBar .scrollBar-btn { position: absolute; top: 0; left: -5px; width: 20px; height: 36px !important; cursor: pointer; background: url(../images/change_city.gif) 3px 0 no-repeat;}

/*信息layer弹框*/
.layui-layer-btn .layui-layer-btn0 { background-color: #f44 !important; border-color: #f44 !important;}

/*头部滚动通栏悬浮框*/
.as-shelter { position: fixed; top: -60px; z-index: 102; display: block; width: 100%; height: 60px; background-color: #fff; opacity: .9; -webkit-transition: top .3s ease-out; -moz-transition: top .3s ease-out; -ms-transition: top .3s ease-out; -o-transition: top .3s ease-out; transition: top .3s ease-out;}
.as-shelter.show { top: 0;}
.follow-box { position: fixed; top: -60px; z-index: 102; display: block; width: 100%; height: 60px; margin: 0 auto; opacity: 1; -webkit-transition: top .3s ease-out; -moz-transition: top .3s ease-out; -ms-transition: top .3s ease-out; -o-transition: top .3s ease-out; transition: top .3s ease-out; box-shadow: 0 0 4px #dedede;}
.follow-box.show { top: 0;}
.follow-box-con { width: 1210px; height: 60px; margin: 0 auto;}
.follow-box .fp-tel { position: absolute; top: 3px; right: 14px; font-size: 14px; color: #f44;}
.follow-box .logo{ float: left; display: inline-block; width: 220px; height: 60px;}
.follow-box .logo img { max-width: 220px; max-height: 60px;}
.follow-box .search { position: relative; z-index: 999; float: left; width: 460px; margin-top: 10px; margin-left: 150px;}
.follow-box .search .search-form .search-info { position: relative; height: 36px; background: #fff; border-style: solid; border-width: 2px 0 2px 2px;}
.follow-box .search .search-form .search-info .search-type-box { position: absolute; top: 0; left: 0; width: 70px; height: 36px;}
.follow-box .search .search-form .search-info .search-type-box .search-type { display: inline-block; width: 70px; height: 36px; overflow: hidden;}
.follow-box .search .search-form .search-info .search-type-box .search-type li { display: inline-block; width: 72px; height: 36px; margin-left: -2px; font-size: 13px; line-height: 36px; color: #fff; text-indent: 20px; cursor: pointer;}
.follow-box .search .search-form .search-info .search-type-box .search-type li.curr, .follow-box .search .search-form .search-info .search-type-box .search-type li.curr:hover { width: 70px; margin-left: 0; color: #666; text-indent: 18px; background-color: #fff;}
.follow-box .search .search-form .search-info .search-type-box i { position: absolute; top: 16px; right: 7px; display: inline-block; width: 11px; height: 11px; font-size: 12px; font-style: normal; color: #666; vertical-align: -1px; background-position: 0 -80px; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.follow-box .search .search-form .search-info .search-type-box:hover i { top: 10px; right: 10px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);}
.follow-box .search .search-form .search-info .search-box { position: absolute; top: 0; left: 70px; height: 36px;}
.follow-box .search .search-form .search-info .search-box .search-box-input:focus { outline: 0}
.follow-box .search .search-form .search-info .search-box-input { position: relative; z-index: 2; width: 289px; height: 24px; padding: 0 3px 0 5px; margin: 6px 0; line-height: 24px; color: #999; border: 0; border-left: 1px solid #e9e9e9; outline: 0;}
.follow-box .search .search-form .search-info .button { position: absolute; top: 0; right: 0; width: 70px; height: 36px; padding: 0 8px 0 12px; font-size: 16px; line-height: 36px; color: #fff; letter-spacing: 4px; cursor: pointer; overflow: hidden; border: 0;}
@-moz-document url-prefix() {.follow-box .search .search-form .search-info .button { line-height: 36px;}}
.follow-box .search .search-form .search-info .search-box .search-box-con { height: 30px; line-height: 30px;}
.follow-box .search .search-form .search-info .search-box-input:focus, .follow-box .search .search-form .search-info .search-box .search-box-input:focus { outline: 0;}
.follow-box .login-info { float: right; height: 60px; line-height: 60px;}
.follow-box .login-info a { padding: 5px 15px; margin-left: 15px; font-size: 14px; border-radius: 2px;}
.follow-box .login-info a.logout, .follow-box .login-info a.register { color: #fff;}

/*工商网监*/
.hbwj { width: 30px; height: 30px; margin: 0 auto; text-align: center; border: 1px solid #e5e5e5; background: #fff;}
.hbwj img { width: 20px; height: 25px; margin-top: 2px; margin-left: 0; background: #fff;}

/*在线客服*/
.service-btn { cursor: pointer;}
.service-btn img { max-width: 20px; max-height: 20px; vertical-align: middle;}
.service-btn span { height: 20px; line-height: 26px; vertical-align: middle;}

/*认证信息证件放大样式*/
.example-image { margin-top: -63px; margin-left: 165px;}
.example-image span { float: left; height: 22px; margin-right: 8px; line-height: 22px; color: #999;}
.example-image ul.image-group li:hover .enlarge-image, .examples .form-control-box:hover .enlarge-image { display: block;}
.example-image .enlarge-image,.examples .enlarge-image { position: absolute; bottom: 0; left: 68px; z-index: 1; display: none; height: auto; max-width: 400px; max-height: 300px; background: #fff; border: 1px solid #ddd;}
.examples .enlarge-image { left: 170px;}

/*专题页面*/
.topic-box { height: auto; min-height: 0; overflow-x: auto;}

/*红包弹层*/
.layer-mask-box { position: absolute; top: 59%; left: 50%; z-index: 1000000; display: none; width: 580px; margin-top: -204px; margin-left: -290px; overflow: hidden;}
.layer-mask-box .layer-mask-content { width: 580px; height: 408px; overflow: hidden; background-color: transparent;}
.layer-mask-box .layer-mask-close { position: absolute; top: 0; right: 0; display: inline-block; width: 40px; height: 40px; cursor: pointer; background-image: url(../images/layer-close.png);}
.layer-mask-wrap { font-size: 14px; color: #fff; text-align: center;}
.layer-mask-wrap .layer-type { display: inline-block; width: 400px; height: 200px; background-image: url(../images/bonus.png);}
.layer-mask-wrap .layer-name { margin-top: 25px; font-size: 16px;}
.layer-mask-wrap .command { margin-top: 15px;}
.layer-mask-wrap .command .command-btn { display: inline-block; width: 200px; height: 54px; font-size: 18px; line-height: 54px; color: #fff; background-color: #f44; border: 1px solid #f44;}
.layer-mask-wrap .command .command-btn:hover { opacity: .8;}
.layer-mask { position: absolute; top: 0; left: 0; z-index: 999999; display: none; width: 100%; height: 100%; background-color: rgb(0, 0, 0); filter: alpha(opacity=60) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; -webkit-opacity: 0.6 !important; -khtml-opacity: 0.6 !important; -moz-opacity: 0.6 !important; -ms-opacity: 0.6 !important; -o-opacity: 0.6 !important; opacity: 0.6 !important;}

/*页面当前位置*/
.breadcrumb { width: 100%; margin: 10px auto;}
.breadcrumb i, .breadcrumb .index, .crumbs-nav, .crumbs-arrow, .breadcrumb .last { float: left; line-height: 24px;}
.crumbs-arrow { font-family: simsun; font-style: normal; padding: 0 6px;}
.crumbs-nav { position: relative; z-index: 2;}
.crumbs-nav .crumbs-title { position: relative; z-index: 1; display: inline-block; height: 22px; padding: 0 25px 0 10px; line-height: 22px; border: 1px solid #eee; background: #fff;}
.crumbs-nav .crumbs-title .icon { position: absolute; top: 9px; right: 8px; display: block; width: 11px; height: 6px; background-position: 0 -62px;}
.crumbs-nav .crumbs-drop { position: absolute; top: 23px; left: 0; display: none; width: 352px; padding: 10px 0 10px 10px; background: #fff; border-width: 1px; border-style: solid;}
.crumbs-nav .crumbs-drop li { float: left; width: 78px; height: 24px; margin-right: 10px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.crumbs-nav.curr { z-index: 13;}
.crumbs-nav.curr .crumbs-title { height: 23px; background: #fff; border-width: 1px; border-style: solid; border-bottom: 0;}
.crumbs-nav.curr .crumbs-title .icon { background-position: 0 0;}
.crumbs-nav.curr .crumbs-drop { display: block;}
.crumbs-nav .crumbs-search { position: relative; display: inline-block; width: 180px; height: 22px; line-height: 22px; border: 1px solid #eee;}
.crumbs-nav .crumbs-search .search-term { width: 150px; height: 22px; padding: 0 5px; line-height: 22px; color: #999; border: none;}
.crumbs-nav .crumbs-search .search-button { position: absolute; top: 0; right: 0; display: inline-block; width: 22px; height: 22px; padding: 0; cursor: pointer; background-color: #eee; background-position: -20px -122px; border: none;}
.breadcrumb-spe .crumbs-title { padding: 0 5px; border: none;}
.breadcrumb-spe .crumbs-nav .crumbs-title .icon { display: none;}

/*内容模块*/
.container { padding-top: 60px; margin: 0 auto;}
.container .title { max-width: 1210px; padding-bottom: 10px; margin: 0 auto; font-size: 30px; font-weight: normal; color: #333; text-align: center;}
.container .desc { max-width: 1210px; padding-bottom: 20px; margin: 0 auto; font-size: 14px; color: #666; text-align: center;}
.container .content { padding: 40px 0 60px;}

/*右侧联系*/
.sidebar { position: fixed; bottom: 55px; right: 25px; z-index: 999; width: 60px;}
.sidebar ul li { margin-top: 15px;}
.sidebar ul li a { display: block; width: 60px; height: 32px; padding: 14px 0; font-size: 14px; line-height: 16px; color: #fff; text-align: center; background: #488aff; background: linear-gradient(#669dff,#4085ff); border-radius: 50%;}
.sidebar ul li:hover a { background: linear-gradient(#4085ff,#669dff);}
.sidebar ul .sidebar-top a { width: 58px; height: 58px; padding: 0; line-height: 58px; background: #eee; border: 1px solid #e0e0e0;}
.sidebar ul .sidebar-top .iconfont { font-size: 32px; color: #bbb; text-align: center;}
.sidebar ul .sidebar-top:hover a { background: #eaeaea; border: 1px solid #ddd; color: #aaa;}
.sidebar-contact-wrap { position: fixed; top: 0; right: -400px; bottom: 0; z-index: 99999; width: 285px; background: #fff; box-shadow: 0 0 16px rgba(0,0,0,.13); transition: all .3s;}
.sidebar-contact-content { padding: 25px 30px 20px;}
.sidebar-contact-content .text { font-size: 14px; line-height: 24px; color: #666;}
.sidebar-contact-content .close-btn { padding-bottom: 15px; line-height: 1; text-align: right;}
.sidebar-contact-content .close-btn .iconfont { font-size: 30px; color: #888; cursor: pointer;}
.sidebar-contact-content .contact-type .text { font-size: 14px; line-height: 24px; color: #666;}
.sidebar-contact-content .contact-type .iconfont { margin-right: 5px; font-size: 26px; color: #8bb5ff; vertical-align: middle;}
.sidebar-contact-content .contact-type .tel, .sidebar-contact-content .contact-type .qq { padding-top: 15px; font-size: 20px; line-height: 30px; color: #333;}
.sidebar-contact-content .contact-form-wrap { padding-top: 30px;}
.sidebar-contact-content .contact-form-wrap .contact-form .input-text { width: 193px; height: 38px; padding: 0 15px; margin-top: 20px; font-size: 14px; border: 1px solid #ddd; border-radius: 3px;}
.sidebar-contact-content .contact-form-wrap .btn { width: 225px; height: 40px; padding: 0; margin-top: 20px; font-size: 14px; line-height: 40px; color: #fff; background: #1069f5; border: none; border-radius: 3px;}
.sidebar-contact-content .contact-form-wrap .success-info { display: none;}
.sidebar-contact-content .contact-form-wrap .success-info .iconfont { display: block; font-size: 40px; color: #1aad19; text-align: center;}
.sidebar-contact-content .contact-form-wrap .success-info .title { padding-bottom: 15px; font-size: 14px; font-weight: normal; color: #1aad19;}
.sidebar-contact-content .contact-form-wrap.success .contact-form { display: none;}
.sidebar-contact-content .contact-form-wrap.success .success-info { display: block;}
.sidebar-contact-content .wx-code { position: absolute; right: 0; bottom: 50px; left: 0;}
.sidebar-contact-content .wx-code img { display: block; width: 120px; height: 120px; margin: 0 auto;}
.sidebar-contact-content .wx-code p { font-size: 14px; color: #666; text-align: center;}
@media screen and (max-width: 1500px) {
	.sidebar-contact-content .wx-code { display: none;}
}
@media screen and (min-width: 1700px) {
	.sidebar-contact-content { padding: 64px 30px 30px;}
	.sidebar-contact-content .contact-form-wrap { margin-top: 40px;}
}

/*返回顶部*/
.gotop { position: fixed; right: 20px; bottom: 20px; z-index: 9999; display: none; width: 50px; height: 50px; font-size: 28px; line-height: 53px; color: #fff; text-align: center; background: #ddd; border-radius: 50%; transition: all .2s;}
.gotop:hover { color: #fff; background: #bbb;}

/*单选框*/
.radio-style label { float: left; width: auto !important; height: 28px; padding: 0 15px !important; margin: 2px 15px 8px 0; font-size: 12px; line-height: 28px; color: #333; text-align: center !important; border: 1px solid #c2c2c2; border-radius: 3px;}
.radio-style label:hover{ border:1px solid #f44; color: #f44;}
.radio-style label.active, .radio-style label.active:hover { border: 1px solid #f44; background: url(../images/active.jpg) right top no-repeat; color: #f44;}
.radio-style label input { display: none;}
.radio-style label { cursor: pointer; width: 100%;}

/*popover*/
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.6; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ff723a; border-radius: 6px; box-shadow: none; line-break: auto;}
.popover.top { margin-top: -10px;}
.popover.right { margin-left: 10px;}
.popover.bottom { margin-top: 10px;}
.popover.left { margin-left: -10px;}
.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;}
.popover-content { padding: 4px 12px; font-size: 12px; word-break: break-all;}
.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.popover > .arrow { border-width: 11px;}
.popover > .arrow:after { content: ""; border-width: 10px;}
.popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #f60; border-top-color: rgba(255, 102, 0, .5); border-bottom-width: 0;}
.popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff8f4; border-bottom-width: 0;}
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #f60; border-right-color: rgba(255, 102, 0, .5); border-left-width: 0;}
.popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff8f4; border-left-width: 0;}
.popover.bottom > .arrow { top: -6px; left: 50%; margin-left: -6px; border-width: 6px; border-top-width: 0; border-bottom-color: #ff723a;}
.popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;}
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #f60; border-left-color: rgba(255, 102, 0, .5);}
.popover.left > .arrow:after { content: " "; right: 1px; bottom: -10px; border-right-width: 0; border-left-color: #fff8f4;}

/*注册*/
.register-bottom { padding: 50px 0 45px; text-align: center; background: #1069f5 url(../images/index/register-tip.png) no-repeat center -206px;}
.register-bottom .title { line-height: 40px; color: #fff;}
.register-bottom form { width: 454px; margin: 20px auto 0;}
.register-bottom form .register-phone { width: 290px; height: 46px; padding: 0 15px; font-size: 14px; background: #fff; border: 1px solid #fff; border-radius: 4px 0 0 4px;}
.register-bottom .btn { display: block; width: 130px; height: 46px; padding: 0; font-size: 16px; line-height: 46px; color: #fff; vertical-align: middle; background: #1069f5; border: 1px solid #fff; border-radius: 0 4px 4px 0; transition: all .3s;}
.register-bottom .btn:hover { color: #fff; background: #407fff;}

/*商务通*/
#LRMINIBar { display: none !important;}

/*百度*/
#LXB_CONTAINER { width: 0 !important; height: 0 !important; overflow: hidden !important;}