/*
*	放置公共头部样式和底部样式
*/

*{margin:0; padding:0; box-sizing: border-box;}
input:focus{outline: none;}
img{display: block;}
ul,li{list-style-type: none;}
a{color: #000; text-decoration: none;}
a:hover{text-decoration: none; color: #e5383c;} 
body{font-family: Arial, "微软雅黑", Helvetica, sans-serif; font-size: 14px; color: #333; padding-top: 48px;}

/** 隐藏body下的第一个br（body下面的一代子元素） **/
body>br:first-child {display: none}

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; } 
input:focus::-webkit-input-placeholder{ color:#999; } 

.warrp{width: 1200px; margin:0 auto; position: relative; z-index: 2;}
.ovhd{overflow: hidden;}
.fl{float:left; display: inline;}
.fr{float:right; display: inline;}
.clear:after{content: ''; display: table; width: 100%;height:0; clear: both;}
.mag-btm{margin-bottom: 10px;}
.mag-btm25{margin-bottom: 25px;}
.mag-r{margin-right: 10px;}

.pagg-pass{position: absolute; left:0;top:0; z-index: 6; width:100%; min-width: 1200px; background: #fafafa; border-bottom: 1px solid #efefef; margin-bottom: 10px;}
.pagg-pass .motto{line-height: 36px; color: #666;}
.pass-nav>li{float:left; display: inline; position: relative;}
.pass-nav>li:after { content:''; position: absolute; top: 10px; right: 0; width: 1px; height:12px; background-color: #dcdcdc;}
.pass-nav>li:first-child:after,.pass-nav>li:last-child:after { display: none;}
.pass-nav>li>a{display: block; line-height: 36px; color: #666666; font-size: 12px; text-decoration: none; padding:0 10px;}
.pass-nav>li.login >a{background:#e43a3d; color: #fff; position:relative;}
.pass-nav>li.login>a:after{position: absolute; content: ''; width:100%; height: 3px; background: #ce2125; left:0; bottom: 0;}
.pass-nav>li>a.site-map{width: 100px;}
.pass-nav>li>a.site-map i{color: #f43f00; display: none;}
.pass-nav>li>a.site-map img{display: inline-block;vertical-align: middle; margin: -1px 0 0 2px;}
.pass-nav>li>a.site-map .yk-close{display: none;}
.pass-nav>li>a.site-map.currt img{display: none;}
.pass-nav>li>a.site-map.currt .yk-close{display: inline-block;}
.pass-nav>li.login{position: relative;}
.pass-nav>li.login.active .pop-slide-login{display: block;}
.pass-nav>li.login .pop-slide-login{display: none; position: absolute; left: 0; top:36px; padding:30px 40px; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,0.12);}
.pass-nav>li.login .pop-slide-login input[type="text"],.pass-nav>li.login .pop-slide-login input[type="password"]{line-height: 20px; height: 28px; padding:0 5px; border:1px solid #ddd;}
.pass-nav>li.login .pop-slide-login li{margin-bottom: 10px; clear: both;overflow: hidden;}
.pass-nav>li.login .pop-slide-login .lab{float:left; display: inline;}
.pass-nav>li.login .pop-slide-login .lab input{float:left; display: inline; margin:3px 5px 0 0;}
.pass-nav>li.login .pop-slide-login .auto-forver{padding:10px 0;}
.pass-nav>li.login .pop-slide-login .text_user{background: url(//skin.ybbs.ca/common/common1311/images/login-all-bg_01.png) no-repeat 160px  center;}
.pass-nav>li.login .pop-slide-login .text_paddword{background: url(//skin.ybbs.ca/common/common1311/images/login-all-bg_02.png) no-repeat 160px;}
.pass-nav>li.login .pop-slide-login .text_button {background: #e43a3d; font-size: 14px;height: 35px;line-height: 35px; border: none;color: #fff; cursor: pointer; display: block; width: 100%;}
.pass-nav .user-info{position: relative;}
.pass-nav .user-info .topspeak1{background: url(//skin.ybbs.ca/common/common1311/images/icon1.gif) no-repeat; width: 7px; height: 7px; float:left; display: inline; margin:14px 0 0 5px; transition: all 300ms linear;}
.pass-nav .user-info .red{font-style: normal; color: #ff0000; float:left; display: inline; line-height: 36px;}
.pass-nav .user-info >a{float: left; display: inline;}
.pass-nav .user-info:hover>a{background: #fff;}
.pass-nav .user-info .nav-my{display: none; position:absolute; left: 0; top:36px; background: #fff; min-width: 100px; box-shadow: 0 3px 3px rgba(0,0,0,0.12);}
.pass-nav .user-info .nav-my a{display: block; padding:0 10px; font-size: 12px; color:#6c6c6c; line-height: 28px;}
.pass-nav .user-info .nav-my a:hover{background: #f5f5f5;}
.pass-nav .user-info:hover .nav-my{display: block;}
.pass-nav .user-info:hover .topspeak1{transform:rotateZ(180deg);}

.pass-nav .msg-info{position: relative;}
.pass-nav .msg-info>a>img{display: inline-block; vertical-align: middle;}
.pass-nav .msg-info>a>em{display: inline-block; vertical-align: middle; line-height: 36px; font-style: normal; margin:0 0 0 5px;}
.pass-nav .msg-info>a>.topspeak1{background: url(//skin.ybbs.ca/common/common1311/images/icon1.gif) no-repeat; width: 7px; height: 7px;  display: inline-block; vertical-align: middle; margin:0px 0 0 5px; transition: all 300ms linear;}
.pass-nav .msg-info:hover>a{background: #fff;}
.pass-nav .msg-info:hover>a .topspeak1{transform:rotateZ(180deg);}
.pass-nav .msg-info:hover .msg-nav-cont{display: block;}
.pass-nav .msg-info .msg-nav-cont{position: absolute; display: none; left: 0; top: 36px; min-width: 100px; background: #fff; box-shadow:0 3px 3px rgba(0,0,0,0.12); padding:5px 0;}
.pass-nav .msg-info .msg-nav-cont a{display: block; line-height: 28px; padding:0 10px; font-size: 12px;}
.pass-nav .msg-info .msg-nav-cont a:hover{background: #f5f5f5;}
.pass-nav .msg-info .msg-nav-cont .nav-numtip{font-size: 12px; line-height: 18px; padding:0 5px; background: #e43a3d; color:#fff; margin:5px 0px 0 0; border-radius:9px;}


.g-hd-advs{margin-bottom: 10px;}
.header{margin-bottom: 10px;}
.logo,.site-advs{margin-right: 20px;}

.oli-city{float: left; display: inline; display: none; font-size: 16px; line-height: 18px; color:#75737e; margin-top:10px; color:#333;}
.oli-wether-img{float:left; display: inline; margin:3px 8px 0; display: none;}
.oli-wether-img img{max-height: 26px; width: auto;}
.oli-wether-air{float:left; display: none; color:#333; font-size: 14px; line-height: 18px; margin-top: 10px;}
.today-exchangerate,.today-youjia{float:right; text-align: center; margin-left: 20px; display:none;}
.today-exchangerate .txt,.today-youjia .txt{font-size: 12px; line-height: 18px; color: #414551;}
.exchangerate-num,.youjia-num{font-size: 16px; line-height: 18px; font-weight: bold; color: #dd383e;}

.m-oil-serch{width: 300px; margin-right:20px;}
.m-oil-serch .m-oli{margin:5px 0; height: 40px; overflow: hidden;}
.m-oil-serch .site-search{overflow: hidden; border:2px solid #e4393c;}
.m-oil-serch .site-search .btn-serch{line-height: 26px; color: #fff; padding:0 10px; cursor: pointer; background-color:#e4393c;}
.m-oil-serch .site-search .intelligent-cont{overflow: hidden;}
.m-oil-serch .site-search .intelligent-cont input{width: 100%; border:none; font-size:12px; line-height: 26px; padding:0 5px;}
.header  .app-down-cont{padding-top: 6px; font-size: 12px; line-height: 20px;}
.header  .app-down-cont .ovhd{padding-left: 5px; padding-top: 14px;}
.header  .app-down-cont .free-down{color:#e5383c;}
.header  .app-down-cont .cagte{display: inline-block; margin-left: 5px; border-top: 4px solid #848484; border-left: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; vertical-align: middle; }

.nav{min-width:1200px;margin-bottom: 10px; background: #e5383c; position: relative; z-index: 5;}
.nav-list li{float:left; display: inline; }
.nav-list li>a{position: relative; display: block; padding:0 19px; line-height:42px; font-size: 16px; font-weight: 400; color: #fff; }
.nav-list li>a>i {position: absolute;top: -6px;right: -10px;display: inline-block;width: 34px;height: 24px;z-index: 1;}
.nav-list li>a .newicon {background: url(../images/new.png) no-repeat center;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.nav-list li>a .hoticon {right: -16px;background: url(../images/hot.png) no-repeat ;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.nav-list li>a:hover,.nav-list li.active>a{background:#d51618; transition: all 300ms linear;}
.nav-list li .triangle{display: inline-block; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; vertical-align: middle; margin-top: 3px;}
.nav-list li.nav-down-menu{position: relative;}
.nav-list li.nav-down-menu .down-menu-slide{position: absolute; z-index: 30; display: none; left: 0; top:42px; background: #fff; width: 100%; padding:5px 15px; box-shadow:0 2px 3px rgba(0,0,0,0.25);} 
.nav-list li.nav-down-menu .down-menu-slide a{display: block; font-size: 15px; line-height: 30px;}
.nav-list li.nav-down-menu:hover .down-menu-slide{display: block;animation-name: siteMapSlideDown;
	animation-timing-function: ease-in-out;
	animation-duration: 100ms;}
/*footer*/
.footer{padding:20px 0; background: #f5f5f5;}
.footer .footer-logo{float:left; display: inline; margin-right: 15px; padding-top: 27px;}
.footer .footer-info{float:left; display: inline; padding:10px 0 20px 15px;  border-left:1px solid #dcdcdc; font-size: 12px; line-height: 20px; color: #676767;}
.footer .footer-info .lit{margin-bottom:4px; overflow: hidden; }
.footer .footer-info .site-link a{float:left; display:inline; margin-right:5px; padding-right: 6px; position: relative;}
.footer .footer-info .site-link a:after{position: absolute;content: ''; width: 1px; height: 14px; right: 0; top: 3px; background: #c6c6c6;}
.footer .footer-info .site-link a:last-child:after{display: none;}
.footer .footer-info .copyright{color: #969696;}
.footer .footer-code-box{float:left; display:inline;}
.footer .footer-code-box li{float:left; display: inline; margin-left: 25px;}
.footer .footer-code-box li .down-cont{padding-top: 11px;}
.footer .footer-code-box li .lab-txt{font-size: 12px; line-height: 20px; color:#676767;; margin-bottom: 6px; text-align: center;}
.footer .footer-code-box li:last-child .lab-txt{text-align:left;}
.footer .footer-code-box li .lf-code{float:left; display: inline; margin-right:25px; }
.footer .footer-code-box li .app-down-link{display: block; font-size: 12px; line-height:24px; color:#fd4545; margin-bottom:6px; border:1px solid #fd4545; border-radius: 4px; text-align: center;  }
.footer .footer-code-box li .down-txt{font-size: 12px; color: #656565;}

/*顶部网站导航*/
.site-map-content{position: absolute; z-index:50; left:0; top:37px; display: none; width: 100%; min-width: 1200px; background: #fff; padding:34px 0;}
.site-map-content dl{float: left; display: inline; width: 89px; margin-right: 17px;}
.site-map-content dl.last{margin-right: 0; width: 32px;}
.site-map-content dl a{color:#333;}
.site-map-content dl dt{font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 15px;}
.site-map-content dl dd{margin-bottom: 12px;}
.site-map-content dl dd a{font-size: 14px; line-height: 20px;}
.site-map-content dl dd a:hover{color:#f54144;}
.look-more-site{text-align:right;}
.look-more-site a{color: #dd3737; margin-right: 100px;}
.site-map-content.animated{
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	display: block;
	animation-name: siteMapSlideDown;
	animation-timing-function: ease-in-out;
	animation-duration: 200ms;
}
@keyframes  siteMapSlideDown{
	0%{transform: translateY(-50px);opacity: 0;}
	100%{transform: translateY(0px); opacity: 1;}
}

/*意见反馈*/

.feedback .shadow{display: none; position:fixed; z-index:30; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.feedback .feed-close{position:absolute; right: 10px; top:10px;}
.feedback .style-close{position: relative; display: block; width: 22px; height: 22px; border-radius: 50%;   transform: rotateZ(45deg);}
.feedback .style-close:after,.feedback .style-close:before{position: absolute;  width:14px; height: 2px; content: ''; left: 4px; top: 10px; background: #000;}
.feedback .style-close:after{width: 2px; height: 14px; left: 10px; top: 4px;}
.feedback .style-close:hover{background: #fd0100;}
.feedback .style-close:hover:after,.feedback .style-close:hover:before{background: #fff;}

.feedback .feed-cont{display: none; position:fixed; z-index:60; left:50%; top: 50%; width: 620px; height: 600px; margin: -300px 0 0 -310px; background: #fff;}
.feedback .feed-cont .feed-header{font-size: 14px; line-height: 20px; padding:10px; background: #f5f5f5;}
.feedback .feed-box{margin:85px 85px;}
.feedback .feed-box .feed-tite{font-size: 18px; line-height: 28px; padding-bottom:5px; border-bottom:1px solid #d9d9d9; color:#838383; margin-bottom:20px;}
.feedback .feed-list{overflow: hidden; margin-bottom:15px;}
.feedback .feed-list li{float:left; display: inline; font-size: 18px; line-height: 66px; color: #999; text-align: center; background: #f5f5f5; padding:0 20px; margin-right: 15px; user-select:none;}
.feedback .feed-list li:hover{background: #eee;}
.feedback .feed-list li.currt{background:#e43a3d; color: #fff;}

.feedback .area-ipt textarea{width: 100%; height: 140px; resize: none; border:1px solid #dedede; padding:10px; font-size: 12px; line-height: 24px; display: block;}
.feedback .area-ipt textarea:focus{outline: none;}
.feedback .area-ipt textarea:-ms-input-placeholder {color:#d4d4d4;font-size:12px;}
.feedback .area-ipt textarea::-webkit-input-placeholder {color:#d4d4d4;font-size:12px;}
.feedback .area-ipt textarea:-moz-input-placeholder {color:#d4d4d4;font-size:12px;}

.feedback .contact-ipt input{border:1px solid #dedede; line-height: 20px; padding:7px 10px; width: 300px;}
.feedback .contact-ipt input::-webkit-input-placeholder {color:#d4d4d4;font-size:12px;}
.feedback .contr-box .contr-true{display: inline-block; font-size: 14px; line-height: 32px; padding:0 20px; background: #e43a3d; color:#fff; cursor: pointer;}
.feedback .contr-box .contr-true:hover{background: #d1272a;}

.feedback .feed-msg-err,.feedback .contact-err{font-size: 12px; line-height: 20px; color:#e43a3d; margin-bottom: 5px; visibility:hidden;}
.feedback .feed-msg-err.show-err,.feedback .contact-err.show-err{font-size: 12px; line-height: 20px; color:#e43a3d; margin-bottom: 5px; visibility:visible;}

.feedback.show .shadow{display: block;}
.feedback.show .feed-cont{display: block;animation-name: feedScaleIn;
	animation-duration: 150ms;
	animation-timing-function: linear;}
@keyframes feedScaleIn{
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}
.feedback .post-callback{display: none; position: fixed; font-size: 14px;z-index: 150;line-height: 30px;width: 120px;text-align: center;background: #fff;left: 50%;top: 50%;margin: -20px 0 0 -60px;box-shadow: 0 0 3px rgba(0,0,0,0.15);border-radius: 4px;padding: 5px 0;}
.feedback .post-callback .success{color:#1cd83b; display: none;}
.feedback .post-callback .faile{color:#e59011; display: none;}
.feedback .post-callback.show{display: block;animation-name: feedScaleIn;
	animation-duration: 100ms;
	animation-timing-function: linear;}


/*四大付费广告*/	
#placement_background{position: fixed; z-index:6; left:0; top:37px; width: 100%; }
#placement_background_lf{position: absolute;right: 50%;margin-right: 600px;}
#placement_background_lr{position: absolute;left: 50%;margin-left: 600px;}


#placement_couplet_left{position: fixed; z-index: 10; left:0; top:30%; }
.couplet-positon .contr-show{position: absolute; left: 0; top:0; width: 100%;}
.couplet-positon .contr-show .show{display: block; position: absolute; left:0; top:-20px; line-height: 20px; text-align: center; color:#fff; background:#e3393c; font-size: 12px; width: 100%; text-align: center; cursor: pointer;}
.couplet-positon .contr-show .close{display: none; position: absolute; right: 0; top:0; width: 20px; height: 20px; cursor: pointer;}
.couplet-positon .contr-show .close img{display: block; max-width: 100%;}
.couplet-positon .couplet-small{display: block;}
.couplet-positon .couplet-max{display: none;}
.couplet-positon.active .couplet-small{display: none;}
.couplet-positon.active .couplet-max{display: block;}
.couplet-positon.active .contr-show .show{display: none;}
.couplet-positon.active .contr-show .close{display: block;}

#placement_couplet_right{position: fixed; z-index: 10; right:0; top:30%; }

@media screen and (max-width: 1260px){
	#placement-couplet-left,#placement-couplet-right{display: none !important;}
}

#placement_float{position: fixed; z-index: 2; top:35%; right:50%; margin-right: 600px; }
#placement_float img{display: block; max-width: 300px;}
#placement_spring{margin-bottom:15px; position: relative; z-index: 2; min-height: 50px;}
#placement_spring img{display: block; max-width: 100%; margin:0 auto;}
#placement_spring .contr-show{position: absolute; right: 50%; top:0; margin-right: -600px; display: none;}
#placement_spring .contr-show .show{ display: inline-block; background:#ccc; font-size: 12px; padding:0 10px; line-height: 24px; cursor: pointer; color:#fff;}
#placement_spring #placement_spring_small,#placement_spring #placement_spring_max{display: none;}

#placement_spring.active .contr-show{display: block;}
#placement_spring.active .contr-show .close{display: none;}
#placement_spring.active .contr-show .show{display: block;}