﻿/*Begin 顶部导航条*/
a:active, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.head a:hover { text-decoration: none; }
.head { position: fixed; left: 0; top: 0; height: 48px; width: 100%;     background: rgba(255,255,255,0.95); border-bottom: 1px solid #ebebeb; /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/ z-index: 9999; font-family: '微软雅黑'; }

    .head > .top-bar { width: 1180px; height: 100%; margin: auto; }

        .head > .top-bar > div { height: 100%; }

        .head > .top-bar > .logo { font-size: 14px; line-height: 48px; }
			.head > .top-bar > .logo span{ position: relative; display: inline-block; height: 100%; padding: 0 11px; }
				.head > .top-bar > .logo span > a{padding:0;}
			.head > .top-bar > .logo span > i { display: inline-block; height: 100%; width: 8px; margin-left:8px; vertical-align: middle; background: url(../../../orange/img/common/index/menu_down.png) no-repeat center center; }
				.head > .top-bar > .logo span > div { display: none; position: absolute; left: 0; top: 48px; width: auto; min-width: 70px; white-space:nowrap; background: #FFFFFF; }
					.head > .top-bar > .logo span:hover{ }
					.head > .top-bar > .logo span:hover > div { display: block; }

			.head > .top-bar > .logo span > div > a,.head > .top-bar > .logo span p { display: block; line-height: 36px; margin: 0;}
			.head > .top-bar > .logo .three-menu-list{width: 100%;line-height: 36px; color: #9FA1A5; transition: color .4s; }
			.head > .top-bar > .logo .three-menu-list p{ padding-left: 12px;}
            .head > .top-bar > .logo a { white-space: nowrap; display: inline-block; padding: 0 11px; color: #2c2c2c; transition: color .4s; }
			.head > .top-bar > .logo a:hover,.head > .top-bar > .logo p:hover { color:#F66F0C; text-decoration: none; }
				
				
                .head > .top-bar > .logo > a:first-child { padding: 0 30px 0 0; }
				.head > .top-bar > .logo > a:first-child:hover { background-color: transparent; }


            .head > .top-bar > .logo img { display: inline-block; width: 73px; height: 25px; vertical-align: middle; max-width: none \9; }

            .head > .top-bar > .logo span { *display: inline-block; *zoom: 1; *display: inline; white-space: nowrap \9; }

        .head > .top-bar > .user-box { }

            .head > .top-bar > .user-box > .search { position: relative; width: 210px; height: auto; margin: 10.5px 10px 0 0; overflow: hidden; }
                .head > .top-bar > .user-box > .search:hover { }
				.head > .top-bar > .user-box > .search > form {padding:0;margin:0;position: relative;}
                .head > .top-bar > .user-box > .search input[type=text] { float: left; width: 150px!important; height: 27px!important; padding: 0 10px!important; margin: 0!important; line-height: 25px!important; border: 1px solid #EBEBEB!important; font-family: '微软雅黑'!important; font-size: 12px!important; box-shadow: none; border-top-left-radius: 54px!important; border-bottom-left-radius: 54px!important;box-sizing: border-box!important;}
                .head > .top-bar > .user-box > .search input[type=submit] { position: absolute; left: 150px; width: 40px; height: 27px; border: 0; background: url(//c2.cgyouxi.com/website/orange/img/index/search.png?v=201815) no-repeat center; cursor: pointer; background-size: 16px; }
                .head > .top-bar > .user-box > .search .bg { float: left; width: 40px; height: 27px; border: 0; background: url(//c2.cgyouxi.com/website/orange/img/index/search_ions.png?v20180815) no-repeat left top; cursor: pointer; background-size: auto 100%; }
                    .head > .top-bar > .user-box > .search input[type=text]:focus, .head > .top-bar > .user-box > .search input[type=submit]:focus { outline: none!important; box-shadow: none; }


            .head > .top-bar > .user-box > span { float: left; height: 100%; line-height: 48px; padding: 0 9px; transition: background-color .4s; }

            .head > .top-bar > .user-box > .icon_notice_box { padding: 0!important; background: inherit!important; }

            .head > .top-bar > .user-box > .angle { padding: 0; }

            .head > .top-bar > .user-box > span:hover { }

            .head > .top-bar > .user-box > span > a { color: #2c2c2c; transition: color .4s; font-size: 14px; }

                .head > .top-bar > .user-box > span > a:hover { color: #F66F0C; }

                .head > .top-bar > .user-box > span > a > img { vertical-align: middle; width: 16px; }

            .head > .top-bar > .user-box > .user-face > a > img { height: 30px; width: 30px; border-radius: 15px; }



            .head > .top-bar > .user-box > .msg > .msg-menu { top: 48px; left: 0; width: 126px; background-color: #FFFFFF; display: none; border-radius: 0 0 5px 5px; margin:0; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1); }

                .head > .top-bar > .user-box > .msg > .msg-menu > li { float: none; display: block; height: 30px; line-height: 30px; padding: 0 10px; border: none; font-size: 12px; transition: background-color .4s; }

                    .head > .top-bar > .user-box > .msg > .msg-menu > li > a { display: block; height: 100%; color: #2c2c2c; *cursor: pointer; *zoom: 1; }

                        .head > .top-bar > .user-box > .msg > .msg-menu > li > a:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

                        .head > .top-bar > .user-box > .msg > .msg-menu > li > a > .text { float: left; }

                        .head > .top-bar > .user-box > .msg > .msg-menu > li > a > .num { float: right; color: #999; }

                    .head > .top-bar > .user-box > .msg > .msg-menu > li:hover { border: none; color: #F66F0C; }
                    .head > .top-bar > .user-box > .msg > .msg-menu > li:hover > a {  color: #F66F0C; }
                    .head > .top-bar > .user-box > .msg > .msg-menu > li:hover > a > span {  color: #F66F0C; }

            .head > .top-bar > .user-box > .msg:hover > .msg-menu { display: block; }

            .head > .top-bar > .user-box > .msg > .msg-dot { position: absolute; right: 6px; top: 16px; height: 6px; width: 6px; background-color: #FF6600; border-radius: 3px; }
/*End 顶部导航条*/
.icon_notice_box{margin:0!important;}
#username{margin:0!important;}
.icon_notice_box {  position: relative;  float: left;  width: 38px;  text-align: center;  _background: #363636;  margin: 0 10px 0 0;  cursor: pointer; }
/* 广告位标签展示 */
.head > .top-bar > .logo > .ggLabel {
    position: relative;
}
.head > .top-bar > .logo > .ggLabel.new::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 1px;
    display: block;
    width: 22px;
    height: 13px;
    background: url("../../img/index/label_new.png") no-repeat center / 100%;
}
.head > .top-bar > .logo > .ggLabel.hot::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 1px;
    display: block;
    width: 22px;
    height: 13px;
    background: url("../../img/index/label_hot.png") no-repeat center / 100%;
}