@charset "UTF-8";
/*
活动专题页面公用 头部，底部
head_footer.css(活动专题头部底部公用样式)
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, span, a, i { margin: 0; padding: 0; }

html, body { font-family: "Microsoft YaHei",Verdana,Arial,sans-serif; font-weight: normal; font-size: 14px; }

ul, li { list-style: none; }

a { text-decoration: none; cursor: pointer; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a:focus { outline-style: none; outline: none; }

.clear:after { content: ""; display: block; clear: both; }

select, input, textarea { font-family: "Microsoft YaHei",Verdana,Arial; font-size: 12px; outline: none; }

em { font-style: normal; }

.ovx { overflow-x: hidden; }

/*公用布局*/
.wrap { display: block; width: 1040px; margin: 0 auto; }

.wrap2 { display: block; width: 1200px; margin: 0 auto; }

.wrap2:after { content: ""; display: block; clear: both; }

.dn, .hide { display: none; }

.tc { text-align: center; }

.tl { text-align: left; }

.tr { text-align: right; }

.fl { float: left; _display: inline; }

.fr { float: right; _display: inline; }

.rel { position: relative; }

.ov { overflow: hidden; }

.text-overflow { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; position: relative; }

.text-center { text-align: center; }

.bggray { background-color: #eff3f5; }

.bgwhite, .bgfff { background-color: #fff; }

.bgf4 { background-color: #f4f4f4; }

.mt30 { margin-top: 30px; }

.pt30 { padding-top: 30px; }

.pt60 { padding-top: 60px; }

.mb30 { margin-bottom: 30px; }

.mt15 { margin-top: 15px; }

.err { color: red; }

.bb1c { border-bottom: 1px #ccc solid; }

.bggreen { background-color: #green; }

.bgf1 { background-color: #f1f1f1; }

.bgf5 { background-color: #f5f5f5; }

img { border: none; }

/*头部*/
.top { height: 80px; }
.top .logo { float: left; margin: 0px 150px 0 10px; }
.top .logo a { display: inline-block; float: left; }
.top .logo span { display: inline-block; float: left; height: 40px; line-height: 40px; font-size: 15px; color: #333; }
.top .logo em { display: inline-block; color: #dfdfdf; padding: 0 12px; font-style: normal; }

.search_box { position: relative; float: left; margin-top: 18px; }
.search_box .search_inp { float: left; padding: 0 10px; width: 320px; height: 40px; line-height: 40px; border: 1px #dcdcdc solid; -webkit-transition: border-color .2s linear; transition: border-color .2s linear; box-sizing: content-box; }
.search_box .search_btn { float: left; width: 40px; height: 40px; border: 1px #dcdcdc solid; border-left: none; background: url(../img/common/search_btn.png) no-repeat center center; cursor: pointer; box-sizing: content-box; -webkit-transition: all .2s linear; transition: all .2s linear; }
.search_box .search_tip { position: absolute; right: 40px; top: 12px; }
.search_box .search_tip li { display: inline-block; float: left; margin-right: 10px; }
.search_box .search_tip a { display: inline-block; padding: 0 5px; font-size: 14px; background-color: #b7b7b7; height: 20px; line-height: 20px; color: #fbf9f9; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; }
.search_box .search_tip a:hover { background-color: #2ecb70; }
.search_box.active .search_inp, .search_box.active .search_btn { border-color: #2ecb70; }
.search_box.active .search_btn { background: #2ecb70 url(../img/common/search_btn2.png) no-repeat center center; }

.search_box3 { position: relative; float: right; margin-top: 18px; width: 250px; box-sizing: content-box; margin-right: 30px; height: 40px; border: 1px #2daa4f solid; }
.search_box3 .search_inp { float: left; padding: 0 10px; width: 210px; height: 40px; line-height: 40px; border: 1px #dcdcdc solid; -webkit-transition: border-color .2s linear; transition: border-color .2s linear; box-sizing: border-box; }
.search_box3 .search_btn { float: left; width: 40px; height: 40px; border: none; background: #34ba47 url(../img/common/search_btn2.png) no-repeat center center; cursor: pointer; box-sizing: content-box; -webkit-transition: all .2s linear; transition: all .2s linear; }

.login_txt { position: relative; float: right; margin-top: 16px; height: 40px; line-height: 40px; color: #999; font-size: 14px; }
.login_txt > a { display: inline-block; color: #333; font-size: 12px; line-height: 40px; }
.login_txt .ydl .hy { float: left; }
.login_txt .ydl img { float: left; margin: 0 5px; width: 36px; height: 36px; border-radius: 50%; }
.login_txt .ydl .nickname { float: left; display: inline-block; width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*登录后-改版2*/
.login_txt { height: 40px; position: relative; }

.login_txt .aft-userimg { width: 36px; height: 36px; padding: 2px; }

.login_txt .aft-userimg .tx { width: 36px; height: 36px; border-radius: 50%; border: 2px #e5e5e5 solid; }

.login_txt .aft-info { position: absolute; right: 0; top: 45px; width: 354px; height: 230px; text-align: left; background-color: #fdfeff; z-index: 10; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.login_txt .aft-info .caret { position: absolute; right: 20px; top: -5px; border-width: 5px; color: #2c3d4e; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }

.aft-info .info-top { height: 100px; line-height: 25px; width: 100%; background-color: #2c3d4e; overflow: hidden; }

.info-top .loginout { position: absolute; right: 20px; top: 24px; color: #f15f6f; }

.info-top .tx { display: inline-block; margin: 20px 30px; width: 54px; height: 54px; border-radius: 50%; border: 2px #e5e5e5 solid; }

.info-top .txbtn { display: inline-block; float: left; }

.info-top .name { padding-top: 20px; font-size: 20px; color: #faf8f8; }

.info-top .name p { margin-bottom: 0; line-height: 25px; }

.info-top .exp { line-height: 20px; }

.info-top .exp a { font-size: 14px; color: #9da5ad; }

.info-bottom { width: 100%; height: 128px; box-sizing: border-box; }

.info-bottom > a { position: relative; float: left; display: inline-block; padding-top: 75px; width: 33.3333%; height: 100%; font-size: 15px; color: #2c3d4e; text-align: center; box-sizing: border-box; }

.info-bottom > a:hover { color: #f15f6f; }

.info-bottom > a > span { position: absolute; display: inline-block; width: 40px; height: 40px; background: url(../img/common/regiconpng.png) no-repeat; }

.info-bottom .zhuye-icon { left: 40px; top: 22px; background-position: 0 -430px; }

.info-bottom .message-icon { left: 40px; top: 22px; background-position: 0 -470px; }

.info-bottom .account-icon { left: 40px; top: 22px; background-position: 0 -510px; }

.info-bottom .message-icon em { position: absolute; right: 0; top: 7px; width: 10px; height: 10px; background-color: #e75969; border-radius: 50%; }

.navi2 { float: left; padding: 15px 15px 0; }
.navi2 li { position: relative; float: left; padding: 0 12px; }
.navi2 .sub { display: inline-block; height: 20px; line-height: 20px; padding-bottom: 5px; font-size: 14px; color: #333; font-weight: 400; /* border-bottom:2px #fff solid; */ box-sizing: content-box; }
.navi2 .sub:hover { border-bottom: 1px #2ecb70 solid; }
.navi2 dl { display: none; position: absolute; left: 0; top: 25px; background-color: #fff; z-index: 11; }
.navi2 dl a { display: inline-block; padding: 0 10px; width: 60px; line-height: 30px; color: #333; box-sizing: content-box; }
.navi2 dl a:hover { color: #2ecb70; }

/* 二级头部 + 导航*/
.top2 { border-bottom: 1px #b7b8b8 solid; }
.top2 .logo { margin: 22px 0 0 0; }
.top2 .navi2 { padding-top: 30px; }
.top2 .search_box { padding-left: 30px; }
.top2 .login_txt { margin-top: 18px; }

/*底部 */
.footer { background-color: #2f332f; color: #cdcdcd; }
.footer .wrap { padding: 40px 0; width: 1040px; }
.footer .link { float: left; width: 450px; }
.footer .link dl { float: left; width: 130px; margin-right: 20px; }
.footer .link dt { font-size: 16px; margin-bottom: 10px; color: #a5a5a5; font-weight: bold; }
.footer .link dd { margin-bottom: 5px; }
.footer .link a { color: #a5a5a5; font-size: 14px; }
.footer .code { float: left; width: 290px; height: 140px; }
.footer .code span { margin-left: 10px; display: inline-block; text-align: center; }
.footer .code .weibo img { background-color: #fff; }
.footer .code span img { margin-bottom: 10px; padding: 5px; background-color: #fff; border-radius: 4px; }
.footer .contact { float: left; width: 259px; padding-left: 40px; border-left: 1px #4a4c4a solid; margin-bottom: 10px; font-size: 12px; line-height: 20px; }
.footer .contact .tel { margin-bottom: 0; font-size: 2.5em; line-height: 1.2em; color: #c92c2c; }

.yqlink { background-color: #2f332f; color: #cdcdcd; font-size: 14px; border-top: 1px #4a4c4a solid; padding-top: 10px; }
.yqlink a { display: inline-block; padding: 2px 5px; color: #cdcdcd; }

@media (max-width: 1200px) { .footer .wrap { width: 100%; } }
@media (max-width: 991px) { .footer .link { width: 90%; margin: 0 5% 20px; }
  .footer .link dl { float: left; width: 30%; margin-right: 3%; }
  .footer .code { width: 50%; text-align: center; }
  .footer .contact { width: 45%; padding-left: 2%; } }
@media (max-width: 768px) { .hidden-xs { display: none; }
  .top2 .login_txt { margin-right: 20px; }
  .footer .code { width: 90%; text-align: center; }
  .footer .contact { width: 90%; margin: 0 5%; padding-left: 0; } }

/*# sourceMappingURL=head_footer.css.map */