/*the global*/
body{font-family: 'Microsoft YaHei'; font-size: 12px; line-height: 1.86; color: #333333; min-width:1000px; background:#fff;}
img { vertical-align: middle; }
a{ color:#333;}
/*a:visited { color:#5f789e;}*/
a:hover { _direction: ltr; color:#60cefa; text-decoration: underline;}

.c-tx, .c-tx:hover{ color:#60cefa;}
.c-tx1{ color:#999;}
.c-tx2, .c-tx2:hover{ color:#ffa800;}

.global-footer{ color:#fff; background:#344d6e;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#fff;}

.arrow-down { display: inline-block; overflow: hidden; width: 0; height: 0; border-top-width: 5px; border-top-style: solid; border-right: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 5px dashed transparent; }

.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *height: 200px; background: #000; filter: alpha(opacity=50); opacity: .5; }
:root .mask { filter: none \0; }
.mask1{overflow:hidden;position:absolute;z-index:-1;width: 100%; height: 100%; top: 0;left: 0;
background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8));
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');
}

.ico { display: inline-block; overflow: hidden; vertical-align: middle; background: url(#) no-repeat; }
.ico-hot, .ico-new { position: relative; top: -8px; *top: 0; width: 14px; height: 16px; margin-left: 2px; *margin-bottom: 12px; }
.ico-hot { background-position: 0 0; }
.ico-new { background-position: -15px 0; }
.ico-play { display: inline-block; width: 45px; height: 45px; background: url(/ue2/a/lib/zhuanqu/v2/img/ico-play.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue2/a/lib/zhuanqu/v2/img/ico-play.png',enabled=true,sizingMethod=scale); }

.ico-adorn, .ico-adorn1, .ico-adorn2, .ico-email, .ico-skill, .ico-skill1, .ico-skill2, .ico-skill3{display: inline-block; overflow: hidden; vertical-align: middle; background: url(/ue3/a/ow/index/2015/img/sprite.png) no-repeat; }
.ico-adorn, .ico-adorn1, .ico-adorn2{ width: 42px; height: 25px; float: left; margin:17px 6px 0 0;}
.ico-adorn{ background-position: 0 -50px;}
.ico-adorn1{ background-position: -50px -50px;}
.ico-adorn2{ background-position: -100px -50px;}
.ico-email{ display: block; width:44px; height: 33px; background-position:-50px -80px; margin:0 auto;}
.ico-skill, .ico-skill1, .ico-skill2, .ico-skill3{ width: 60px; height: 60px;display: block; margin:0 auto;}
.ico-skill{ background-position: -100px -80px;}
.ico-skill1{ background-position: 0 -160px;}
.ico-skill2{ background-position: -100px -160px;}
.ico-skill3{ background-position: -175px -80px;}

@font-face { font-family: 'ico-font'; src: url("#"); src: url("#") format("embedded-opentype"), url("#") format("woff"), url("#") format("truetype"), url("#") format("svg"); }
@font-face { font-family: 'ico-font'; src: url("#"); src: url("#") format("embedded-opentype"), url(/ue/a/ow/index/2015/css/data:application/font-woff;base64,d09grk9uve8aaaruaasaaaaabgaaaqaaaaaaaaaaaaaaaaaaaaaaaaaaaabdrkygaaabcaaaatsaaafomumv+ezgve0aaajeaaaagqaaabxuypa/r0rfrgaaamaaaaadaaaaiaawaarpuy8yaaacgaaaaecaaabgt5xcowntyxaaaaliaaaaqqaaau4cbqk/agvhzaaaawwaaaavaaaangcrelnoagvhaaadpaaaab0aaaaka4gca2htdhgaaancaaaacgaaaaoevgbibwf4caaaa2gaaaagaaaabgaduabuyw1laaadcaaaanmaaaf3bsrnkhbvc3qaaareaaaaeaaaacaaawabejw9zl1kw1aygohvpelzaepvykqxjfcgdfyuvmwnqj1eepwkyrtuamkzfgkgxyekzekggxfrqmd2dejk1c5scpagticdvvx5p3d6cigieejo66a9d2ffaxgawhg+k+rakd8whwpbpyskqfdg57z+ifg/ivz2mpv5oarbz00dwnegu6eb1yhzb+gbobd2y/7pqxsoqokqof9s41sfao/fqcfdoy3jvodhoy1zzyhcuc+cnl5e/fkt2rlje4noo+xe9xodt+xe8x296jqdz3mmxi1o1ma75ayybasidfw6318spj8pxhx0xdposk77ge8breuhxfnjhl3mmnzfftojuds8pquvxxctxe6nk8ksp5fjq/c01rwocdacugugjjkc2zmdmwhzto3mymrsgwajfrhtoopk5qs0yn85ahicy2bgygqagvnxx36b6a3ph8foagbfcykaaab4ngngzgbg4anicqyqygjgbeiqyqlmmqaabgaanqaaahicy2bmymccwmdkwmhow5jgwmdgdqw/mkgytdawmdgwcjlaacmdeghic01hcgdqytbmfpd/ayme44r/21dukaahiwdx/wt4ahicy2bgygaaybkgrgyq8adygmf8fgydim0gpbkzmias7f/wsq0odrifqsqm4fyjgwmuaoiauzekx1caadqdqutaaaaejxjygrgyadimf/f6hh+m68m3ewmihb+6/nhcdqmwytxi+mkijedaswnadirc5kaejxjygrgyfzbwmcgx8qaaowbgrgzuaetaccxazaaaaacaaaaagaaygbwaaaaafaaaamaahicdy49asnaeiu/tkeb+mqpfxcwglj2cpcbx/bvthckmuuyca3cjsuzy6ra+qivo2f5glsaghyb968+qge+cjiebepli1jepxxwisfxqk838yzc36nz9kvckbpo5tf2dvwrmqlcci7b8appbfjjgd+jgfs/+g4emjx7pme7hbyvxdypvjwds95/huotlq3pqduv1h8n3hx1sobrs1xxupdgj9vq39sxv2ubunsk2idn3ldvvjmhbptyp6t6smhtgoh5eza/tqf76qinoy9ad6qm5waejxjygzabowmaaaaai4abq) format("woff"), url("#") format("truetype"), url("#") format("svg"); }
.ico-font { font-family: 'ico-font'; font-weight: normal !important; font-style: normal !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; }

.ico-in, .bt-in{ display:block; background:url(/ue1/a/ow/index/2015/img/sprite-png24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue1/a/ow/index/2015/img/sprite-png24.png');}

.ico-video, .ico-video .ico-in{ display:block; width:45px; height:46px; overflow:hidden;}
.ico-video .ico-in{ background-position:0 0; _padding-top:0; _margin-top:0;}

.ico-video-sm, .ico-video-sm .ico-in{ display:block; width:28px; height:28px; overflow:hidden;}
.ico-video-sm .ico-in{ background-position:0 -50px; _padding-top:50px; _margin-top:-50px;}

.bt-to-top{ display: none; width:50px; height:44px; background: #834400; text-align: center;}
.bt-to-top .ico-arrow-t{ margin-top:14px;}
.bt-to-top .txt{ display: none; color:#fff; font-size: 12px; padding-top:5px; line-height: 1.5}
.bt-to-top:hover{ background-color:#b57000;}
.bt-to-top:hover .ico-arrow-t{ display: none;}
.bt-to-top:hover .txt{ display: block;}

.comm-mod, .comm-pn-hd, .comm-pn1-hd, .comm-tab, .comm-tab1, .tab-pn-con, .gb-plist, .nav-sub, .nav-list, .area{ *zoom: 1; }
.comm-mod:before, .comm-pn-hd:before, .comm-pn1-hd:before, .comm-tab:before, .comm-tab1:before, .tab-pn-con:before, .gb-plist:before, .nav-sub:before, .nav-list:before, .area:before{ content: ' '; display: table; }
.comm-mod:after, .comm-pn-hd:after, .comm-pn1-hd:after, .comm-tab:after, .comm-tab1:after, .tab-pn-con:after, .gb-plist:after, .nav-sub:after, .nav-list:after, .area:after{ content: ' '; display: table; clear: both;}

.art-item { overflow: hidden; *zoom:1;}

.list-item .avatar{display: block;}
.list-item .avatar img{display: block;width: 100%;}
.list-item .avatar .mask{ z-index: 1;}
.list-item .mask{cursor: pointer;}
.list-item .cover{overflow: hidden;position: absolute; z-index: 5; cursor: pointer;}

.art-item-pt{display: block;}
.art-item-pt .txt,.art-item-pt .tit{display: block;cursor: pointer;}
.art-item-pt:hover{text-decoration: none;}
.art-item-pt:hover .tit{text-decoration: none;}

.comm-tlist, .rank{ *zoom: 1; }
.comm-tlist .list-item, .rank .list-item{ *overflow: hidden; *float: left; *width: 100%; }

.comm-tlist .art-item-c1, .rank .art-item-c1 { float: right; margin-left: 10px; font-size: 14px; color:#999;}
.comm-tlist .art-item-c2, .rank .art-item-c2 { overflow: hidden; *zoom: 1; }
.comm-tlist .tit, .rank .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.rank .list-item{ height: 26px; line-height: 26px;}
.rank .rank-c1 { float: left; margin-right: 10px; }
.rank .rank-c1 .num { margin-top:4px; display: inline-block; overflow: hidden; width: 18px; height: 18px; line-height: 18px; color: #333; text-align: center; background-color: #d4d4d4;border-radius: 2px;}
.rank .rank-c1 .num-top { background-color: #e30000;  color:#fff;}
.rank .rank-c2 { overflow: hidden; *zoom: 1; }

.comm-tlist .list-item { line-height: 28px;}
/*.comm-tlist .art-item{padding-left:8px; background: url(/ue1/a/mhk/index/2015/img/sprite.png) no-repeat -996px -73px;}*/
.comm-tlist .sep { margin-bottom: 10px; padding-bottom: 11px; border-bottom: 1px dotted #d1d1d1; }
.comm-tlist .c-tx1{ margin-right:5px;}
.comm-tlist .tit { font-size: 14px;}
.comm-tlist .art-item-c1{ font-size: 12px; color:#999;}

.comm-tlist-ex .list-item{ line-height: 24px;}
.comm-tlist-ex .art-item{ padding-left:10px; background: url(/ue3/a/ow/index/2015/img/sprite.png) no-repeat -293px -139px;}
.comm-tlist-ex .tit{ font-size: 12px;}

.comm-tlist-ex1 .art-item{ padding-left:10px; background: url(/ue3/a/ow/index/2015/img/sprite.png) no-repeat -293px -137px;}

.gb-plist{*zoom:1;}
.gb-plist:before {content: ' '; display: table; }
.gb-plist:after{content: ' '; display: table; clear: both; }
.gb-plist img{ vertical-align: baseline;}

.gb-plist .list-item { float: left; _display:inline;}
.gb-plist .art-item-pt{ position: relative; *zoom:1;}
.gb-plist .txt { overflow: hidden; padding:5px 0;}
.gb-plist .tit { width: 99.5%; font-size: 14px; overflow: hidden;margin:0 auto;}
.gb-plist .txt .tit{ height:3.14em; line-height: 1.57}
.gb-plist .ico-video{ display:block; position:absolute; left:50%; margin-left:-22px; z-index:10}
.gb-plist .ico-video-sm{ display:block; position:absolute; left:50%; margin-left:-14px; z-index:10}
.gb-plist .txt1{display: block; position: absolute; left:0; width: 100%; z-index: 10; height: 26px; line-height: 26px; overflow: hidden;}
.gb-plist .txt1 .tit{ color:#fff;text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.gb-plist .txt1 .mask{ height: 26px;}
.gb-plist .info{ display: block; position: absolute; left:0; width: 100%; z-index: 10; height: 36px; line-height: 36px; padding:30px 0 0 0;}
.gb-plist .info-c{ font-size: 14px; color:#fff; font-weight: bold; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.gb-plist .info-c2{ padding-right:10px; font-size: 14px; color:#999; float: right;}
.gb-plist .info .ico-comment-sm, .gb-plist .fav .ico-fav, .ico-yzang{ margin:0 5px 3px 0; _margin:9px 5px 8px 0;}
.gb-plist .info .mask1{ height: 66px;}
.gb-plist .fav{ display: block; position: absolute; top:0; right:0; width: 80px; height: 34px; text-align: center; line-height: 34px; background-color: #f44e4e; font-size: 16px; color:#fff;}
.gb-plist .art-item-detail{}
.gb-plist .art-item-detail p{ font-size: 14px; color:#666; padding:2px 0;}
.gb-plist .art-item-detail p a{ color:#666; margin-right:5px;}
.gb-plist .art-item-detail p a:hover{ text-decoration: underline;}

.gb-plist .art-item-pt:hover{ direction: ltr;}
.gb-plist .art-item-pt:hover .avatar .mask{filter: alpha(opacity=0); opacity: 0; }
.gb-plist .art-item-pt:hover .ico-video{ display:none;}

.comm-plist{margin:0 -7px 0 -6px;}
.comm-plist .list-item { width: 240px; margin:0 7px 15px 6px;}
.comm-plist .avatar img, .comm-plist .avatar .mask{ width: 240px; height: 180px;}
.comm-plist .avatar .mask{ filter: alpha(opacity=30); opacity: .3;}
.comm-plist .ico-video{ top:28px;}
.comm-plist .art-item-pt:hover .avatar .mask, .comm-plist .art-item-pt:hover .ico-video, .comm-plist .art-item-pt:hover .ico-video-sm{ display: none;}

.comm-plist-ex .avatar img, .comm-plist-ex .avatar .mask{ width: 240px; height: 135px;}
.comm-plist-ex .ico-video{ top:45px;}

.comm-plist-ex1{ margin:0 -13px 0 -12px;}
.comm-plist-ex1 .list-item { width: 170px; margin:0 13px 13px 12px;}
.comm-plist-ex1 .avatar img, .comm-plist-ex1 .avatar .mask{ width: 170px; height: 50px;}
.comm-plist-ex1 .art-item-pt:hover .avatar img{filter: alpha(opacity=85); opacity: .85;}

.comm-plist-ex2{ margin:0 -10px;}
.comm-plist-ex2 .list-item { width: 140px; margin:0 10px 10px;}
.comm-plist-ex2 .avatar img, .comm-plist-ex2 .avatar .mask{ width: 140px; height: 105px;}
.comm-plist-ex2 .txt .tit{ font-size: 12px;}

.comm-plist-ex2-ex .avatar img, .comm-plist-ex2-ex .avatar .mask{ width: 140px; height: 80px;}
.comm-plist-ex2-ex .ico-video-sm{ top:25px;}

.comm-plist1{}
.comm-plist1 .list-item { width: 66px; margin:0 9px 0 0;}
.comm-plist1 .avatar img, .comm-plist1 .avatar .mask{ width:60px; height:53px;}
.comm-plist1 .avatar img{ border:3px solid #042631;}
.comm-plist1 .art-item-pt:hover .avatar img{border-color:#0ef1f8;}
.comm-plist1 .txt .tit{ font-size: 12px; text-align: center; height: 1.57em;}

.comm-plist2{}
.comm-plist2 .txt1{ top:230px;}
.comm-plist2 .txt1, .comm-plist2 .txt1 .mask{ height: 70px;}
.comm-plist2 .txt1 .tit{ line-height: 40px; width: 93%; font-size:18px;}

.gb-ptlist{ *zoom: 1; }
.gb-ptlist .list-item{ overflow: hidden; *zoom: 1; *float: left; *width: 100%; }
.gb-ptlist .art-item-c1 { float: left; margin-right: 15px; _margin-right:10px;}
.gb-ptlist .art-item-c2 { overflow: hidden; *zoom: 1; }
.gb-ptlist .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.comm-ptlist .list-item{}
.comm-ptlist .art-item-c1 { width: 140px; margin:0;}
.comm-ptlist .art-item-c1 img{ *vertical-align: baseline;}
.comm-ptlist .art-item-c2{ padding:0 15px; background-color: #f6f6f6; height: 105px;line-height: 22px;}
.comm-ptlist .art-item-c2 .txt{ font-size: 12px; height:66px; overflow: hidden; padding-top:10px; }
.comm-ptlist .art-item-tit .tit{margin-bottom:10px;}
.comm-ptlist .tit a{ font-size: 18px; font-weight: bold;}
.comm-ptlist-ex .art-item-c1{ width: 160px;}
.comm-ptlist-ex .art-item-c2{ background: none;}
.comm-ptlist-ex .art-item-c2, .comm-ptlist-ex .art-item-c2 .txt{  height: auto;}
.comm-ptlist-ex .art-item-c2 .txt, .comm-ptlist-ex .art-item-c2 .info{ color:#999; }
.comm-ptlist-ex-ex .list-item{ padding:14px 0; border-bottom:1px dotted #e2e2e2;}
.comm-ptlist-ex-ex .art-item-c1{ width:180px }
.comm-ptlist-ex-ex .art-item-c2 .txt{ line-height: 20px; height: 60px; overflow: hidden;}
.comm-ptlist-ex-ex .tit a{ font-weight: normal;}
.comm-ptlist-ex-ex .list-item:hover, .comm-ptlist-ex-ex .hover{ background-color: #f6f6f6}
.comm-ptlist-ex-ex .art-item-c2 .info{ margin-top:5px;}

.comm-tab{ float: left; padding:14px 0 13px;}
.comm-tab .tab-item{ float: left; line-height: 30px;}
.comm-tab .tab-con{ float: left; font-size: 14px; padding:0 1em;}
.comm-tab .tab-con:hover{}
.comm-tab .current .tab-con{  text-decoration: none; background-color: #fe9822; color:#fff; border-radius: 2px;}

.comm-tab1{}
.comm-tab1 .tab-item{ float: left; line-height: 40px; border-left:1px solid #fff; margin-left:-1px; _display:inline;}
.comm-tab1 .tab-con{ float: left; font-size: 16px; width: 100%; text-align: center;}
.comm-tab1 .current .tab-con{  text-decoration: none; background-color: #60cefa; color:#fff;}

.comm-tab2{ float: right; padding:10px 30px 0 0;}
.comm-tab2 .tab-item{ float: left; margin-left:20px; _display:inline;}
.comm-tab2 .tab-con{ float: left; font-size: 12px; text-align: center; padding-left:16px; background: url(/ue3/a/ow/index/2015/img/sprite.png) no-repeat -282px -54px;*background-position: -282px -55px}
.comm-tab2 .current .tab-con{  text-decoration: none; color:#60cefa; background-position: -282px -94px; *background-position: -282px -95px}

.comm-pn{}
.comm-pn-hd{ border-bottom:1px solid #dccec1; height: 57px; margin-bottom:15px;}
.comm-pn-hd .tit{ float: left; font-size: 22px; margin-right:50px;  line-height: 56px; }
.comm-pn-hd .more{ float: right; line-height: 57px; color:#999; margin-right:-5px;}
.comm-pn-hd .more a{ margin:0 5px;}

.comm-pn1{}
.comm-pn1-hd{ border-bottom:1px solid #d8d8d8; margin-bottom:12px;line-height:40px; }
.comm-pn1-hd .tit{ float: left; font-size: 18px; border-bottom:1px solid #3288e9; margin-bottom:-1px; margin-right:50px; position: relative;}
.comm-pn1-hd .more{ float: right;}
.comm-pn1-ex .comm-pn1-hd .tit{ font-size: 16px; color:#60cefa;}

.comm-mod{}
.comm-mod-hd{ height: 40px; margin-bottom:5px; overflow: hidden; *zoom:1;}
.comm-mod-hd .tit{ float: left; font-size: 16px; line-height: 40px; }
.comm-mod-hd .more{ float: right; line-height: 40px; color:#999; margin-right:-5px;}
.comm-mod-hd .more a{ margin:0 5px;}

.comm-more a{ display: block; text-align: center; line-height: 26px; background-color: #f6f6f6; color:#999;}
.comm-more a:hover{ background-color: #60cefa; color:#fff;}
/*the owl*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/ue/a/ow/index/2015/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
/*  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);*/
}
.owl-theme .owl-controls{ width: 100%;}
.owl-theme .owl-pagination{ font-size: 0; width: 100%; text-align: center;}
.owl-theme .owl-pagination .owl-page{ display: inline-block; *display:inline; *zoom:1; margin:0 3px; width: 18px; height: 18px; overflow: hidden;}
.owl-theme .owl-pagination .owl-page span{ display: inline-block; width: 14px; height: 14px; background: #5a5a5a; border-radius: 50%; border:2px solid #5a5a5a;}
.owl-theme .owl-pagination .active span{ background: none; border-color:#06a4f3;}

/*the layout*/ 
.wrapper{ background-repeat:no-repeat; background-position: center top;}

/*the header*/
.header{ width:1000px; height:490px; margin:0 auto; position:relative; *zoom:1;}


.header-c1 { position: absolute; bottom: 106px; left: 0; width: 100%; z-index: 9}

.logo-box { position: absolute; left: 300px; top: 85px; }
.logo-box .logo { display: block; text-align: center; }
.logo-box .logo:hover { text-decoration: none; }
.logo-box .game-name { display: block; font: normal 183.3%/1.5 "MicroSoft YaHei","SimHei"; color: #fff887; }
.logo-box .game-url { display: block; font: normal 133.3%/1.5 "MicroSoft YaHei","SimHei"; color: #fff887; }

.nav-list .active .nav-con, .nav-list .current .nav-con, .nav-item:hover .nav-con, .nav-con:hover { color: white; background-color: #ffa800; }

.nav-list .active .nav-ico-drop, .nav-list .current .nav-ico-drop, .nav-item:hover .nav-ico-drop, .nav-con:hover .nav-ico-drop { color: #fff; }

.nav-list .first .nav-sub, .nav-item:first-child .nav-sub { margin-left: 0; }
.nav-list .first .nav-con, .nav-item:first-child .nav-con { border-left: 0; }

.nav { position: relative; z-index: 5; padding-right: 220px; background:url(/ue3/a/ow/index/2015/img/sprite.png) repeat-x 0 0; }

.nav-list { display: table; width: 100%; height: 40px; }
.nav-list .active .nav-sub-list { display: block; }
.nav-list a:hover { text-decoration: none; }

.nav-item { display: table-cell; *float: left; position: relative; }
.nav-item:hover .nav-sub-list { display: block; }

.nav-con { display: block; *display: inline; *zoom: 1; overflow: hidden; min-width: 3em; height: 40px; *padding: 0 1em; *min-width: 0; font: normal 150%/40px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #1885c5; }
.nav-con .nav-ico-drop { display: inline-block; position: relative; width: 18px; margin: 4px -.2em 0 .2em; margin-top: 0\9; _margin: 11px -.2em 11px .2em; font-size: 111%; line-height: 18px; color: #fff; vertical-align: middle; }

.nav-sub { position: relative; margin-left: 1px; }

.nav-sub-list { display: none; position: absolute; width: 100%; *width:108px; _width:100%; *zoom: 1; background-color: #ffa800; }
.nav-sub-list .item { *float: left; *width: 100%; }
.nav-sub-list .con { display: block; padding: 1px 0 1px 20%; line-height: 25px; color: white; }
.nav-sub-list .con:hover { padding: 0 0 0 20%; color: white; border-top: 1px solid #db9715; border-bottom: 1px solid #db9715; }

.header-quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding-right: 220px; font-family: "SimSun"}
.header-quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #c5c5c5; white-space: nowrap; }
.header-quick-start .tit { font-weight: bold; color: #0ef1f8; }
.header-quick-start .con { color: #c5c5c5; }
.header-quick-start .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 85px; background-color: #1c395f; filter: alpha(opacity=87); opacity: 0.87; }

.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search { color: #fff; }

.header-c2 { position: absolute; z-index: 10; bottom: 106px; right: 0; width: 220px; height: 125px; background-color: #385174; }
.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; border-bottom: 1px solid #443d99; background-color: #61cffa; }
.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 150%/40px "MicroSoft YaHei"; color: white; text-align: center; border-left: 1px solid #443d99; }
.header-c2 .link-box .con:hover { color: white; text-decoration: none; background-color: #ffa800; }
.header-c2 .link-box1 { margin: 0 20px 8px; color: #fff; font-family: "SimSun"}
.header-c2 .link-box1 .con { color: #fff; }
.header-c2 .search-box { margin: 0 20px; }
.header-c2 .search-con { position: relative; overflow: hidden; height: 24px; padding: 0 28px 0 8px; background-color: #586f91; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #cad9ef; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute; width: 24px; height: 24px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.header-c2 .nav-ico-search { display: inline-block; margin-top: 4px; margin-top: 2px\9; font-size: 24px; line-height: 24px; color: #cad9ef; }
.header-c2 .shadow { position: absolute; left: -6px; top: 0; width: 6px; height: 125px; background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.4)); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, black); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000'); }

.header-c3{ background: #fff; width: 100%; position: absolute; left:0; bottom:0; height: 106px;}

.pn-hero-hot{ font-family: "SimSun"}
.pn-hero-hot, .mod-hero-hot .bd{ overflow: hidden; *zoom:1;}
.mod-hero-hot{ width: 50%; float: left; padding-top:15px;}
.mod-hero-hot .hd{ float: left; width: 50px; margin-right:-3px;}
.mod-hero-hot .hd .tit{ width: 15px; height: 67px; padding:5px 5px 0; text-align: center; background: url(/ue3/a/ow/index/2015/img/sprite.png) no-repeat 0 -80px; margin:0 auto; line-height: 1.3}

/*the content*/
.content{ width:1000px; margin:0 auto; padding:20px 0;}
.area{ margin-top:30px;}

.first-screen{}
.first-screen-c1{ float: left; width: 400px;}
.first-screen-c2{ float: right; width: 560px;}
.area2, .area3{ margin-bottom:-15px;}
.area4 .area-c1{ float: left; width: 560px;}
.area4 .area-c2{ float: right; width: 400px;}

.pn-news-top { padding-bottom: 5px; text-align: center; }
.pn-news-top .tit a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: bold; }
.pn-news-top .links { padding-bottom: 13px; padding-top:4px; color:#999;}
.pn-news-top .links a{}

.pn-news-hot .hd{ background-color: #f6f6f6;}
.pn-news-hot .tab-item{ width: 133px;}

.first-screen-c1 .comm-tlist{ padding:10px 0;}

.pn-focus{ position: relative; *zoom:1; height: 300px; overflow: hidden;}
.pn-focus .pn-focus-con{ position: relative; *zoom:1;}
.pn-focus .owl-controls{ position: absolute; left:0; bottom:10px;}
.pn-focus .owl-bt-prev, .pn-focus .owl-bt-next{position: absolute; z-index:10; display:block; overflow:hidden; width:70px; height:70px; /*background-color: #000; opacity:0.6; filter: alpha(opacity=60);*/ line-height: 70px; bottom:0; color:#d0d0d1; font-size: 60px; font-family: "SimSun"; text-align: center; /*transform:scale(0.9,1);*/}
.pn-focus .owl-bt-prev{left:0;}
.pn-focus .owl-bt-next{ right:0;}
.pn-focus .owl-bt-prev:hover, .pn-focus .owl-bt-next:hover{ /*opacity:8; filter: alpha(opacity=80); color:#fff; */text-decoration: none; color:#07a1ee;}

.mod-focus-recomm{ margin:15px 0 -13px}

.pn-hero-intro .comm-pn-bd{ overflow: hidden; *zoom:1;}
.pn-hero-intro .comm-pn-c1{ float: left; width:400px; }
.pn-hero-intro .comm-pn-c1 .comm-tlist{ margin-top:10px;}
.pn-hero-intro .comm-pn-c2{ float: right; width:560px; }

.mod-hero-list .comm-mod-bd{ width: 508px; height: 257px; padding:2px 26px; background: url(/ue1/a/ow/index/2015/img/bg.png) no-repeat 0 0;}
.mod-hero-list .tab-pn-con{height: 257px; overflow: hidden; position: relative; *zoom:1;}
.mod-hero-list .comm-plist1{}
.mod-hero-list .list-item{ margin:0 9px;}

.mod-stra{ background: url(/ue1/a/ow/index/2015/img/bg3.png) no-repeat right bottom; padding:0 4px 4px 0; margin-top:20px;}
.mod-stra .mod-in{ border:1px solid #f1f1f1; padding:5px 5px 5px 18px;}
.mod-stra .comm-tlist{ overflow: hidden; *zoom:1;}
.mod-stra .comm-tlist .list-item{ width: 49.9%; float: left;}

.mod-join{ margin-top:25px;}
.mod-join a{ display: block; width: 535px; height: 152px; padding:0 0 0 25px; background: url(/ue3/a/ow/index/2015/img/bg2.png) no-repeat; text-align: center; line-height: 144px; color:#fff; font-size: 34px; font-weight:bold;}
.mod-join a:hover{ text-decoration: none; color:#fff;}

.pn-news-baike .comm-pn1-hd, .pn-news-bbs .comm-pn1-hd{ margin-bottom:8px;}
.pn-news-bbs{ margin-top:16px;}
.pn-stra .comm-pn1-hd{ margin-bottom:20px;}

.mod-about{ background: url(/ue2/a/ow/index/2015/img/bg1.png) repeat; margin-top:25px; overflow: hidden; *zoom:1; padding:20px 0;}
.mod-about .c1{ float: left; width: 127px; padding-top:25px;}
.mod-about .c2{ overflow: hidden; *zoom:1; border-left:1px dashed #fe9822; padding-left:20px;}
.bt-contact{ display: block; width: 80px; margin:0 auto; text-align: center; font-size: 16px; color:#fe9822;}
.bt-contact:hover{color:#fe9822;}

.pn-friends .comm-pn1-bd{ overflow: hidden; *zoom:1; margin:0 -10px;}
.pn-friends .comm-pn1-bd a{ float: left; font-size: 14px; margin:0 10px; white-space: nowrap;}

/*the subpage*/
.mb20{ margin-bottom:20px;}
.sub-area{ overflow:hidden; *zoom:1; min-height: 500px;}
.sub-area-c1{ width:660px; float:left;background: #fff;}
.sub-area-c2{ width:300px; float:right;}
.sub-area-c2 .comm-pn1, .side-pn-zt{ margin-bottom:20px;}
.sub-area-c2 .side-pn-stra{ margin-bottom:10px;}

.crumbs{ font-size:14px; height:40px; line-height:40px; position:relative; background-color:#fff; border-bottom:1px solid #e9e9e9; overflow: hidden; *zoom:1;}
.crumbs a{ color:#333;}
.crumbs .c1{ float: left;}
.crumbs .c2{ float: right;}

.pagination { text-align: center; padding: 30px 0; }
.pagination ul { font-size: 0; }
.pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 32px; vertical-align: top; }
.pagination a { display: block; padding: 0 1em; border: 1px solid #d6d6d6; color: #333; border-radius: 2px;}
.pagination a.current, .pagination a:hover { color: white; text-decoration: none; border-color: #06a4f3; background-color: #06a4f3; }

.side-pn-recomm .comm-ptlist .tit a{ font-size: 14px;}
.side-pn-recomm .comm-ptlist .art-item-c1{ width:120px; }
.side-pn-recomm .comm-ptlist .art-item-c1 img, .side-pn-recomm .comm-ptlist .art-item-c2{ height: 90px;}
.side-pn-recomm .comm-tlist{ margin-top:10px;}

.side-mod-join{ margin-top:25px;}
.side-mod-join a{ display: block; width: 270px; height: 105px; padding:0 0 0 30px; background: url(/ue2/a/ow/index/2015/img/bg4.png) no-repeat; text-align: center; line-height: 100px; color:#fff; font-size: 34px; font-weight:bold;}
.side-mod-join a:hover{ text-decoration: none; color:#fff;}

.pn-hero-detail{ margin:30px 0 20px}
.pn-hero-detail-t, .pn-hero-detail-b{ height: 20px;}
.pn-hero-detail-in{ background: url(/ue3/a/ow/index/2015/img/pn-hero-detail-m.png) repeat-y; padding:0 70px 0 30px;}
.pn-hero-detail-t{background: url(/ue1/a/ow/index/2015/img/pn-hero-detail-t.png) no-repeat center top;}
.pn-hero-detail-b{background: url(/ue1/a/ow/index/2015/img/pn-hero-detail-b.png) no-repeat center bottom;}
.pn-hero-detail-c1{ float: left; width: 200px; margin-right:25px;}
.pn-hero-detail-c1 .avatar{width: 146px; height: 146px; border:3px solid #000; margin:0 auto; border-radius: 50%}
.pn-hero-detail-c1 .avatar img{ width: 146px; height: 146px; border-radius: 50%}
.pn-hero-detail-c1 .tit{ font-size: 24px; font-weight: bold; text-align: center;}

.mod-hero-detail{}
.mod-hero-detail .hd{ margin-bottom:5px;}
.mod-hero-detail .hd .tit{ font-size: 20px;}
.mod-hero-detail .bd .intro{}
.mod-hero-detail-ex{margin-top:22px;}
.mod-hero-detail-ex .hd{ float: left; margin-right:15px; padding:10px 0 0 0;}

.list-skill{}
.list-skill li{ float: left; width: 90px; text-align: center; position: relative; *zoom:1; margin-right:5px;}

.tooltip{ padding:20px; width: 280px; background: #1c1e22; position: absolute; display: none; z-index:500; overflow: hidden; *zoom:1;}
.tooltip-c1{ float: left; width: 60px; margin-right:10px;}
.tooltip-c2{ overflow: hidden; *zoom:1; color:#fff; text-align: left;}

.gb-final-mod-article p{ text-indent: 2em}
.gb-final-mod-article .p-image{ text-indent: 0}
.gb-final-mod-article img{ max-width: 90%; height: auto;}