/**
 @Name: 雨环网®
 @Author: 子音
 @Site: www.yher.cn
 */

/* skin base style */
/*region 字体和颜色*/
* {word-break:break-all;word-wrap: break-word;font-family:"Microsoft Yahei","\5FAE\8F6F\96C5\9ED1",Verdana,Helvetica,Arial,sans-serif;
	_font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
	-webkit-text-size-adjust:none;}
html{font-size:1px;}
html,body{overflow-x: hidden;}
html body{-margin-top: 61px;}
html,body{_background-color: #F2F2F2;background-color: #fff;color:#666666}
i,cite{font-style: normal;}
em { font-style:normal;}
form,input,select,textarea,td,th {font-size:12px;line-height: normal;}
input,textarea,select {padding:6px;}
img {border:none;vertical-align:middle;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
pre{padding: 10px 15px; margin: 10px 0; font-size: 12px; border-left: 6px solid #009688;  background-color: #f8f8f8; font-family: Courier New; overflow: auto;}
pre{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333333; font-family: Courier New; font-size: 12px;}
pre{border: none; border-left: 5px solid #ddd;}
/* 系统 */


/*配色  地址必须写上 css所在文件夹名称，以便于样式替换*/
a,a:link{color:#333333;text-decoration:none;cursor:pointer;}
a:visited,a:active{color:#a9a9a9;text-decoration:none;}
/* 辅助 */
a:hover{text-decoration:none;color:#007AFF;transition: all .3s;}
/* links */
/*region common */



/*region menu */
/*endregion*/



/*endregion*/


/*logo*/
h1.logo{_width:180px;width:auto;height:88px;overflow:hidden;}
h1.logo a{display:inline-block;_width:180px;width:auto;height:60px;}
h1.logo img{height:60px;_margin-top:10px;}
h1.logo cite{clear:both;font-size:14px; display:block;text-align: center;_margin-top: -5px;letter-spacing: 1px;color: #999999;}
@media (max-width:767px){
	h1.logo{float:none; }
	h1.logo,h1.logo a{width:100%;}
	h1.logo a{width:100%;text-align:center;}
	.footer-nav{font-size:12px}
	.copyright,.powered,.tongji{text-align:center;}
}
.sitelang label{line-height:16px;display: inline-block;vertical-align: middle;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 10px;}
.sitelang label a{max-width: 80px;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sitelang label i{ display: inline-block;vertical-align: middle;background-position: -112px -48px;width: 16px;height: 16px;background-image: url(lang.png);background-repeat: no-repeat;}
.sitelang label:hover{-webkit-animation-name: bs-rotate;animation-name: bs-rotate;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.sitelang label:hover a{color: red;}

/*region nav css*/



/*endregion*/

/*region header*/
#header{width: 100%;_background: #F8F8F8;height: 30px;border-bottom: #E5E5E5 1px solid;padding: 0;background:#f4f4f4;}
#header.fixed {position:fixed;z-index: 999;right: 0;left: 0;top: 0;}
#head{font-size:12px;}

/*业务菜单*/
.nav-l li span.arrow,.nav-r li span.arrow {border-style: solid dashed dashed dashed;border-color: #b3b3b3 transparent transparent transparent;border-width: 5px 5px 0;overflow: hidden;font-size: 0;height: 0;width: 0;display: inline-block;margin-left: 5px;vertical-align: middle;-webkit-transition: 0.25s ease-in;-moz-transition: 0.25s ease-in;-o-transition: 0.25s ease-in;transition: 0.25s ease-in;}
.nav-l li:hover span.arrow,.nav-r li:hover span.arrow {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.nav-l>li {float: left;display: inline;position: relative;z-index: 1;}
.nav-l>li .nav-menu-title {padding: 0 7px 0 10px;line-height: 29px;border: 1px solid #f5f5f5;border-bottom: none;cursor: pointer;}
.nav-l>li .nav-menu-title a {color: #666;}
.nav-l>li .nav-menu-hd {position: absolute;top: 30px;z-index: 12;background: #fff;border: 1px solid #e4e4e4;padding: 0 7px 10px 10px;border-top: none;line-height: 28px;left: 0;right: 0;display: none;}

.nav-l>li:hover .nav-menu-title {border: 1px solid #e4e4e4;background: #fff;color: #333333;border-bottom: none;}
.nav-l>li:hover .nav-menu-title a {color: #333333;text-decoration: none;}
.nav-l>li:hover .nav-menu-hd {display: block;}

.nav-l>li .nav-menu-share {margin-left: 3px;margin-top: 6px;}
.nav-l>li .nav-menu-share span {display: inline-block;*display: inline;*zoom: 1;background: url("icon_home.png") 0 0 no-repeat;width: 16px;height: 16px;}
.nav-l>li .nav-menu-share span.icon-weixin {background-position: 0 -88px;}
.nav-l>li .nav-menu-share span.icon-sina {background-position: -22px -88px;}
.nav-l>li .nav-menu-share span.icon-zone {background-position: -44px -88px;}
.nav-l>li .nav-menu-share span.icon-work {background-position: -66px -88px;}
.nav-l>li .nav-menu-share a {margin: 0 3px;float: left;display: inline;}
.nav-l>li .nav-menu-share a.weixin-content {position: relative;}
.nav-l>li .nav-menu-share a.weixin-content .weixin-hd {display: none;}
.nav-l>li .nav-menu-share a.weixin-content .weixin-hd .arrow-top {position: absolute;top: 13px;z-index: 12;left: 3px;}
.nav-l>li .nav-menu-share a.weixin-content .weixin-hd .arrow-top i {
	border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-width: 6px;overflow: hidden;width: 0;height: 0;display: block;position: absolute;}
.nav-l>li .nav-menu-share a.weixin-content .weixin-hd .weixin-text {padding: 15px 15px 10px 15px;border: 1px solid #e4e4e4;
	text-align: center;/*IE*/
	text-align: -moz-center;/*Firefox*/
	text-align: -webkit-center;/*Chrome*/
	background: #fff;position: absolute;left: -60px;top: 24px;}
.nav-l>li .nav-menu-share a.weixin-content .weixin-hd .weixin-text p {color: #666;}
.nav-l>li .nav-menu-share a.weixin-content:hover .weixin-hd {display: block;}


.nav-r {float: right;display: inline;background: #f5f5f5;height: 29px;}
.nav-r>li {float: left;display: inline;position: relative;}
.nav-r>li span.nav-line {width: 1px;height: 13px;line-height: 13px;background: #ccc;display: inline-block;*display: inline;*zoom: 1;margin: 8.5px 3px;}
.nav-r>li .management-center,.nav-r>li .message,.nav-r>li .personal-info,.nav-r>li .cart,.nav-r>li .site-navigation,.nav-r>li .notice,.nav-r>li .login {color: #666;height: 31px;line-height: 29px;border-bottom: none;padding: 0 9px 0 10px;cursor: pointer;z-index: 12;position: relative;}
.nav-r>li .management-center a,.nav-r>li .message a,.nav-r>li .personal-info a,.nav-r>li .cart a,.nav-r>li .site-navigation a,.nav-r>li .notice a,.nav-r>li .login a {color: #666;}
.nav-r>li .management-center a.message-amount,.nav-r>li .message a.message-amount,.nav-r>li .personal-info a.message-amount,.nav-r>li .cart a.message-amount,.nav-r>li .site-navigation a.message-amount,.nav-r>li .notice a.message-amount,.nav-r>li .login a.message-amount {color: #fff;}
.nav-r>li .logout,.nav-r>li .register {line-height: 30px;padding: 0 9px 0 10px;}
.nav-r>li .logout a,.nav-r>li .register a {color: #666;text-decoration: none;}
.nav-r>li .logout a:hover,.nav-r>li .register a:hover {color: #ff7200;}
.nav-r>li .hello {line-height: 30px;padding: 0 0 0 10px;color: #666;}
.nav-r>li .management-center-hd,.nav-r>li .message-hd,.nav-r>li .personal-info-hd,.nav-r>li .cart-hd,.nav-r>li .site-navigation-hd,.nav-r>li .login-hd,
.nav-r>li .notice-hd {position: absolute;border: 1px solid #e4e4e4;background: #fff;z-index: 4;top: 29px;display: none;}
.nav-r>li .login-hd {padding: 15px 12px 13px 15px;width: 147px;}
.nav-r>li .login-hd>ul>li {line-height: 28px;}
.nav-r>li .login-hd>ul>li span {margin-right: 10px;}
.nav-r>li .notice-hd {right: 0;}
.nav-r>li .notice-hd h3 {padding: 5px 19px;line-height: 24px;font-size: 12px;border-bottom: 1px solid #e4e4e4;}
.nav-r>li .notice-hd h3 .text-title-right {float: right;display: inline;}
.nav-r>li .notice-hd>ul {padding: 12px 19px 10px 19px;}
.nav-r>li .notice-hd>ul>li {width: 258px;}
.nav-r>li .notice-hd>ul>li span {float: right;display: inline;color: #999;line-height: 28px;}
.nav-r>li .notice-hd>ul>li a {line-height: 28px;width: 77%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 12px;}
.nav-r>li .notice-hd>ul>li a:before {content: "";width: 6px;height: 6px;background: #b3b3b3;border-radius: 10px;position: absolute;top: 12px;left: 0;margin-right: 10px;}
.nav-r>li .notice-hd>ul>li.active a:before {background: #fe8432;}
.nav-r>li .notice-hd .notice-more {height: 28px;background: #f9f9f9;border-top: 1px solid #e4e4e4;line-height: 28px;padding-right: 16px;text-align: right;}
.nav-r>li .notice-hd .notice-more a:hover {text-decoration: none;}
.nav-r>li .site-navigation-hd {padding: 23px 3px 26px 3px;width: 1200px;right: -101px;}
.nav-r>li .site-navigation-hd li {padding: 0 16px;float: left;display: inline;border-right: 1px solid #e4e4e4;}
.nav-r>li .site-navigation-hd li h4 {color: #ff7200;font-size: 14px;padding: 0 4px 10px 12px;font-weight: 700;}
.nav-r>li .site-navigation-hd li a {padding: 0 12px;display: block;line-height: 26px;}
.nav-r>li .site-navigation-hd li .navigation-hd-list {float: left;display: inline;}
.nav-r>li .site-navigation-hd li .navigation-hd-list h5 {font-size: 12px;font-weight: 700;padding: 0 4px 0 12px;line-height: 26px;}
.nav-r>li .site-navigation-hd li .navigation-hd-list h5 a {color: #666;padding: 0;}
.nav-r>li .site-navigation-hd li .navigation-hd-list h5 a:hover {color: #ff7200;}
.nav-r>li .site-navigation-hd li:last-child {border-right: none;}
.nav-r>li .message-amount,.nav-r>li .cart-amount {background: #fe9b1d;color: #fff;padding: 0 5px;min-width: 10px;height: 20px;line-height: 20px;text-align: center;/*IE*/text-align: -moz-center;/*Firefox*/text-align: -webkit-center;/*Chrome*/display: inline-block;margin: 5px 0 0 5px;}
.nav-r>li .cart-hd {right: 0;font-size: 14px;}
.nav-r>li .cart-hd>ul {height: 223px;overflow-y: auto;overflow-x: hidden;padding-left: 12px;}
.nav-r>li .cart-hd>ul>li {border-bottom: 1px dashed #e4e4e4;width: 281px;line-height: 24px;padding: 13px 25px 13px 0;}
.nav-r>li .cart-hd>ul>li .cart-title span {color: #ff0000;font-size: 14px;float: right;display: inline;}
.nav-r>li .cart-hd>ul>li .cart-title a {color: #0066cc;}
.nav-r>li .cart-hd>ul>li .cart-title a:hover {color: #ff7200;}
.nav-r>li .cart-hd>ul>li .cart-text {color: #666;}
.nav-r>li .cart-hd>ul>li .cart-text .text {color: #999;}
.nav-r>li .cart-hd>ul>li:last-child {border-bottom: none;}
.nav-r>li .cart-hd .cart-more {background: #f9f9f9;border-top: 1px solid #e4e4e4;padding: 15px 17px 15px 0;text-align: right;}
.nav-r>li .cart-hd .cart-more .account {line-height: 14px;height: 14px;}
.nav-r>li .cart-hd .cart-more .account span {color: #ff0000;margin: 0 5px;font-weight: 700;}
.nav-r>li .cart-hd .cart-more .cart-button {width: 130px;height: 36px;line-height: 36px;text-align: center;/*IE*/text-align: -moz-center;/*Firefox*/text-align: -webkit-center;/*Chrome*/color: #fff;background: #fd5c52;border-radius: 5px;}
.nav-r>li .cart-hd .cart-more .cart-button:hover {background: #e74c3c;}
.nav-r>li .cart-hd .cart-more .empty-cart {line-height: 40px;height: 40px;}
.nav-r>li .cart-hd .cart-more .empty-cart a:hover {text-decoration: none;}
.nav-r>li .personal-info-hd {left: 0;padding: 10px 8px 10px 14px;width: 200px;}
.nav-r>li .personal-info-hd ul {float: left;display: inline;}
.nav-r>li .personal-info-hd .personal-btn-text {float: right;display: inline;}
.nav-r>li .personal-info-hd .personal-btn-text .personal-btn {width: 44px;height: 24px;line-height: 24px;display: block;}
.nav-r>li .personal-info-hd .personal-btn-text .recharge-button {color: #fff;background: #fe8431;}
.nav-r>li .personal-info-hd .personal-btn-text .recharge-button:hover {background: #ff7200;}
.nav-r>li .personal-info-hd .personal-btn-text .logout-button {color: #999;background: #efefef;margin-top: 12px;}
.nav-r>li .personal-info-hd .personal-btn-text .logout-button:hover {background: #e7e6e6;}
.nav-r>li .personal-info-hd li {line-height: 26px;}
.nav-r>li .message-hd {padding: 4px 18px 10px 18px;width: 262px;}
.nav-r>li .message-hd h3 {line-height: 36px;border-bottom: 1px solid #e4e4e4;font-size: 12px;}
.nav-r>li .message-hd h3 a {float: right;display: inline;}
.nav-r>li .message-hd li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 28px;}
.nav-r>li .message-hd li span {color: #999;margin-right: 5px;}
.nav-r>li .management-center-hd {padding: 10px 17px 0 16px;width: 517px;left: 0;}
.nav-r>li .management-center-hd li {padding: 7px 0;border-bottom: 1px solid #e4e4e4;*zoom: 1;}
.nav-r>li .management-center-hd li:before,.nav-r>li .management-center-hd li:after {display: table;content: "";}
.nav-r>li .management-center-hd li:after {clear: both;}
.nav-r>li .management-center-hd li h3 {float: left;display: inline;width: 70px;color: #ff6600;font-weight: 700;font-size: 12px;line-height: 26px;}
.nav-r>li .management-center-hd li .mc-text {float: left;display: inline;}
.nav-r>li .management-center-hd li .mc-text .mc-row {line-height: 26px;}
.nav-r>li .management-center-hd li .mc-text .mc-row a {margin-right: 14px;}
.nav-r>li .management-center-hd li:last-child {border-bottom: none;}
.nav-r>li:hover .notice a.message-amount {color: #fff;}
.nav-r>li:hover .management-center,.nav-r>li:hover .message,.nav-r>li:hover .personal-info,.nav-r>li:hover .cart,.nav-r>li:hover .site-navigation,.nav-r>li:hover .notice,.nav-r>li:hover .login {border: 1px solid #e4e4e4;color: #333333;background: #fff;padding: 0 8px 0 9px;border-bottom: none;height: 30px;}
.nav-r>li:hover .management-center a,.nav-r>li:hover .message a,.nav-r>li:hover .personal-info a,.nav-r>li:hover .cart a,.nav-r>li:hover .site-navigation a,.nav-r>li:hover .notice a,.nav-r>li:hover .login a {color: #333333;text-decoration: none;}
.nav-r>li:hover .login-hd {display: block;}


.icon, .icon-bid-tixing, .sortclick i, .icon-right, .icon-cart-submit, .icon-cart-accounts, .icon-server-intro, .icon-server-standard, .icon-server-business, .close, .icon-remove-cart, .icon-rr-login, .icon-rr-tip, a.fast-register-bnt:hover span.icon-fast-register, a.add-cart-bnt:hover span.icon-bnt-cart, .icon-fast-register, .icon-bnt-cart, .icon-error, .icon-rr-cart, .icon-remark, .icon-remind, .icon-sales, .new-icon, .icon-android, .icon-ios, .sidebar-small, .icon-sider-close, .icon-link-hd-telephone, .icon-sidbar-member, .icon-sidbar-qq, .icon-sidbar-telephone, .icon-sidbar-app, .icon-wsp, .icon-sb, .icon-yzj, .icon-ydjj, .icon-yyjy, .icon-new, .icon-hot, .icon-search, .icon-close, .homepage .section7 .flex-next, .homepage .section7 .flex-prev, .icon-wei-a3, .icon-wei-a2, .icon-wei-a1, .icon-support, .icon-payment, .icon-follow, .icon-help, .icon-about, .homepage .section3 .flex-prev, .homepage .section3 .flex-prev:hover, .homepage .section3 .flex-next:hover, .homepage .section3 .flex-next, .homepage .section3 .flex-pre, .icon-search, .icon-search-trade, .icon-lock, .icon-empty-cart, .icon-cart, .icon-login-zs, .icon-login-yh, .icon-login-qq, .icon-login-weixin, .icon-login-sina, .icon-login-alipay, .icon-login-baidu, .icon-login-360 {background: url(icon_home.png) 0 0 no-repeat;}
.icon-login-zs, .icon-login-yh, .icon-login-qq, .icon-login-weixin, .icon-login-sina, .icon-login-alipay, .icon-login-baidu, .icon-login-360 {width: 20px;vertical-align: middle;}
[class^=icon-], [class*=icon-] {display: inline-block;}

.icon-login-zs {background-position: -17px -105px;height: 17px;}
.icon-login-yh {background-position: 1px -105px;height: 17px;}
.icon-login-qq {background-position: 0 -129px;height: 22px;}
.icon-login-weixin {background-position: 0 -159px;height: 18px;}
.icon-login-sina {background-position: 0 -186px;height: 22px;}
.icon-login-alipay {background-position: 0 -218px;height: 17px;}
.icon-login-baidu {background-position: 0 -246px;height: 20px;}
.icon-login-360 {background-position: 0 -275px;height: 17px;}
.icon-cart {background-position: 0 0;height: 12px;width: 12px;margin-right: 5px;}
.icon-empty-cart {background-position: 0 -25px;height: 15px;width: 15px;vertical-align: middle;margin-right: 3px;}
.icon-hot,.icon-new {width: 26px;height: 12px;vertical-align: middle;margin-left: 3px;}
.icon-hot {background-position: -61px -116px;}
.icon-new {background-position: -61px -137px;}
.icon-lock {height: 13px;width: 8px;background-position: 0 -12px;margin-left: 5px;}
.icon-search-trade {background-position: 0 -291px;height: 50px;width: 52px;margin-left: 20px;}
.icon-search {width: 20px;height: 20px;background-position: -20px -41px;vertical-align: middle;}
.icon-close {background-position: -50px -46px;width: 13px;height: 13px;vertical-align: middle;}
.icon-wsp,.icon-sb,.icon-yzj,.icon-ydjj,.icon-yyjy {width: 60px;height: 60px;}
.icon-yyjy {background-position: -26px -344px;}
.icon-ydjj {background-position: -26px -405px;}
.icon-yzj {background-position: -26px -466px;}
.icon-sb {background-position: -26px -527px;}
.icon-wsp {background-position: -25px -588px;}

/*endregion*/
/*region footer*/
#foot{height:1px;padding-top: 5%;}
#footer {color:#444;_border-top: 1px solid #262626;_border-top: 1px solid #111;_box-shadow: 0 -1px 10px 3px rgba(0,0,0,.2);background:#f5f5f5;text-align: center;}
#footer {line-height:20px;padding:12px 0 0px 0; _margin-top:20px;border-top: 1px solid #eee!important;}

.footer-nav {_background:#F4F4F4;_border-bottom:#333 1px solid;_padding:10px 0;_text-align:center;_height:40px;line-height:20px;overflow:hidden;color:#666666;}
.footer-nav a,.footer-nav a:link{color:#666666;}
.footer-nav a:visited{color:#666666;}
.footer-nav a:hover{color:#999999;}
.footer-nav a:active{color:#444;}

.copyright,.powered{font-size:12px;}
.powered {padding:0px 0 0;}
.powered a,.powered a:link{color:#444;}
.powered a:visited{color:#444;}
.powered a:hover{color:#666666;}
.powered a:active{color:#888;}
.powered a img{height:12px;margin:-2px 1px 0 5px;}

.tongji {padding-bottom:10px; }
.qr{width:300px;height:155px;margin:0 auto;}
.qr li{width:150px;float:left;}
.qr li img{width:108px;height:auto;border: 1px solid #eee;}
.qr li p{font-size:12px;}
.qr li img:hover{ -webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);
   transition: -webkit-transform 0.8s ease-in-out;
    transition: -moz-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;}
/*endregion*/

.pb15{padding-bottom: 15px;}
/*region 广告标记代码*/

/*文字版*/
.adi{ position:relative;display: block;}
.adi i {position: absolute;_right: 0;_bottom: 0px;overflow: hidden;_z-index: 1;text-decoration: none;background-color: rgba(0,0,0,.5);font-style:normal;color: #ccc;padding: 0 4px;}

.adi.i0 i{right:0;bottom:0;}
.adi.i3 i{right:0;top:0;}
.adi.i7 i{left:0;bottom:0;}
.adi.i8 i{left:50%;bottom:0;transform: translate(-50%);}

.ad10 i {min-width: 32px;height:18px;width:auto;font-size:10px;}
.bs-field-box {padding: 0;}
.bs-field-box img{max-width: 100%;height: auto}
/*endregion 广告*/

.bs-elem-field legend{width: auto;border: 0;border-radius: 4px;background: #424242;color: white;font-size: 12px;_margin: 0 auto;padding:2px 10px;position: absolute;;left:0;top: -10px;}
/*region */

/*endregion*/



.fl {float: left;}
/*region reset*/



/*endregion*/



/* 单行列表 */
.yh-img-responsive{display: block;max-width: 100%;height: auto;}
.yh-img-center,.img-center{margin-left:auto;margin-right:auto;}

/*会员*/
#yh_member{ height:20px; margin-top:5px;  _color:#444; color:#888;text-align:right;float:right;}
#yh_member .f_b {color:#66afe9;color:#39f;color:#f5f5f5;}
.text-center{text-align:center!important;}
.img-responsive{display:block;max-width:100%;height:auto}