@font-face { 
font-family: katong;
src: url('font/katong.eot');
}
@font-face { 
font-family: katong;
src: url('font/katong.otf');
}
@font-face { 
font-family: katong;
src: url('font/katong.svg');
}
@font-face { 
font-family: katong;
src: url('font/katong.ttf');
}
@font-face { 
font-family: katong;
src: url('font/katong.woff');
}
@font-face { 
font-family: katong;
src: url('font/katong.woff2');
}

/*header*/
.header .ico{ display:inline-block; vertical-align:middle; background:url(../images/top-ico-v2.png) no-repeat;}
.header{ height:111px; line-height:1.5; background:url(../images/header-bg.jpg) repeat-x; min-width:1000px;}
.header-wrap{ width:1000px; margin:0 auto;}
.header .logo{ float:left; width:256px; height:109px; margin:2px 10px 0 0; background:url(../images/logo.png) no-repeat;}
.header .logo a{ display:block; width:256px; height:0; padding-top:109px; overflow:hidden;}
.header .nav-channel{ float:left; margin-top:33px;}
.header .nav-channel li{ float:left; width:72px;}
.header .nav-channel li a{ display:block;}
.header .nav-channel li a:hover{ color:#fd900f; text-decoration:none;}
.header .nav-channel li a .ico{ display:block; width:42px; height:42px; margin:0 auto 5px;}
.header .nav-channel li a .ico-cha-n{ background-position:0px 0;}
.header .nav-channel li a:hover .ico-cha-n{ background-position:0px -44px;}
.header .nav-channel li a .ico-cha-a{ background-position:-44px 0;}
.header .nav-channel li a:hover .ico-cha-a{ background-position:-44px -44px;}
.header .nav-channel li a .ico-cha-iphone{ background-position:-88px 0;}
.header .nav-channel li a:hover .ico-cha-iphone{ background-position:-88px -44px;}
.header .nav-channel li a .ico-cha-ipad{ background-position:-132px 0;}
.header .nav-channel li a:hover .ico-cha-ipad{ background-position:-132px -44px;}
.header .nav-channel li a .ico-cha-v{ background-position:-176px 0;}
.header .nav-channel li a:hover .ico-cha-v{ background-position:-176px -44px;}
.header .nav-channel li a .ico-cha-bbs{ background-position:-220px 0;}
.header .nav-channel li a:hover .ico-cha-bbs{ background-position:-220px -44px;}
.header .nav-channel li .txt{ display:block; font-size:13px; color:#565656; text-align:center;}
.header .nav-channel li a:hover .txt{ color:#fd900f;}
/*old search*/
.header .search-box{ float:right; width:274px; height:37px; margin-top:38px; border:1px solid #d3d3d3; background:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.header .search-box .search-combobox{ float:left; width:230px; height:37px; }
.header .search-box .search-combobox .text{ width:204px; height:23px; line-height:23px; padding:7px 12px; color:#9c9c9c; border:0 none; background:none;} 
.header .search-box .search-combobox .active{ color:#000;}  
.header .search-box .search-button{ float:right; width:44px; height:37px;}
.header .search-box .search-button .btn-search{ float:left; width:44px; height:37px; border:0 none; padding:0; cursor:pointer; background:url(../images/top-ico.png) no-repeat 9px -99px;}
/*new search*/
.header .search-box-v{ float:right; width:274px; height:37px; margin-top:38px; border:1px solid #d3d3d3; background:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.header .search-box-v .select{ float:left; width:81px; font-size:12px; position:relative; z-index:999}
.header .search-box-v .select a.xg1{ width:61px; height:37px; padding-right:20px; overflow:hidden; background:url(../images/select_bg.jpg) no-repeat; display:block; text-decoration:none; text-indent:0.7em; line-height:37px;  color:#666; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px;}
.header .search-box-v .select .p_pop{ display:none; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; position:absolute; left:-1px; top:34px;}
.header .search-box-v .select .p_pop li{ width:80px; height:30px; line-height:30px; background-color:#fff; border-bottom:1px solid #d3d3d3; text-indent:0.7em;}
.header .search-box-v .select .p_pop li a{ width:80px; height:30px; overflow:hidden; display:block; color:#666; text-decoration:none;}
.header .search-box-v .select .p_pop li a:hover{ background-color:#eee;}
#hidden{ display:none;}
.header .search-box-v .search-combobox{ float:left; width:149px; height:37px;}
.header .search-box-v .search-combobox .text{ width:133px; height:23px; line-height:23px; padding:7px 8px; _padding:6px 8px; color:#9c9c9c; border:0 none; background:none;} 
.header .search-box-v .search-combobox .active{ color:#000;}  
.header .search-box-v .search-button{ float:right; width:44px; height:37px;}
.header .search-box-v .search-button .btn-search{ float:left; width:44px; height:37px; background:url(../images/top-ico-v2.png) no-repeat 5px -99px; border:0 none; padding:0; cursor:pointer;}

/*gb-header*/
.gb-header .ico{ display:inline-block; vertical-align:middle; background:url(../images/ico.png) no-repeat;}
.gb-header .ico-cha-n{ width:24px; height:18px; background-position:-1px -8px;}
.gb-header .ico-cha-a{ width:24px; height:18px; background-position:-31px -8px;}
.gb-header .ico-cha-iphone{ width:20px; height:23px; background-position:-64px -5px;}
.gb-header .ico-cha-ipad{ width:19px; height:23px; background-position:-95px -4px;}
.gb-header .ico-cha-bbs{ width:22px; height:20px; background-position:-124px -6px;}
.gb-header{ height:65px; line-height:1.5; background:url(http://ue.66u.com/images/index/2014/06/sub//header-bg.jpg) repeat-x;}
.gb-header-wrap{ width:1000px; margin:0 auto;}
.gb-header-wrap a:hover{text-decoration: none;}
.gb-header-wrap span{float: left;margin: 45px 0 0 2px;display: inline;font-family: katong!important;font-size: 16px;color: #330000;}
.gb-header .logo{ float:left; width:175px; height:52px; margin-top:3px; margin-right:40px; background:url(../images/logo.png) no-repeat;}
.gb-header .logo a{ display:block; color:#2b2b2b;}
.gb-header .logo a:hover{ text-decoration:none;}
.gb-header .logo a .txt{  width:95px; height:30px; padding:20px 0 5px 88px; overflow:hidden;}
.gb-header .logo a .txt span{ display:block; line-height:13px; text-align:center;}
.gb-header .nav-channel{ float:left;}
.gb-header .nav-channel li{ float:left; width:97px;}
.gb-header .nav-channel li a{ display:block; width:97px; height:65px; text-align:center;}
.gb-header .nav-channel li a:hover{ text-decoration:none; background:#e3e3e3;}
.gb-header .nav-channel li .btn-cha{ display:block; width:97px; height:23px; padding-top:11px;}
.gb-header .nav-channel li .btn-cha .ico-cha-n{ margin-top:3px;}
.gb-header .nav-channel li .btn-cha .ico-cha-a{ margin-top:3px;}
.gb-header .nav-channel li .btn-cha .ico-cha-iphone{ margin-top:3px;}
.gb-header .nav-channel li .btn-cha .ico-cha-bbs{ margin-top:3px;}
.gb-header .nav-channel li .txt{ display:block; font-size:13px; color:#323437; text-align:center;}
.gb-header .nav-channel li a:hover .txt{ color:#fd900f;}
.gb-header .search-box{ float:right; width:274px; height:37px; margin-top:11px; border:1px solid #d3d3d3; background:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.gb-header .search-box .search-combobox{ float:left; width:230px; height:37px; }
.gb-header .search-box .search-combobox .text{ width:204px; height:23px; line-height:23px; padding:7px 12px; color:#9c9c9c; border:0 none; background:none;} 
.gb-header .search-box .search-combobox .active{ color:#000;}  
.gb-header .search-box .search-button{ float:right; width:44px; height:37px;}
.gb-header .search-box .search-button .btn-search{ float:left; width:44px; height:37px; background:url(../images/ico.png) no-repeat -146px 2px; border:0 none; padding:0; cursor:pointer;}

/*new-gb-header*/
.gb-header-v .ico{ display:inline-block; vertical-align:middle; background:url(../images/ico-v2.png) no-repeat; z-index:100;}
.gb-header-v .ico-cha-n{ width:24px; height:18px; background-position:-1px -8px;}
.gb-header-v .ico-cha-a{ width:24px; height:18px; background-position:-31px -8px;}
.gb-header-v .ico-cha-iphone{ width:20px; height:23px; background-position:-64px -5px;}
.gb-header-v .ico-cha-ipad{ width:19px; height:23px; background-position:-95px -4px;}
.gb-header-v .ico-cha-v{ width:24px; height:24px; background-position:-54px -55px;}
.gb-header-v .ico-cha-bbs{ width:22px; height:20px; background-position:-124px -6px;}
.gb-header-v{ height:80px; line-height:1.5;}
.gb-header-wrap{ width:1000px; margin:0 auto;}
.gb-header-v .logo{ float:left; width:250px; height:80px; background:url(../images/logo-gb.png) no-repeat;}
.gb-header-v .logo a{ display:block; color:#2b2b2b;}
.gb-header-v .logo a:hover{ text-decoration:none;}
.gb-header-v .logo a .txt{ width:85px; height:30px; padding:15px 0 5px 75px; overflow:hidden;}
.gb-header-v .logo a .txt span{ display:block; line-height:13px; text-align:center;}
.gb-header-v .nav-channel{ float:left;}
.gb-header-v .nav-channel li{ float:left;}
.gb-header-v .nav-channel li a{ float:left; height:36px; padding:14px 7px 0; text-align:center;}
.gb-header-v .nav-channel li a:hover{ text-decoration:none; background:#e3e3e3;}
.gb-header-v .nav-channel li .ico-cha-n{ margin:-4px 4px 0 0;}
.gb-header-v .nav-channel li .ico-cha-a{ margin:-6px 3px 0 0;}
.gb-header-v .nav-channel li .ico-cha-iphone{ margin:-3px 3px 0 0;}
.gb-header-v .nav-channel li .ico-cha-ipad{ margin:-4px 3px 0 0;}
.gb-header-v .nav-channel li .ico-cha-v{ margin:-4px 3px 0 0;}
.gb-header-v .nav-channel li .ico-cha-bbs{ margin:-2px 3px 0 0;}
.gb-header-v .nav-channel li .txt{ font-size:13px; color:#323437; text-align:center;}
.gb-header-v .search-box-v{ float:right; width:274px; height:31px; margin-top:7px; border:1px solid #d3d3d3; background:#f2f2f2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.gb-header-v .search-box-v .select{ float:left; width:81px; font-size:12px; position:relative; z-index:999}
.gb-header-v .search-box-v .select a.xg1{ width:61px; height:31px; line-height:31px; padding-right:20px; overflow:hidden; background:url(../images/select_bg.jpg) no-repeat 0 -4px; display:block; text-decoration:none; text-indent:0.7em;  color:#666; border-top-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px;}
.gb-header-v .search-box-v .select .p_pop{ display:none; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; position:absolute; left:-1px; top:29px;}
.gb-header-v .search-box-v .select .p_pop li{ width:80px; height:30px; line-height:30px; background-color:#fff; border-bottom:1px solid #d3d3d3; text-indent:0.7em;}
.gb-header-v .search-box-v .select .p_pop li a{ width:80px; height:30px; overflow:hidden; display:block; color:#666; text-decoration:none;}
.gb-header-v .search-box-v .select .p_pop li a:hover{ background-color:#eee;}
#hidden{ display:none;}
.gb-header-v .search-box-v .search-combobox{ float:left; width:149px; height:31px;}
.gb-header-v .search-box-v .search-combobox .text{ width:133px; height:17px; line-height:17px; padding:7px 8px; color:#9c9c9c; border:0 none; background:none;} 
.gb-header-v .search-box-v .search-combobox .active{ color:#000;}  
.gb-header-v .search-box-v .search-button{ float:right; width:44px; height:31px;}
.gb-header-v .search-box-v .search-button .btn-search{ float:left; width:44px; height:31px; background:url(../images/top-ico.png) no-repeat 10px -103px; border:0 none; padding:0; cursor:pointer;}

/*gb-nav*/
.ico-arrow-down{ display:inline-block; vertical-align:middle; width:9px; height:4px; background:url(../images/ico.png) no-repeat 0px -36px;}
.gb-nav{ height:45px; background:#323437; margin-bottom:20px; z-index:99;}
.gb-nav .gb-nav-wrap{ width:1000px; margin:0 auto; position:relative;}
.gb-nav li{ float:left; display:inline; padding-right:16px;}
.gb-nav li a{ float:left; display:inline; height:39px; line-height:39px; border-bottom:6px solid #323437; font-size:16px; color:#fff; padding:0 10px; text-align:center;}
.gb-nav li a:hover{ border-bottom:6px solid #ff9c00; color:#ff9c00; text-decoration:none;}
.gb-nav .recommend-app{ position:absolute; right:0; top:0; width:127px; height:45px; background:#212326;z-index:999;}
.gb-nav .recommend-app .tit{ color:#fff; cursor:pointer; text-align:center; margin-top:14px;}
.gb-nav .recommend-app .ico-arrow-down{ margin-left:5px; _margin-top:5px;}
.gb-nav .recommend-app .app-list{ position:absolute; right:0; top:45px; width:231px; display:none;}
.gb-nav .recommend-app .app-list .app-list-c{ height:69px; overflow:hidden;}
.gb-nav .recommend-app .app-list .app-list-c a{ display:block; height:49px; background:#212326; padding:10px 12px;}
.gb-nav .recommend-app .app-list .app-list-c a:hover{ background:#323437;}
.gb-nav .recommend-app .app-list .app-list-c .app-list-c1{ float:left;}
.gb-nav .recommend-app .app-list .app-list-c .app-list-c1 img{ width:49px; height:49px;}
.gb-nav .recommend-app .app-list .app-list-c .app-list-c2{ float:left; padding-left:8px;}
.gb-nav .recommend-app .app-list .app-list-c .app-list-c2 .name{ font-size:14px; font-weight:bold; color:#bababa; height:28px; line-height:24px;}
.gb-nav .recommend-app .app-list .app-list-c a:hover .app-list-c2 .name{ color:#ff9c00;}
.gb-nav .recommend-app .app-list .app-list-c .app-list-c2 .intro{ color:#787878; padding-left:10px; background:url(../images/ico.png) no-repeat -181px -50px;}
.gb-nav .recommend-app .app-list .app-list-c .app-list-c3{ float:right; width:15px; height:27px; background:url(../images/ico.png) no-repeat 0 -52px; margin-top:18px;}
.gb-nav .recommend-app .app-list .app-list-c a:hover .app-list-c3{ background-position:-21px -52px;}

/*footer*/
.footer-gb-box{ background:#989898;}
.footer{ line-height:1.5;}
.footer-wrap{ width:1000px; margin:0 auto; clear:both;}
.footer .footer-sitemap{ background:#989898; border-bottom:1px solid #bababa; padding:26px 0; position:relative;}
.footer .footer-sitemap li{ float:left; width:155px; text-align:center;}
.footer .footer-sitemap li .tit a{ font-size:14px; font-weight:bold; color:#fff;}
.footer .footer-sitemap li .tit a:hover{ color:#333333;}
.footer .footer-sitemap li .list a{ font-size:14px; color:#fff; height:22px; line-height:22px;}
.footer .footer-sitemap li .list a:hover{ color:#333333;}
.footer .footer-sitemap .footer-logo{ position:absolute; top:30px; right:65px;}
.footer .footer-sitemap .footer-logo a{ display:block; width:145px; height:145px; line-height:500px; overflow:hidden; background:url(../images/footer-logo.jpg) no-repeat;}
.footer .footer-gb{ font-family:Tahoma,Arial; background:#989898; padding:12px 0 20px;}
.footer .footer-gb p{ color:#ffffff; text-align:center; line-height:24px;}
.footer .footer-gb p a{ color:#ffffff; margin:0 4px;}

/*side-app*/
.side-app{ position:fixed; _position:absolute; right:13px; bottom:80px; _top:expression(eval(document.documentElement.scrollTop+300));}
.side-app .side-app-inner{ position:relative;}
.side-app .app-s a{ display:block; width:95px; height:185px; background:url(../images/code-s.jpg) no-repeat;}
.side-app .app-b{ width:150px; position:absolute; right:94px; bottom:48px; padding:10px; border:1px solid #e6e6e6; background:#fff; display:none;}
.side-app .app-b .app-b-pic{ width:150px; height:150px; background:url(../images/code-b.jpg) no-repeat;}
.side-app .app-b p{ font-size:12px; color:#333333; line-height:18px; text-align:center;}

/*side-tools*/
.side-tools{ width:51px; position:fixed; _position:absolute; right:20px; bottom:15px; _top:expression(eval(document.documentElement.scrollTop+500)); z-index:999;}
.side-tools .gotop-row{ height:51px;}
.side-tools .gotop{ width:51px; height:51px; display:block; background:url(../images/gotop.png) no-repeat; text-indent:-999em; overflow:hidden; display:none;}
.side-tools .gotop:hover {background-position:0 -51px;}

.gb-header-wrap p{
    float: right;
    width: 60px;
    position: relative;
    z-index: 888;
    margin-top: 3px;
}
.gb-header-wrap p.gw{
    width: 100px;
	text-align: center;
}
.gb-header-wrap p a {
    width: 100%;
    float: left;
    background: url(../images/wx.png) no-repeat center 6%;
    padding-top: 55px;
    color: #646464;
}
.gb-header-wrap p.gw a {
    background: url(../images/box.png) no-repeat center 6%;
}
.gb-header-wrap p em {
    width: 138px;
    height: 138px;
    position: absolute;
    top: 87px;
    right: -42px;
    display: none;
}
.gb-header-wrap p em img {
    width: 130px;
    height: 130px;
    vertical-align: middle;
    background: #fff;
    padding: 3px;
    border: 1px solid #099cda;
}
.gb-header-wrap p:hover em{
   display: block;
}
.two-d-code-box i {
    position: absolute;
    left: 94px;
    top: 94px;
    z-index: 11;
    width: 48px;
    height: 48px;
    /*background: url(http://www.3733.com/style/3733box/ssjj/images/sprites.png) no-repeat;*/
    background-position: -543px -65px;
}
.two-d-code-box img{
    border:3px solid #fff;
}