@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 arial,\5b8b\4f53,"microsoft yahei",sans-serif;}
body{background-color:#fff;color:#666;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
em,i,b{font-style:normal;font-weight:400;}
fieldset,img{border:0;}
ul,ol,li{list-style:none;}
button,input,select,textarea{font-size:100%;outline:none}
textarea{resize:none;}
img {display:inline-block;}
table{border-collapse:collapse;border-spacing:0;}
a{color: #666;}
a:link, a:visited{text-decoration:none;outline:none;}
a:hover{color:#39f;}
@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_58409_oupvnn264a6skyb9.eot');
  src: url('http://at.alicdn.com/t/font_58409_oupvnn264a6skyb9.eot') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_58409_oupvnn264a6skyb9.woff') format('woff'),
  url('http://at.alicdn.com/t/font_58409_oupvnn264a6skyb9.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_58409_oupvnn264a6skyb9.svg#iconfont') format('svg');
}
.iconfont {font-family: iconfont!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.hide{display:none;}
.l{float:left;}
.r{float:right;}
.mt10{margin-top:10px!important;}
.mb10{margin-bottom:10px!important;}
.ml10{margin-left:10px!important;}
.w1190{width:1190px;margin:0 auto 10px;min-width:1190px;}
.w990{width:990px;margin:0 auto;min-width:990px;}
.w980{width:980px;margin:0 auto;min-width:980px;}
.blue{color: #39f!important;}
.org{ color: #ff6700!important;}
.gre{ color: #22ac38!important;}
.icon-com {background-image: url(http://pic.7881.com/7881-2016/images/icon-com.png);display:inline-block;*display: inline;*zoom:1;vertical-align: middle;}
/********** 通用顶部 top **********/
.top-common-box {width:100%;min-width:1190px;height:35px;line-height:35px;font-family:\5b8b\4f53;border-bottom:#eee 1px solid;background:#fafafa;}
.top-common {width:1190px;margin: 0 auto;}
.top-common-left { float: left;}
.top-common-left .not-log {margin-left: 10px;width:auto;margin-top:0px;}
.top-common-left .not-log span  {float:left;}
.top-common-left .not-log a { color: #666; margin-right: 4px;}
.top-common-left .not-log a:hover { color: #39f;}
.top-common-left .not-log a.qq-log {margin-top: -1px; display: inline-block; width:74px; height: 23px; vertical-align: middle; line-height: 22px; text-align: center; border: #d8d8d8 1px solid;}
.top-common-left .not-log a.qq-log em.icon-com { width: 15px; height: 13px; display: inline-block;*display: inline;*zoom:1; vertical-align: middle; margin-top: -4px; margin-right: 4px;}
.top-common-left .not-log a.qq-log:hover { background:#fff;}
.top-common-left .already-log { margin-left: 0; margin-top: 0;}
.top-common-left .already-log a:hover { color: #666;}
.top-common-left .already-log em { color: #e6e6e6; margin: 0 4px;}
.message {width: 16px; height: 12px; background-position: 0 -32px; margin-top: -2px; margin-right: 6px;}
.top-common-left .already-log a.on .message {background-position: 0 -64px;}
.top-common-left .already-log a.on b { color: #eb6100;}
.top-common-right { float: right;}
.top-common-right ul li { float: left; padding: 0 10px 0 11px; margin-left: -1px; background: url(http://pic.7881.com/7881-2016/images/icon-com.png) right -128px no-repeat;}
.top-common-right ul li.top-menu-item {padding:0; position: relative; z-index: 102;}
.top-common-right ul li.top-menu-item.last-menu-item { background: none;}
.top-common-right ul li.top-menu-item .menu-hd {display: block; padding: 0 10px 0 11px;}
.top-common-right ul li.top-menu-item:hover .menu-hd { color:#666;margin-bottom: -1px;border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom: #fff 1px solid; padding: 0 9px 0 10px; background:#fff;}
.top-common-right ul li.top-menu-item .menu-hd i { width: 9px; height: 5px; margin-left: 5px; margin-top: -1px; background-position: 0 -91px;}
.top-common-right ul li.top-menu-item:hover .menu-hd i {background-position: 0 -113px;}
.top-common-right ul li.top-menu-item .top-menu.middle-menu .top-menu-list { width: 93px;}
.top-common-right ul li.top-menu-item .top-menu-list { display: none; position: absolute; min-width: 81px; padding-bottom: 6px; border:#eeeeee 1px solid; border-top:none; top:36px; left: 0; background: #fff;}
.top-common-right ul li.top-menu-item:hover .top-menu-list { display: block;}
.top-common-right ul li.top-menu-item .top-menu-list a {display: block; height: 26px; line-height: 26px; width: 100%; text-indent: 10px;}
.top-common-right ul li.top-menu-item .top-menu-list a:hover { color: #eb6100; background: #f8f8f8;}
/********** 通用头部 header **********/
.header {width: 1190px; margin: 0 auto; padding: 20px 0 22px 0; position: relative;} /*详见首页*/
.header h1.logo { float: left; margin-top: 22px;}
.header h1.logo a { display: block; overflow: hidden;}
.header-01-box { width: 100%; background: #fff; min-width: 1190px;} /*详见手游首页*/
.header-01 { width: 1190px; height: 126px; margin: 0 auto;}
.header-01 h1.logo { float: left;}
.header-01 h1.logo a { display: block; height: 126px; overflow: hidden;}
.header-02-box { width: 100%; background: #fff; min-width: 1190px;} /*详见发布页*/
.header-02 { width: 1190px; height: 100px; margin: 0 auto;}
.header-02 h1.logo { float: left;height: 54px; margin-top: 25px;}
.header-02 h1.logo a { display: block; height: 54px; overflow: hidden; float: left;}
.header-02 h1.logo em{display: block; float: left; height: 20px; width:1px; background:#ddd; margin: 15px 25px 0 25px;}
.header-02 h1.logo span{color: #818181; font-size: 24px; float: left; margin-top: 6px; font-family: "microsoft yahei";}
.header-02 .steps-com {margin-top: 30px;}
.header-03-box { width: 100%; background: #fff; min-width: 1190px; border-bottom: #3399fe 2px solid;}
.header-03 { width: 1190px; height: 120px; margin: 0 auto;}
.header-03 h1.logo { float: left;}
.header-03 h1.logo a { display: block; height: 120px; overflow: hidden;}
.header-03-right { float: right;}
.header-03-right ul.advantage { overflow: hidden; float: left; margin-top: 36px;}
.header-03-right ul.advantage li { float: left; margin-left: 22px;}
.header-03-right ul.advantage li em { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; color: #888; font-size: 50px; margin-right: 8px;}
.header-03-right ul.advantage li span { font-size: 16px; font-family: "microsoft yahei";}
.header-03-right .header-03-line { float: left; height: 37px; width: 1px; background: #ededed; margin: 39px 30px 0 30px;}
.header-03-right .dnfdl-percenter { float: left; margin-top: 39px; position: relative; z-index: 20;}
.header-04-box { width: 100%; background: #fff; min-width: 1190px; border-bottom: #ff9900 2px solid;} /*详见积分商城首页*/
.header-04 { width: 1190px; height: 88px; margin: 0 auto;}
.header-04 h1.logo { float: left;}
.header-04 h1.logo a { display: block; height: 88px; overflow: hidden;}
.header-04-right { float: right;}
.header-04-right .header-04-nav li { float: left; line-height: 86px; margin-left: 42px;}
.header-04-right .header-04-nav li a { font-size: 18px; color: #333; font-family: "microsoft yahei";}
.header-04-right .header-04-nav li a:hover,.header-04-right .header-04-nav li.on a { color: #ff6600;}
.header-05-box { width: 100%; background: #fff; min-width: 1190px;} /*详见列表页*/
.header-05 { width: 1190px; height: 112px; margin: 0 auto;}
.header-05 h1.logo { float: left; margin-top: 30px;}
.header-05 h1.logo a { display: block; height: 58px; overflow: hidden;}
.dnfdl-percenter-top { position: relative; z-index: 8; width: 128px; height: 34px; line-height: 34px; text-align: center; border: #eee 1px solid; background: #fafafa; border-radius: 3px; cursor: pointer;}
.dnfdl-percenter-top em { color: #ff6700; font-size: 15px; font-weight: bold; margin-right: 1px;}
.dnfdl-percenter-top span { margin-right: 3px; }
.dnfdl-percenter-top b { font-family: \5b8b\4f53; color: #5e5e5e; font-weight: bold;}
.dnfdl-percenter-top.on { background: #ffffff; border-bottom: none; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1); box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.dnfdl-percenter-top.on .on-line { position: absolute; display: block; left: 0; top:33px; width: 128px; height: 10px; background: #fff;}
.dnfdl-percenter-bot { display: none; position: absolute; right: 0; top:34px; z-index: 7; width: 240px; padding-bottom: 4px; border: #eee 1px solid; background: #fff; border-radius: 3px; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1); box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.dnfdl-percenter-bot .dnfdl-percenter-item { padding:12px 0px; border-top: #eee 1px solid;}
.dnfdl-percenter-bot .dnfdl-percenter-item.borbot { border-top:none;}
.dnfdl-percenter-bot .dnfdl-percenter-item h5 { overflow: hidden; margin-bottom: 2px; *margin-bottom: 6px; padding: 0 14px;}
.dnfdl-percenter-bot .dnfdl-percenter-item h5 span { float: left; font-size: 14px; font-family: "microsoft yahei"; color: #333;}
.dnfdl-percenter-bot .dnfdl-percenter-item h5 a { float: right; margin-top: 2px; font-family: \5b8b\4f53; color: #3399ff;}
.dnfdl-percenter-bot .dnfdl-percenter-item h5 a:hover { color: #666;}
.dnfdl-percenter-bot .dnfdl-percenter-item h4 {padding: 0 14px; margin-bottom: 2px; *margin-bottom: 6px;}
.dnfdl-percenter-bot .dnfdl-percenter-item .dnfdl-percenter-dlbox {overflow: hidden; text-align: center; }
.dnfdl-percenter-bot .dnfdl-percenter-item .dnfdl-percenter-dlbox dl { display: inline-block; *display: inline; *zoom:1; width: 102px;}
.dnfdl-percenter-bot .dnfdl-percenter-item .dnfdl-percenter-dlbox dl dt { font-weight: bold; font-family: "microsoft yahei";font-size: 24px;}
.dnfdl-percenter-bot .dnfdl-percenter-item .dnfdl-percenter-dlbox dl dd { color: #aaa;}
.dnfdl-percenter-bot .dnfdl-percenter-item .dnfdl-percenter-dlbox .dl-line { display: inline-block; *display: inline; *zoom:1; margin: 0 4px; width: 1px; height: 40px; background: #eee;}
 
.studio-info { border-top: #dfdfdf 1px dotted; margin: 0 14px 10px 14px;}
.studio-info h2 { margin-top: 13px; overflow: hidden; margin-bottom: 7px;}
.studio-info h2 span { float: left;}
.studio-info h2 em { float: right; margin-top: -1px;}
.studio-info h2 em a { margin-left: 12px;}
.studio-info p { margin-bottom: 7px;}
.studio-info p:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.studio-info p em { color: #aaa; float: left;}
.studio-info p span { float: right; color: #888;}
.studio-info p.last-p { margin-bottom: 0;}
.other-info {border-top: #dfdfdf 1px dotted; padding-top: 10px; margin: 0 14px 10px 14px;}
.other-info p:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.other-info p span { float: left; color: #aaa;}
.other-info p a {  float: right; font-family: \5b8b\4f53; color: #3399ff;}
.other-info p a:hover { color: #666;}
.other-info p em {float: right; margin-top: -2px;}
.other-info p em.swi-box i {display:inline-block; *display: inline; *zoom:1; width: 36px; height: 20px; cursor: pointer;}
.other-info p em.swi-box i.swi-on { background:url(http://pic.7881.com/7881-2016/images/dl-dnf/swi-on.png) no-repeat;}
.other-info p em.swi-box i.swi-off { background:url(http://pic.7881.com/7881-2016/images/dl-dnf/swi-off.png) no-repeat;}
.nav-03-box { height: 50px; background: #333; min-width: 1190px; margin-bottom: -2px;}
.nav-03 { width: 1190px; margin: 0 auto;}
.nav-03 ul.main-ul li{ margin: 0 28px; float: left;}
.nav-03 ul.main-ul li a { font-size: 16px; display: inline-block; *display: inline; *zoom:1; height: 48px; line-height:  48px; color: #fff; font-family: "microsoft yahei";}
.nav-03 ul.main-ul li a:hover { color: #ff6600;}
.nav-03 ul.main-ul li.on a { color: #ff6600; border-bottom: #ff6600 2px solid;}
.nav-03 .nav-line { float: left; height: 20px; width: 1px; background: #555;  margin: 0 2px; margin-top: 15px;}
.nav-03 ul.sub-ul li{ margin: 0 28px; float: left;}
.nav-03 ul.sub-ul li a { font-size: 14px; display: inline-block; *display: inline; *zoom:1; line-height: 50px; color: #bbb; font-family: "microsoft yahei";}
.nav-03 ul.sub-ul li a:hover { color: #ff6600;}

.search-box {width: 794px; height: 95px; float: right; margin-top: 14px;}
.nav-01 { border-top: #3399ff 3px solid; width: 100%; height: 44px; background: #4e5c6b; min-width: 1190px;}
.nav-01 ul { width: 1190px; margin: 0 auto;}
.nav-01 ul li { float: left; width: 172px; height: 44px; position: relative;}
.nav-01 ul li a { display: block; width: 172px; height: 44px; color: #fff; text-align: center; font-size: 18px; font-family: "microsoft yahei"; line-height: 42px;}
.nav-01 ul li a:hover,.nav-01 ul li a.on { background: #3399ff;}
.nav-01 ul li em.nav-hot { position: absolute; top: -6px; right: 28px; display: block; width: 21px; height: 15px;}
/********** 通用底部 footer **********/
.footer-content { background:#f8f8f8; width: 100%; min-width: 1190px;}
.footer-server-box { background: #3399ff; width: 100%; min-width: 1190px; height: 92px;}
.footer-server { width: 1190px; margin: 0 auto; overflow: hidden;}
.footer-server-dl { overflow: hidden; width: 1290px;}
.footer-server dl { float: left; margin-right: 75px; margin-top: 15px;}
.footer-server dl dt { float: left;}
.footer-server dl dt em {font-size:64px ; color: #e6f3ff;}
.footer-server dl dd { float: left; margin-left:18px;}
.footer-server dl dd h2 { color: #fff; font-size: 18px; font-family: "microsoft yahei"; margin-top: 6px; margin-bottom: 2px;}
.footer-server dl dd p { color: #1a5998;}
.footer-nav { width: 1140px; margin: 38px auto 0 auto; padding-bottom: 22px; border-bottom:#e6e6e6 1px solid;}
.footer-nav-dl { margin-left: -60px; float: left;}
.footer-nav dl { float: left; width: 110px; margin-left: 60px;}
.footer-nav dl dt { margin-bottom: 12px; font-size: 14px; font-weight: bold;}
.footer-nav dl dd p { margin-bottom: 12px;}
.wx-item.wx-item-first { margin-left: 0px;}
.wx-item { float: right; margin-left: 50px; width: 122px; text-align: center; margin-top: -10px;}
.wx-item img { border: #eee 1px solid;}
.wx-item h2 { font-weight: bold; font-size: 14px;}
.wx-item p { color: #aaa;}
.footer-link { width: 1190px; margin: 0 auto; padding: 26px 0; text-align: center; font-family:\5b8b\4f53;}
.footer-link em {color: #ccc; margin:0 14px;}
.footer-link-a { width: 100%; text-align: center; margin-bottom: 14px;}
.footer-link p { color: #aaa; margin-bottom: 18px;}
.footer-link p i { font-family: "microsoft yahei";}
.footer-link p a { color: #aaa;}
.footer-link p a:hover { color: #666;}
.footer-link-honor a { display: inline-block; *display: inline; *zoom:1; margin: 0 5px;}
.footer-01 { margin-top: 40px; border-top: #3399ff 2px solid;}
.footer-01 .footer-server { border-bottom: #eee 1px solid; padding-bottom: 22px;}
.footer-01 .footer-server-box { background: #f8f8f8; height: 102px;}
.footer-01 .footer-server dl dt em { color:#3399ff;}
.footer-01 .footer-server dl dd h2 { color: #3399ff;}
.footer-01 .footer-server dl dd p { color: #969696;}
.footer-01 .footer-link p { margin-bottom: 0;}
.footer-04 { background: transparent; margin-top: 40px;}
.footer-04 .footer-server-box { background: #fff; height: 120px;}
.footer-04 .footer-server-box .footer-server { width: 1050px;}
.footer-04 .footer-server dl { margin-top: 42px;}
.footer-04 .footer-server dl dt em { color: #ff6700; font-size: 42px;}
.footer-04 .footer-server dl dd h2 { font-size: 17px; color: #666;}
.footer-04 .footer-link-box { width: 100%; min-width: 1190px; background: #323232;} 
.footer-04 .footer-link { background: #323232; padding-top: 40px;}
.footer-04 .footer-link .footer-link-a a { color: #b3b5ba;}
.footer-04 .footer-link p { color: #666;}
.footer-04 .footer-link p a { color: #666;}
/********** 搜索  **********/
.search-box .selectbox{width: auto;height:auto;border-radius:0px;text-align: left;cursor: pointer;position:static; z-index: auto; border: 0; display:block; vertical-align: middle;}
.gray_a { color: #aaa!important;}
.close_btn { display: none;}
.top_search{ width:794px; margin: 0 auto; position:relative; z-index:100;font-family:\5b8b\4f53;}
.t_search{ height:26px; line-height:28px; width:794px; float:left}
.t_search a{ width:90px; float:left; display:inline-block;text-align:center; color:#656565;}
.t_search a.hover{ background:#3399fe; color:#fff; border-radius:3px 3px 0 0;}
.s_blue_box{ border:2px solid #3399fe; float:left; overflow:hidden; width:790px; color:#333}
.selectbox ul{ float:left;}
.selectbox li,.top_search .search{ height:38px; line-height:38px; float:left;}
.selectbox li.g_name,.selectbox li.g_area,.selectbox li.g_service,.selectbox li.g_type,.selectbox li.g_run,.selectbox li.g_gameplatform{ color: #666; float:left; width:112px; padding-right:18px; background:url(http://pic.7881.com/7881-2016/images/icon-com.png) right -165px no-repeat; cursor:pointer; text-indent:20px; overflow:hidden;/*white-space:nowrap; text-overflow:ellipsis;*/text-align:left;}
.selectbox .g_input label.placeholder{ position: relative;display: block; width: 180px; height: 38px;}
.selectbox .g_input label.placeholder input { display: block; width: 150px; height:38px; line-height: 38px\9; border: none; padding:0 15px;}
.selectbox .g_input label.placeholder span { position: absolute; left: 17px; color: #aaa; top: 0px; line-height: 38px; cursor: text; text-indent: 0;}
.selectbox.mobile-game li { width: 72px; text-indent: 10px;}
.selectbox.mobile-game .g_input label.placeholder{ width: 160px;}
.selectbox.mobile-game .g_input label.placeholder input { width: 144px; padding: 0 8px;}
.selectbox.mobile-game .g_input label.placeholder span { left: 10px;}

.top_search .search{float:right;width:90px; font-family: "microsoft yahei"; text-align:center; background:#3399fe; display:inline-block; color:#fff; font-size:16px; position:relative; right:2px; top:-40px}
.top_search .search:hover{ color:#fff; background:#3399fe}
.s_blue_box .input{width:580px; padding-left:10px; float:left; border:0; line-height:38px\9; height:38px; font-size:12px; font-family:\5b8b\4f53; color: #666;}

.s_blue_box div.hide label.placeholder{ position: relative;display: block; width: 700px; height: 38px;}
.s_blue_box div.hide label.placeholder input { display: block; width: 670px; height:38px; line-height: 38px\9; border: none; padding:0 15px;}
.s_blue_box div.hide label.placeholder span { position: absolute; left: 17px; color: #aaa; top: 0px; line-height: 38px; cursor: text; text-indent: 0;}
.search-suggest {position: absolute;display: none;cursor: hand;border: 1px solid #3399fe;color: #000;background: #fff;z-index: 9999;margin-left: -2px;}
.search-suggest .content {width: 100%; padding:5px 0; float: left;background: #fff;border-right: 1px #934 dashed;border-radius: 3px}
.search-suggest .jhover {background-color: #fafafa;}
.search-suggest .list {float: left;overflow: hidden;width: 672px;padding: 0 13px;color: #333;cursor: pointer;}
.search-suggest .word {float: left;height: 36px;line-height: 36px;}

.top_search .hotsearch.new-hot{ position:absolute; top:70px; left:0; padding-left:10px;color:#aaa;}
.top_search .hotsearch.new-hot a{color:#aaa;}
.top_search .hotsearch.new-hot a:hover{color:#3399ff;}
.top_search .hotsearch.new-hot dl{float:left;}
.top_search .hotsearch.new-hot dl dt,.top_search .hotsearch.new-hot dl dd{ float:left; line-height:30px; margin-right:10px}
.top_search .arrow{ position:absolute; z-index:10006; top:72px; left:60px;width:11px; height:6px;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) 0 -247px no-repeat; display:none}
.top_search .b_blue_box{ border:2px solid #3399fe;overflow:hidden; width:1186px; position:absolute;top:78px;left:-490px; background:#fff; z-index:10001; display:none; text-align:left;}
.main_con{ float:left; width:1186px;overflow:hidden;}
.gamename_quicksearch{ height:28px; overflow:hidden; position: absolute; left: 380px; top:4px}
.q_input{ width:178px; height:28px; border: none; padding:0 30px 0 12px; line-height:28px\9; float: left; font-family:\5b8b\4f53; background:#fff url(http://pic.7881.com/7881-2016/images/icon-com.png) 197px -202px no-repeat;}
.main_name_select{ height:38px; line-height:35px; padding-left:20px; background: #3399fe; position: relative;}
.main_name_select a{ border-top:#3399fe 3px solid; font-size:14px; height:35px; margin-right:3px; width:150px; display:inline-block; text-align:center; color:#fff}
.main_name_select a.hover{ font-weight:bold; color: #666; background:#fff;}
.main_letter_select{ height:48px; line-height:48px; border-bottom: #ccc 1px solid; width: 1132px; margin: 0 auto;}
.main_letter_select a,.main_letter_select a.current{display:inline-block; *display: inline; *zoom:1; padding:0 15px 0 16px; text-align:center; font-family:Arial,\5b8b\4f53; overflow:hidden; vertical-align:middle; font-size: 14px;}
.main_letter_select a#hotgame { font-size: 12px;}
.main_letter_select a.current{ color:#ff7700; border-bottom: #ff7700 2px solid; height: 46px;}
.main_letter_select a:hover{ text-decoration:none; color:#ff7700;}
.main_name_select a.qf-tips { float: right; font-size: 12px; line-height: 36px; height: 38px; border-top: none; margin-right: 6px;}
.con_list{ padding:10px 0 10px 45px; width:1114px; overflow:hidden}
.con_list dt{ float:left;width:150px; overflow:hidden; padding:7px 0 7px 4px; margin-right:4px;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) 0 -261px no-repeat; height:20px;white-space:nowrap; text-overflow:ellipsis}
.con_list dt a{line-height:20px; padding:0 5px; overflow:hidden; display:inline-block; font-size: 14px; cursor: pointer;}
.con_list dt a.hot { color: #ff7700;}
.con_list dt a:hover{ color:#3399ff;}
.con_list .none-game { font-size: 14px;}
.box_title { height: 38px;line-height: 35px;padding-left: 20px; background: #3399fe; position: relative;}
.box_title { font-size: 14px; color: #fff; font-weight:bold;}
.box_title a { color: #fff100; font-weight: normal; cursor: pointer; margin-left: 26px;}
.box_title a:hover { text-decoration: underline;}
.box_title a.qf-tips { float: right; color: #fff; margin-right: 6px; font-size: 12px;}
.box_title .server_input {width:178px; font-size: 12px; height:28px; border: none; padding:0 30px 0 12px; line-height:28px\9; font-family:\5b8b\4f53; background:#fff url(http://pic.7881.com/7881-2016/images/icon-com.png) 197px -202px no-repeat; margin-left: 134px;}
#xi_box {position:absolute; visibility:hidden; padding: 8px 0; background:#ffffff; left:0px; top:0px; width:600px;max-height:148px; border:solid 1px #ccc; border-top:none; overflow: auto; z-index: 999999;}
#xi_box table tr td { height: 25px; line-height: 25px; padding-left: 10px; font-family:\5b8b\4f53,arial; cursor: pointer;}
#xi_box table tr td:hover {background: #e6f0fd;}
.xii_selected {background:#e6f0fd;}
/* index-floatnav Start */
.index-floatnav { position:fixed;bottom:120px;left: 50%;margin-left: 615px; width: 50px; height: 204px; z-index: 100;}
.index-floatnav a,.index-floatnav .kf-scrolltop { display: block; width: 48px; height: 48px; margin-bottom: 1px; border: #eee 1px solid; text-align: center; background: #fbfbfb;}
.index-floatnav a em,.index-floatnav .kf-scrolltop em {  font-size: 32px; display: inline-block; *display: inline; *zoom:1;padding-top: 9px; color: #aaa;}
.index-floatnav a p,.index-floatnav .kf-scrolltop p { line-height: 16px; color: #fff; padding-top: 8px; display: none;}
.index-floatnav a:hover em,.index-floatnav .kf-scrolltop:hover em { display: none;}
.index-floatnav a:hover p,.index-floatnav .kf-scrolltop:hover p { display: block;}
.index-floatnav a.kf-ewm:hover { background: #6173f1; border: #6173f1 1px solid;}
.index-floatnav a.kf-qq:hover { background: #eb6100; border: #eb6100 1px solid;}
.index-floatnav a.kf-robot:hover { background: #af5ca1; border: #af5ca1 1px solid;}
.index-floatnav a.kf-tel:hover { background: #3399ff; border: #3399ff 1px solid;}
.index-floatnav a.kf-customer:hover { background: #22ac38; border: #22ac38 1px solid;}
.index-floatnav .kf-scrolltop  { cursor: pointer; display: none;}
.index-floatnav .kf-scrolltop:hover { background: #666666; border: #666666 1px solid;}
.kf-tel { position: relative; z-index: 100;}
.kf-tel:hover dl.kf-box { display: block;}
dl.kf-box { width: 279px; height: 150px; border: #3399ff 1px solid; background: #fff; position: absolute; left: -281px; top:-1px; display: none;}
dl.kf-box dt { float: left; width:126px; height: 150px; float: left;}
dl.kf-box dd { float: left; font-family: "microsoft yahei"; text-align: left; color: #666; margin-top: 25px;}
dl.kf-box dd h5 { font-size: 16px; font-weight: normal; line-height: 22px;}
dl.kf-box dd h4 { font-size: 22px; font-weight: normal; font-family: Georgia; color: #3399ff; line-height: 36px;}
.kf-ewm { position: relative; z-index: 100;}
.kf-ewm:hover dl.ewm-box { display: block;}
dl.ewm-box { width:100px; height: 100px; border: #6173f1 1px solid; background: #fff; position: absolute; left: -103px; top:-1px; display: none;}
dl.ewm-box img{margin-top: 10px;}
/* index-floatnav End */
/* top-adv-box Start */
.top-adv-box { width: 100%; min-width: 1190px; position: relative;}
.top-adv { text-align: center; height: 100px; overflow: hidden;}
.top-adv a { display: inline-block;*display: inline; *zoom:1; height: 100px; width: 100%; overflow: hidden; background-position: center center;}
.top-adv-btn a { position: absolute; display: block; right: 20px; top:10px; width: 15px; height: 15px; background:url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat;}
.top-adv-btn a.close { background-position: 0 -337px;}
.top-adv-btn a.close:hover {background-position: -15px -337px;}
.top-adv-btn a.open { background-position: 0 -352px; top:10px; display: none;}
.top-adv-btn a.open:hover {background-position: -15px -352px;}
/* top-adv-box End */
/* top-tips Start */
.top-tips { width: 1188px; margin: 10px auto 0 auto; position: relative; height: 28px; background: #fffef7; line-height: 28px; border: #f0de7b 1px solid;}
.top-tips p { margin-left: 16px;}
.top-tips span { position: absolute; right: 16px; top:0;color: #aaa; cursor: pointer;}
/* top-tips End */
/* login-2016 */
.login-pop { display: none;}
.rel {position: relative;}
.mt20{margin-top:20px}
.middle{vertical-align:middle}
.color9{color:#999!important;}
.loginRight{width:380px;height:430px; padding-top:30px;background-color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2); font-family: "microsoft yahei";}
.loginBox{width:300px;margin:0 auto;position:relative}
.loginTitle{height:30px;line-height:30px;}
.loginTitle h1{font-size:20px;font-weight:400}
.noAccount{color:#666}
.noAccount:hover{color:#333}
.loginRegLink{color:#f60}
.loginRegLink:hover{text-decoration:underline;color:#f60}
.comIptBox{width:298px;height:40px;border:1px solid #ddd;font-size:16px;color:#333;position:relative}
.comPureIptBox{width:128px}
.comIptIcon{display:block;width:40px;height:41px;position:absolute;top:0;cursor:default}
.IptIconLeft{left:0}
.IptIconRight{right:0}
.iptIconInner{font-size:20px;left:11px;top:11px;color:#aaa;position:absolute}
.comIpt{height:39px;width:218px;left:40px;top:0;border:0;font-size:14px;color:#333;position:absolute}
.loginRight .placeholder{top:-1px;left:41px;line-height:42px;color:#999;font-size:14px;position:absolute}
.codePlaceholder{left:20px}
.userIptBox{margin-top:16px}
.loginEyeIcon{position:absolute;right:10px;top:10px;color:#ccc;font-size:20px;cursor:pointer}
.loginEyeIconHover{color:#aaa}
.loginEyeIconActive{color:#53aee7}
.loginDelIcon{font-size:20px;color:#aaa;right:10px;top:10px}
.hide{display:none}
.focusError{border-color:#f60}
.checkCodeBox{height:42px;line-height:42px;margin-top:20px;position:relative}
.pureIpt{width:88px;height:40px;padding:0 20px;border:0;font-size:14px;color:#333;position:absolute;top:0;left:0}
.codeImgBox{margin-left:14px;margin-top:-1px;cursor:pointer}
.changeOne{color:#0675ff}
.changeOne:hover{text-decoration:underline}
.focusShadow{border-color:#53aee7;box-shadow:0 0 3px #53aee7;-webkit-box-shadow:0 0 3px #53aee7;-moz-box-shadow:0 0 3px #53aee7}
.loginBtn{display:block;width:300px;height:42px;line-height:42px;color:#fff;background-color:#53aee7;font-size:16px;margin-top:40px;text-align: center;}
.mRegBox .regBtn{margin-top:51px}
.loginBtn:hover{color:#fff;background-color:#138cd8;cursor: pointer;}
.loginFunction{margin-top:12px}
.loginFunction span{padding-left:9px}
.loginForgotPwd{float:right;color:#999}
.loginForgotPwd:hover{color:#0675ff}
.loginLeft{position:absolute;top:90px;left:77px}
.loginLeftLink{display:block;width:600px;height:400px}
.loginError{position:absolute;bottom:165px;left:0}
.loginErrorIcon{font-size:18px;color:#f60}
.loginErrorText{color:#f60;padding-left:5px}
.loginErrorText a{color:#0675ff}
.regBox .regErrorText{color:#f60}
.loginLine{border-bottom:1px solid #e1e3e4;margin-top:21px}
.otherLoginText{width:163px;background-color:#fff;left:70px;top:-10px;font-weight:400;text-align:center;position:absolute;color:#999}
.socialIconBox{margin-top:20px;text-align:center}
.socialIconBox li{display:inline-block;margin:0 7px}
.socialIconItem{font-size:41px;color:#ccc}
.socialIconItem:hover{color:#22ac38}
.socialIconAli:hover{color:#00b7ee}
.socialIconQQ:hover{color:#ec6941}
.socialIconYY:hover{color:#b28850}


/*客服机器人*/
.customer-service-robot{width:278px; position: fixed; bottom: 15px; right:15px; z-index: 111;}
.customer-service-robot .robot-tit{height: 40px; background:#3399fe; border-radius: 4px 4px 0 0;}
.customer-service-robot .robot-tit span{float:left; font-size: 14px; font-family: simsun; color: #fff; line-height: 40px; padding-left: 15px;}
.customer-service-robot .robot-tit em{float: right; line-height: 40px; color: #fff; padding-right: 15px; font-weight: bold; cursor: pointer;}
.customer-service-robot .facility{width: 276px; height: 60px; border: 1px solid #eee; border-top: none; background: #fbfbfb; position: relative;}
.customer-service-robot .facility .facili-top{position: absolute; top: 0; left: 0;}
.customer-service-robot .facility .facili-top li{position: absolute; width: 38px; height: 38px; border: 1px solid #eee; background: #fff; border-radius: 20px; text-align: center; top: 10px; cursor: pointer;}
.customer-service-robot .facility .facili-top li span{color:#3399fe; font-size:28px; line-height: 38px; }
.customer-service-robot .facility .facili-top li.topli1{left: 15px;}
.customer-service-robot .facility .facili-top li.topli1.on{left: 15px;}
.customer-service-robot .facility .facili-top li.topli2{left: 175px;}
.customer-service-robot .facility .facili-top li.topli2.on{left: 70px;}
.customer-service-robot .facility .facili-top li.topli3{left: 225px;}
.customer-service-robot .facility .facili-top li.topli3.on{left:125px;}
.customer-service-robot .facility .facili-bot{position: absolute; top: 0; left: 0;}
.customer-service-robot .facility .facili-bot li{ line-height: 60px; position:absolute; width: 100px;}
.customer-service-robot .facility .facili-bot li.botli1{left: 60px;}
.customer-service-robot .facility .facili-bot li.botli2{left: 120px;}
.customer-service-robot .facility .facili-bot li.botli3{left: 175px;}

.chat-window{width: 264px;  padding-left: 6px; padding-right: 6px; border: 1px solid #eee; border-top: none; padding-bottom:20px; overflow-y: auto; background: #fff;}
.chat-window .cus-ser-win{padding-top: 20px;}
.chat-window .cus-ser-win h3{font-size: 12px; color: #3399ff; font-family: simsun; padding-left: 4px;}
.chat-window .cus-ser-win h3 span{ color: #aaa; font-family: arial; padding-left: 5px;font-size: 12px;}
.cus-ser-win .chat-server{overflow: hidden; margin-top: 8px;}
.cus-ser-win .chat-server em{display: block; width: 8px; height: 13px; background: url("http://pic.7881.com/7881-2016/css/images/chatlebg.png") no-repeat; float: left; margin-top: 15px; margin-right: -1px;}
.cus-ser-win .chat-server .seven-answer{max-width: 205px; border: 1px solid #eee; background: #fbfbfb; padding:10px; border-radius:4px; float: left;}
.cus-ser-win .chat-server p{font-size: 12px; font-family: simsun;color: #333; line-height: 22px;}
.cus-ser-win .chat-server p a{color:#3399ff; padding: 0 5px;font-family: simsun;}

.cus-ser-win.rel-problem p{ padding:3px 0; line-height:18px;}
.cus-ser-win.rel-problem p a{padding: 0;}
.cus-ser-win.rec-problem p img{ padding: 8px 0;}
.chat-window .client-win{padding-top: 20px;}
.chat-window .client-win h3{font-size: 12px; color: #22ac38; font-family: simsun; padding-right: 4px; text-align: right;}
.chat-window .client-win h3 span{ color: #aaa; font-family: arial; padding-left: 5px;font-size: 12px;}
.client-win .chat-client{overflow: hidden; margin-top: 8px;}
.client-win .chat-client em{display: block;  width: 8px; height: 13px; background: url("http://pic.7881.com/7881-2016/css/images/chatribg.png") no-repeat; margin-left: -1px; margin-top: 15px; float: right;}
.client-win .chat-client .client-ask{max-width: 205px;  float: right; border: 1px solid #c2e4ff; background: #c2e4ff; padding:10px; border-radius:4px;}
.client-win .chat-client p{font-size: 12px; font-family: simsun;color: #333; line-height: 22px;}

.robot-search-box{height: 30px; background: #f8f8f8; border: 1px solid #eee; border-top: none; width: 256px; border-radius: 0 0 4px 4px; padding:9px 10px; position: relative; z-index: 2;}
.robot-search-box input{padding: 0 10px; width: 234px; border: 1px solid #dbdbdb; height: 28px; line-height: 28px; border-radius: 8px; font-family:simsun;}
.robot-search-box input:focus{ border: 1px solid #39f; box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);-webkit-transition:box-shadow .5s;}
.matching-result{position: absolute; background: #fcfcfc; width: 100%; bottom:49px; left: 0; border-top: 1px solid #eee; display: none;}
.matching-result p{font-family:simsun; color:#aaa; line-height: 30px; padding-left: 15px;}
.matching-result li{ padding:5px 0 5px 15px; line-height: 20px; font-family: simsun; font-size: 12px; color: #333;}
.matching-result li:hover{background: #eee;}
.matching-result li em{color:red;}
.result-big-pic{display: none;}
.result-big-pic img{display: block;}





/* 通用样式 */
/* 通用字体大小 */
.font-32 { font-size: 32px; font-family:"microsoft yahei";}
.font-24 { font-size: 24px; font-family:"microsoft yahei";}
.font-20 { font-size: 20px; font-family:"microsoft yahei";}
.font-18 { font-size: 18px; font-family:"microsoft yahei";}
.font-16 { font-size: 16px; font-family:"microsoft yahei";}
.font-14 { font-size: 14px;}
.font-12 { font-size: 12px;}
.blod { font-weight: bold!important;}
/* 通用颜色 */
.c333 { color: #333!important;}
.c666 { color: #666!important;}
.c888 { color: #888!important;}
.caaa { color: #aaa!important;}
.cff6700 { color: #ff6700!important;}
.c39f { color: #3399ff!important;}
.c093 { color: #009933!important;}
.c333 { color: #333;}
a.blue:hover { color: #ff6600!important;}
/* 通用输入框 */
.common-input { width: 418px; height: 38px; padding: 0 15px; line-height: 38px\9; border: #ddd 1px solid; color: #333; font-size: 14px; font-family: arial,\5b8b\4f53; font-weight: bold;}
.common-input.h-36 { height: 34px; line-height: 34px\9; padding:0 12px; width: 214px; font-size: 14px;}
.common-input.h-30 { height: 28px; line-height: 28px\9; padding:0 10px; width: 298px; font-size: 12px;}
.common-input::-webkit-input-placeholder {color: #bbb !important; font-weight: normal;}
.common-input:-moz-placeholder {color: #bbb !important; font-weight: normal;}
.common-input::-moz-placeholder {color: #bbb !important; font-weight: normal;}
.common-input:-ms-input-placeholder {color: #bbb !important; font-weight: normal;}
.common-input:focus{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:1px solid #3399ff;box-shadow:0 0 2px #3399ff;}
.common-input.Validform_error{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:1px solid #eb6100;box-shadow:0 0 2px #eb6100;}
.common-input.Validform_error:focus {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:1px solid #3399ff;box-shadow:0 0 2px #3399ff;}
.common-input.disab { background: #f8f8f8; color: #666; font-weight: normal;}
.common-input.disab:focus {border:#ccc 1px solid; box-shadow:none;}
.common-form .form-item { margin-bottom: 16px; font-size: 14px;}
.common-form .form-item.inline{display: inline-block;*display: inline;*zoom: 1;}
.common-form .form-item .form-item-l { float: left; width: 250px; padding-right: 10px; height: 40px; line-height: 40px; text-align: right;}
.common-form .form-item .form-item-l i { font-family: tahoma; vertical-align: middle; color: #ff6f00; margin-right: 4px; font-size: 14px; vertical-align: middle;}
.common-form .form-item .form-item-r { float: left; }
.common-form .form-item .form-item-r em.txt { display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.common-form .form-item .form-item-r p.tips { color: #999; margin-top: 8px;}
.common-form .form-item .form-item-r h5 { color: #333; height: 32px; line-height: 32px; font-size: 14px;}
.common-form.height-36 .form-item .form-item-l { height: 36px; line-height: 36px;}
.common-form.height-30 .form-item .form-item-l { height: 30px; line-height: 30px;}

.del-input { position: relative;}
.del-input .delinput-btn { position: absolute; right: 0px; top:0px; display: none; width: 42px; height: 40px; *zoom:1; line-height: 44px; text-align: center; cursor: pointer;}
.del-input .delinput-btn em.iconfont { color: #ccc; font-size: 20px; *line-height: 44px;}
.del-input .common-input { padding-right: 42px; width: 391px;}
.height-36 .del-input .delinput-btn { line-height: 40px; height: 36px; width: 38px;}
.height-30 .del-input .delinput-btn { line-height: 32px; height: 30px; width: 32px;}
.height-36 .del-input .common-input { padding-right: 38px; width: 188px;}
.height-30 .del-input .common-input { padding-right: 30px; width: 278px;}
.height-36 .del-input .delinput-btn em.iconfont { font-size: 18px;}
.height-30 .del-input .delinput-btn em.iconfont { font-size: 16px;}
.height-36 .del-input .delinput-btn em.iconfont { *line-height: 40px;}
.height-30 .del-input .delinput-btn em.iconfont { *line-height: 32px;}
/* 通用下拉框 */
.comselect{ width: 448px;height:38px; font-size: 14px; cursor: pointer;position:relative;border: #ddd 1px solid; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.comselect .comselect-val{float:left; width: 100%; color: #333; font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.comselect .comselect-val input { border: none;*border:0;height:38px;*height:37px;line-height: 38px\9; width: 87%; cursor: pointer; text-indent: 15px; font-size: 14px; font-family:arial,\5b8b\4f53; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;}
.comselect .comselect-val input::-webkit-input-placeholder {color: #333 !important; font-weight: normal;}
.comselect .comselect-val input:-moz-placeholder {color: #333 !important; font-weight: normal;}
.comselect .comselect-val input::-moz-placeholder {color: #333 !important; font-weight: normal;}
.comselect .comselect-val input:-ms-input-placeholder {color: #333 !important; font-weight: normal;}
.comselect.Validform_error { border:#ff6700 1px solid;}
.comselect.Validform_error .comselect-icon { border-left:#ff6700 1px solid;}
.comselect.act { border: #3399ff 1px solid; z-index: 99;}
.comselect.act .comselect-icon { border-left:#3399ff 1px solid;}
.comselect-icon{width: 33px;height:38px; text-align: center; position:absolute;border-left:#ddd 1px solid;right:0px;top:0px;background-color: #fff;}
.comselect-icon em { font-size: 24px; color: #666; margin-top: 8px; display: inline-block; *display: inline; *zoom:1;}
.comselect-icon em.icon-up{ display: none;}
.comselect-icon.up em.icon-up{ display: block;color: #427fed;}
.comselect-icon.up em.icon-down{ display: none;}
.comselect-menu{position: absolute;border: 1px solid #ccc; border-top: none; width:100%; top:39px;left:-1px;display: none;max-height: 210px;overflow-x: hidden;overflow-y: auto; z-index: 9;}
.comselect-menu li{text-align: left;text-indent: 15px; height: 40px; font-size: 14px; line-height: 40px; color:#666;background-color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 18px;}
.comselect-menu li:hover {background-color: #3399ff; color: #fff;}
.comselect.select-game,.comselect.select-game .comselect-input{ cursor:auto;}
.comselect.select-game .comselect-menu li { cursor: pointer;}
.comselect.select-game .comselect-input::-webkit-input-placeholder {color: #333;}
.comselect.select-game .comselect-input:-moz-placeholder {color: #333;}
.comselect.select-game .comselect-input::-moz-placeholder {color: #333;}
.comselect.select-game .comselect-input:-ms-input-placeholder {color: #333;}
.comselect.disabled { background: #f8f8f8;}
.comselect.disabled .comselect-val .comselect-input { background: #f8f8f8; cursor: default;}
.comselect.disabled .comselect-val .comselect-input::-webkit-input-placeholder {color: #666 !important;}
.comselect.disabled .comselect-val .comselect-input:-moz-placeholder {color: #666 !important;}
.comselect.disabled .comselect-val .comselect-input::-moz-placeholder {color: #666 !important;}
.comselect.disabled .comselect-val .comselect-input:-ms-input-placeholder {color: #666 !important;}

.common-form.height-36 .form-item .form-item-l { height: 36px; line-height: 36px; font-size: 14px;}
.comselect.h-36 { width: 214px; height: 34px; font-size: 14px;}
.comselect.h-36 .comselect-val input { height:34px;*height:33px;line-height: 34px\9; font-size: 14px; text-indent: 12px;}
.comselect.h-36 .comselect-icon { width: 28px; height: 34px;}
.comselect.h-36 .comselect-icon em { margin-top: 7px; font-size: 22px;}
.comselect.h-36 .comselect-menu { top:35px;}
.comselect.h-36 .comselect-menu li { text-indent: 12px; height: 30px; line-height: 30px; font-size: 14px;}

.common-form.height-30 .form-item .form-item-l { height: 30px; line-height: 30px; font-size: 12px;}
.comselect.h-30 { width: 298px; height: 28px; font-size: 14px;}
.comselect.h-30 .comselect-val input { height:28px;*height:27px;line-height: 28px\9; font-size: 12px; text-indent: 10px;}
.comselect.h-30 .comselect-icon { width: 25px; height: 28px;}
.comselect.h-30 .comselect-icon em { margin-top: 4px; font-size: 22px;}
.comselect.h-30 .comselect-menu { top:29px;}
.comselect.h-30 .comselect-menu li { text-indent: 10px; height: 30px; line-height: 30px; font-size: 12px;}
/* 通用按钮 */
.com-btn-01 { display: inline-block; *display: inline; *zoom:1; width:130px; height: 48px; font-size: 18px; font-family: "microsoft yahei"; text-align: center; line-height: 48px; color: #fff;}
.com-btn-01:hover { text-decoration: none; color: #fff;}
.com-btn-01.ing b { /*display: none;*/  display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 26px; height: 27px; line-height: 26px; margin-right: 6px; margin-top: -3px; -moz-animation:rotateing 2s infinite linear;-webkit-animation:rotateing 2s infinite linear;animation:rotateing 2s infinite linear;}
.com-btn-01.ing em {   font-size: 26px; width: 26px; height: 26px; overflow: hidden; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.com-btn-01.disabled { background: #eee; color: #aaa;}
.com-btn-01.color01 { background: #ff6700;}
.com-btn-01.color01:hover { background: #ff7700;}
.com-btn-01.color01.dis { background: #ffb37f;}
.com-btn-01.color02 { background: #3399ff;}
.com-btn-01.color02:hover { background: #4da6ff;}
.com-btn-01.color02.dis { background: #99ccff;}
.com-btn-01.color03 { background: #fbfbfb; width: 128px; height: 46px; line-height: 46px; border: #ddd 1px solid; color: #333;}
.com-btn-01.color03:hover { background: #ff6700; border: #ff6700 1px solid; color: #fff;}
.com-btn-01.color04 { background: #fbfbfb; width: 128px; height: 46px; line-height: 46px; border: #ddd 1px solid; color: #333;}
.com-btn-01.color04:hover { background: #3399ff; border: #3399ff 1px solid; color: #fff;}
.com-btn-01.color05 { background: #fbfbfb; width: 128px; height: 46px; line-height: 46px; border: #ddd 1px solid; color: #333;}
.com-btn-01.color05:hover { background: #fff; border: #ccc 1px solid;}
.com-btn-01.color03.dis { background: #99ccff;}

.com-btn-02 { display: inline-block; *display: inline; *zoom:1; width:85px; height: 30px; font-size: 12px; font-family:\5b8b\4f53,arial; border-radius: 2px; text-align: center; line-height: 30px; color: #fff;}
.com-btn-02:hover { text-decoration: none; color: #fff;}
.com-btn-02.ing b { /*display: none;*/  display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 14px; height: 14px; line-height: 15px; margin-right: 2px; margin-top: -3px; -moz-animation:rotateing 2s infinite linear;-webkit-animation:rotateing 2s infinite linear;animation:rotateing 2s infinite linear;}
.com-btn-02.ing em {   font-size: 14px; width: 14px; height: 14px; overflow: hidden; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.com-btn-02.ing:hover { cursor: default;}
.com-btn-02.disabled { background: #eee; color: #aaa;}
.com-btn-02.disabled:hover { cursor: default;}
.com-btn-02.color01 { background: #ff6700;}
.com-btn-02.color01:hover { background: #ff7700;}
.com-btn-02.color01.dis { background: #ffb37f;}
.com-btn-02.color02 { background: #3399ff;}
.com-btn-02.color02:hover { background: #4da6ff;}
.com-btn-02.color02.dis { background: #99ccff;}
.com-btn-02.color03 { background: #fbfbfb; width: 83px; height: 28px; line-height: 28px; border: #ddd 1px solid; color: #333;}
.com-btn-02.color03:hover { background: #ff6700; border: #ff6700 1px solid; color: #fff;}
.com-btn-02.color04 { background: #fbfbfb; width: 83px; height: 28px; line-height: 28px; border: #ddd 1px solid; color: #333;}
.com-btn-02.color04:hover { background: #3399ff; border: #3399ff 1px solid; color: #fff;}
.com-btn-02.color05 { background: #fbfbfb; width: 83px; height: 28px; line-height: 28px; border: #ddd 1px solid; color: #333;}
.com-btn-02.color05:hover { background: #fff; border: #ccc 1px solid;}
.com-btn-02.color03.dis { background: #99ccff;}

.com-btn-03 { display: inline-block; *display: inline; *zoom:1; width:120px; height: 36px; font-size: 16px; font-family:"microsoft yahei",arial; border-radius: 2px; text-align: center; line-height: 35px; color: #fff;}
.com-btn-03:hover { text-decoration: none; color: #fff;}
.com-btn-03.ing b { /*display: none;*/  display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 18px; height: 18px; line-height: 15px; margin-right: 4px; margin-top: -3px; -moz-animation:rotateing 2s infinite linear;-webkit-animation:rotateing 2s infinite linear;animation:rotateing 2s infinite linear;}
.com-btn-03.ing em {   font-size: 18px; width: 18px; height: 18px; overflow: hidden; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.com-btn-03.ing:hover { cursor: default;}
.com-btn-03.disabled { background: #eee; color: #aaa;}
.com-btn-03.disabled:hover { cursor: default;}
.com-btn-03.color01 { background: #ff6700;}
.com-btn-03.color01:hover { background: #ff7700;}
.com-btn-03.color01.dis { background: #ffb37f;}
.com-btn-03.color02 { background: #3399ff;}
.com-btn-03.color02:hover { background: #4da6ff;}
.com-btn-03.color02.dis { background: #99ccff;}
.com-btn-03.color03 { background: #fbfbfb; width: 118px; height: 34px; line-height: 33px; border: #ddd 1px solid; color: #333;}
.com-btn-03.color03:hover { background: #ff6700; border: #ff6700 1px solid; color: #fff;}
.com-btn-03.color04 { background: #fbfbfb; width: 118px; height: 34px; line-height: 33px; border: #ddd 1px solid; color: #333;}
.com-btn-03.color04:hover { background: #3399ff; border: #3399ff 1px solid; color: #fff;}
.com-btn-03.color05 { background: #fbfbfb; width: 118px; height: 34px; line-height: 33px; border: #ddd 1px solid; color: #333;}
.com-btn-03.color05:hover { background: #fff; border: #ccc 1px solid;}
.com-btn-03.color03.dis { background: #99ccff;}

.com-btn-04 { display: inline-block; *display: inline; *zoom:1; width:120px; height: 40px; font-size: 16px; font-family:"microsoft yahei",arial; border-radius: 2px; text-align: center; line-height: 39px; color: #fff;}
.com-btn-04:hover { text-decoration: none; color: #fff;}
.com-btn-04.ing b { /*display: none;*/  display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 18px; height: 18px; line-height: 15px; margin-right: 4px; margin-top: -3px; -moz-animation:rotateing 2s infinite linear;-webkit-animation:rotateing 2s infinite linear;animation:rotateing 2s infinite linear;}
.com-btn-04.ing em {   font-size: 18px; width: 18px; height: 18px; overflow: hidden; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.com-btn-04.ing:hover { cursor: default;}
.com-btn-04.disabled { background: #eee; color: #aaa;}
.com-btn-04.disabled:hover { cursor: default;}
.com-btn-04.color01 { background: #ff6700;}
.com-btn-04.color01:hover { background: #ff7700;}
.com-btn-04.color01.dis { background: #ffb37f;}
.com-btn-04.color02 { background: #3399ff;}
.com-btn-04.color02:hover { background: #4da6ff;}
.com-btn-04.color02.dis { background: #99ccff;}
.com-btn-04.color03 { background: #fbfbfb; width: 118px; height: 38px; line-height: 37px; border: #ddd 1px solid; color: #333;}
.com-btn-04.color03:hover { background: #ff6700; border: #ff6700 1px solid; color: #fff;}
.com-btn-04.color04 { background: #fbfbfb; width: 118px; height: 38px; line-height: 37px; border: #ddd 1px solid; color: #333;}
.com-btn-04.color04:hover { background: #3399ff; border: #3399ff 1px solid; color: #fff;}
.com-btn-04.color05 { background: #fbfbfb; width: 118px; height: 38px; line-height: 37px; border: #ddd 1px solid; color: #333;}
.com-btn-04.color05:hover { background: #fff; border: #ccc 1px solid;}
.com-btn-04.color03.dis { background: #99ccff;}

@keyframes rotateing{
	0%{transform:rotate(0deg);
	}
	100%{transform:rotate(360deg);
	}
}
@-webkit-keyframes rotateing{
　　0%{-webkit-transform:rotate(0deg);}
　　100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotateing{
　　0%{-moz-transform:rotate(0deg);}
　　100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotateing{
　　0%{-ms-transform:rotate(0deg);}
　　100%{-ms-transform:rotate(360deg);}
}

/* 通用提示 */
p.orange-tip{float:left;line-height:28px;padding-left:30px;padding-right:5px;border:1px solid #FC3;color:#666;background:#fffcf0 url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 10px -370px;}
p.blue-tip{float:left;line-height:28px;padding-left:30px;padding-right:5px;border:1px solid #9cf;color:#666;background:#f3fbff url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 10px -396px;}
p.gray-tip{float:left;line-height:28px;padding-left:30px;padding-right:5px;border:1px solid #e8e8e8;color:#666;background:#fafafa url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 10px -423px;}
p.red-tip{float:left;line-height:28px;padding-left:30px;padding-right:5px;border:1px solid #f96;color:#666;background:#fff6f0 url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 10px -450px;}
p.green-tip{float:left;line-height:28px;padding-left:30px;padding-right:5px;border:1px solid #6c6;color:#666;background:#effff4 url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 10px -476px;}

p.orange-bubble{box-shadow:2px 2px 2px #e8e8e8;width:275px;padding:10px 15px;line-height:22px;position:relative;color:#333;border:1px solid #FC3;background:#fffcf0;}
p.orange-bubble b{display:block;position:absolute;width:6px;height:10px;overflow:hidden;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 0 -512px;left:-6px;top:10px;}
p.blue-bubble{box-shadow:2px 2px 2px #e8e8e8;width:275px;padding:10px 15px;line-height:22px;position:relative;color:#333;border:1px solid #9cf;background:#f3fbff;}
p.blue-bubble b{display:block;position:absolute;width:6px;height:10px;overflow:hidden;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 0 -523px;left:-6px;top:10px;}
p.gray-bubble{box-shadow:2px 2px 2px #e8e8e8;width:275px;padding:10px 15px;line-height:22px;position:relative;color:#333;border:1px solid #e8e8e8;background:#fafafa;}
p.gray-bubble b{display:block;position:absolute;width:6px;height:10px;overflow:hidden;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 0 -532px;left:-6px;top:10px;}
p.red-bubble{box-shadow:2px 2px 2px #e8e8e8;width:275px;padding:10px 15px;line-height:22px;position:relative;color:#333;border:1px solid #f96;background:#fff6f0;}
p.red-bubble b{display:block;position:absolute;width:6px;height:10px;overflow:hidden;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 0 -542px;left:-6px;top:10px;}
p.green-bubble{box-shadow:2px 2px 2px #e8e8e8;width:275px;padding:10px 15px;line-height:22px;position:relative;color:#333;border:1px solid #6c6;background:#effff4;}
p.green-bubble b{display:block;position:absolute;width:6px;height:10px;overflow:hidden;background:url(http://pic.7881.com/7881-2016/images/icon-com.png) no-repeat 0 -552px;left:-6px;top:10px;}

p.orange-stip{box-shadow:2px 2px 2px #e8e8e8;width:100px;padding:5px 10px;line-height:20px;color:#333;border:1px solid #FC3;background:#fffcf0;}
p.blue-stip{box-shadow:2px 2px 2px #e8e8e8;width:100px;padding:5px 10px;line-height:20px;color:#333;border:1px solid #9cf;background:#f3fbff;}
p.gray-stip{box-shadow:2px 2px 2px #e8e8e8;width:100px;padding:5px 10px;line-height:20px;color:#333;border:1px solid #e8e8e8;background:#fafafa;}
p.red-stip{box-shadow:2px 2px 2px #e8e8e8;width:100px;padding:5px 10px;line-height:20px;color:#333;border:1px solid #f96;background:#fff6f0;}
p.green-stip{box-shadow:2px 2px 2px #e8e8e8;width:100px;padding:5px 10px;line-height:20px;color:#333;border:1px solid #6c6;background:#effff4;}

/********** 面包屑 **********/
.com-breadcrumb{height: 40px;line-height: 40px;margin: 0 auto;width: 1190px;}
.com-breadcrumb ul{height: 100%;width: 100%;float: left;}
.com-breadcrumb ul li{float: left;}
.com-breadcrumb ul li a{color: #aaa;}
.com-breadcrumb ul li a:hover{color: #666;}
.com-breadcrumb ul li em{color: #aaa;padding: 0 8px; font-family:\5b8b\4f53;}

/* 通用一句话弹出层 */
.com-popup.layui-layer { border-radius: 0;}
.com-popup.layui-layer .layui-layer-content { overflow: visible;}
.com-popup .layui-layer-title { height: 64px; line-height: 64px; border-bottom: none; font-size: 20px; background: none;  font-family: "microsoft yahei"; color: #666;}
.com-popup .layui-layer-setwin { right: 22px; top:22px;}
.com-popup .layui-layer-setwin a.layui-layer-close { width: 20px; height: 20px; background: url(http://pic.7881.com/zuhao/images/common/icon-com.png) 1px -398px no-repeat; margin-left: 0;}
p.popup-btn { text-align: center;}
p.popup-btn a { margin: 0 8px;}
.compop-box { text-align: center; padding: 24px 40px 40px 40px; }
.compop-box h2 { font-size: 14px; font-weight: bold; margin-bottom: 32px;}


/********** 加减输入 **********/
.sub-input-plus{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.sub-input-plus{height: 32px;display: inline-block;*display: inline;*zoom: 1;}
.sub-input-plus span{position:relative;display: inline-block;*display:inline;*zoom:1;width: 30px;height: 30px;text-align: center;line-height: 38px;border: 1px solid #ccc;font-size:20px;vertical-align: middle;cursor: pointer;}
.sub-input-plus span.btn-l{border-right: none;}
.sub-input-plus span.btn-r{border-left: none;}
.sub-input-plus span.unusable { background: #f9f9f9;}
.sub-input-plus span.unusable em{background: #aaa;}
.sub-input-plus span em{background: #666;position: absolute;}
.sub-input-plus span em.transverse{width: 2px;height: 12px;left: 14px;top:9px;}
.sub-input-plus span em.vertical{width: 12px;height: 2px;left: 9px;top:14px;}
.sub-input-plus input{font-size: 14px;color: #333;font-weight:bold;text-align:center;width:28px; border: #ccc 1px solid; height: 30px; line-height: 30px; vertical-align: middle; padding:0 10px;z-index: 999;}

/********** 进度条 **********/
.steps-com { float: right;}
.steps-com dl { float: left; width: 116px; text-align: center;}
.steps-com dl dt { height: 16px; background:url(http://pic.7881.com/7881-2016/images/step-off.png) no-repeat; margin-bottom: 12px;}
.steps-com dl dd { color: #888; width: 100px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin: 0 auto;}
.steps-com dl.on dt { background:url(http://pic.7881.com/7881-2016/images/step-on.png) no-repeat;}
.steps-com dl.on dd { color: #3399ff;}

/********** 简略页码 **********/
.small-page{float:right;line-height:46px;}
.small-page .item{float:left;height:44px}
.small-page .current{color:#ff6700}
.small-page .link{float:left;display:block;padding:7px 0;height:30px;width: 30px;}
.small-page .link .icon{width: 30px;height: 30px;display:block;background: url(http://pic.7881.com/7881-2016/images/small-page-icon.png) no-repeat;}
.small-page .link .icon.icon-btn-prev-1{background-position: 0 -60px;}
.small-page .link:hover .icon.icon-btn-prev-1{background-position: 0 -30px;}
.small-page .link .icon.icon-btn-next-1{background-position: -30px -60px;}
.small-page .link:hover .icon.icon-btn-next-1{background-position: -30px -30px;}
.small-page .link.disab .icon.icon-btn-prev-1{background-position: 0 0;}
.small-page .link.disab .icon.icon-btn-next-1{background-position: -30px 0;}
.small-page .link.disab:hover .icon.icon-btn-prev-1{background-position: 0 0;}
.small-page .link.disab:hover .icon.icon-btn-next-1{background-position: -30px 0;}

/********** 正常页码 **********/
.com-page { overflow: hidden; margin: 30px 0;}
.com-page-l { float: left; line-height: 38px; margin-left: -10px;}
.com-page-l span { color: #aaa; margin-left: 10px;}
.com-page .page-con { float: right; margin-right: -13px;}
.com-page .page-con .laypage_main { margin: 0;}
.laypage_main a,.laypage_main span{height:36px;text-align: center; line-height:36px; font-size: 14px;}
.laypage_main button,.laypage_main input,.laypageskin_default a{border:1px solid #e8e8e8;background-color:#fff}
.laypage_main{font-size:0;clear:both;color:#666; margin: 10px 0;}
.laypage_main *{display:inline-block;vertical-align:top;font-size:12px}
.laypage_main a{text-decoration:none;color:#666; padding: 0 14px; position: relative;}
.laypage_main a:hover { border: #ff6700 1px solid; color:#ff6700; z-index: 99;}
.laypage_main a,.laypage_main span{margin:0 -1px 0 0px; position: relative; z-index: 9;}
.laypage_main a.laypage_prev,.laypage_main a.laypage_last,.laypage_main a.laypage_first,.laypage_main a.laypage_next { font-size: 12px;}
.laypage_main input{width:40px;margin:0 5px;padding:0 5px}
.laypage_main button{height:28px;line-height:26px;margin-left:10px;padding:0 10px;color:#666; vertical-align: middle; cursor: pointer;}
.laypage_main button:hover {border: #ff6700 1px solid; color:#ff6700;}
.laypageskin_default span{height:36px;line-height:36px;color:#999;border:1px solid #e8e8e8; padding: 0 14px;}
.laypageskin_default .laypage_curr{color:#666; background: #ff6700; padding: 0 15px; height: 38px;border: none; color: #fff; z-index: 98;}
.laypageskin_molv a,.laypageskin_molv span{padding:0 12px;border-radius:2px}
.laypageskin_molv a{background-color:#f1eff0}
.laypageskin_molv .laypage_curr{background-color:#00AA91;color:#fff}
.laypageskin_molv input{height:24px;line-height:24px}
.laypageskin_molv button{height:26px;line-height:26px}
.laypageskin_yahei{color:#333}
.laypageskin_yahei a,.laypageskin_yahei span{padding:0 13px;border-radius:2px;color:#333}
.laypageskin_yahei .laypage_curr{background-color:#333;color:#fff}
.laypageskin_flow{text-align:center}
.laypageskin_flow .page_nomore{color:#999}
.laypage_main .laypage_total { border: none;}
.laypage_main input { height: 26px; vertical-align: middle;}

/********** tag图标 **********/
.tags { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 16px; height: 16px; background: url(http://pic.7881.com/7881-2016/images/tags-icon.png) no-repeat;}
.tags.icon-jsfh { background-position: 0 0; }
.tags.icon-jpmj { background-position: 0 -24px; }
.tags.icon-smrz { background-position: 0 -48px; }
.tags.icon-bzj { background-position: 0 -72px; }
.tags.icon-xdmc { background-position: 0 -96px; }
.tags.icon-shwy { background-position: 0 -120px; }
.tags.icon-whpf { background-position: 0 -144px; }
.tags.icon-sfyz { background-position: 0 -168px; }
.tags.icon-jgxs { background-position: 0 -192px; }
.tags.icon-pfjfw { background-position: 0 -216px; }
.tags.icon-cxsj { background-position: 0 -240px; }
.tags.icon-aqrz { background-position: 0 -264px; }
.tags.icon-cxjt { background-position: 0 -288px; }
.tags.icon-jgzd { background-position: 0 -312px; }
.tags.icon-jsfl { background-position: 0 -336px; }
.tags.icon-jtrz { background-position: 0 -360px; }
.tags.icon-lhgm { background-position: 0 -384px; }
.tags.icon-pzbz { background-position: 0 -408px; }
.tags.icon-sdfh { background-position: 0 -432px; }
.tags.icon-zhgh { background-position: 0 -456px; }
.tags.icon-ji { background-position: 0 -480px; }
.tags.icon-dan { background-position: 0 -504px; }
.tags.icon-zhbp { background-position: 0 -528px; }
.tags.icon-fwbz { background-position: 0 -552px; }
.tags.icon-qfzy { background-position: 0 -576px; }
.tags.icon-shbz { background-position: 0 -600px; }
.tags.icon-jsmc { background-position: 0 -624px; }
.tags.icon-mjfh { background-position: 0 -648px; width: 49px;}
.tags.icon-ptdf { background-position: 0 -672px; width: 49px;}
.tags.icon-wl { background-position: 0 -696px; }
.tags.icon-zhyz { background-position: 0 -720px; }
.tags.icon-gfzh { background-position: 0 -744px; }
.tags.icon-zyzh { background-position: 0 -767px; }
.tags.icon-dhbp { background-position: 0 -792px; }
.tags.icon-htqf { background-position: 0px -817px; }
.tags.icon-gou { background-position: 0px -842px;}
.tags.icon-qiu { background-position: 0px -867px; width: 30px;}
.tags.icon-zsbpl { background-position: 0 -892px; width: 49px;}
.tags.icon-zsbp { background-position: 0 -917px; }
/********** 星级图标 **********/
.stars-box { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; margin-top: -2px; width: 78px; height: 15px;background: url(http://pic.7881.com/7881-2016/images/stars.png) no-repeat;}
.stars-box.s5 {background-position: 0px 0px;}
.stars-box.s4-5 {background-position: 0px -18px;}
.stars-box.s4 { background-position: 0px -36px;}
.stars-box.s3-5 {background-position: 0px -54px;}
.stars-box.s3 { background-position: 0px -72px;}
.stars-box.s2-5 {background-position: 0px -90px;}
.stars-box.s2 { background-position: 0px -108px;}
.stars-box.s1-5 {background-position: 0px -126px;}
.stars-box.s1 { background-position: 0px -144px;}
.stars-box.s0-5 {background-position: 0px -162px;}
.stars-box.s0 { background-position: 0px -180px;}


/* 右侧悬浮 */
.float-box-01{position: fixed; z-index: 99; top: 50%; right: 10px;width: 34px;margin-top: -65px;padding: 35px 12px 0 12px;}
.float-box-01 .header-box{position:absolute;top:10px;left:0;width: 54px;height: 54px;border-radius: 90px;background: #3299fe;border:2px solid #fff; border-radius: 54px;}
.float-box-01.float-box-mm .header-box{background: #f9cc2b;}
.float-box-01 .header-box img{width:54px;;height: 60px;margin-top: -6px;}
.float-box-01 .service-con{width: 14px;background: #3299fe;text-align: center;padding: 39px 10px 12px 10px;color: #fff;border-radius: 0 0 4px 4px;}
.float-box-01.float-box-mm .service-con{background: #f9cc2b;color: #000;}
.float-box-02.float-box-mm {display: none; position: fixed; z-index: 99; top: 50%; right: 0;padding: 55px 10px 0 0; margin-top: -145px; width: 126px;height: 280px; text-align: center; }
.float-box-02 {display: none; position: fixed; z-index: 99; top: 50%; right: 0;padding: 55px 10px 0 0; margin-top: -82px; width: 126px;height: 280px; text-align: center; }
.float-box-02.hovershow{ right: -126px;}
.float-box-02 .header-service{position:absolute;top:0;left:0;height: 107px;width: 100%;}
.float-box-02 .header-service .header-box{margin: 10px 18px 7px 18px;width: 90px;height: 90px;border-radius: 90px;background: #3299fe;}
.float-box-02 .header-service .header-box img{margin-top: -10px;}
.float-box-02 .header-service .hand-box{position: absolute;top:45px;left:0;height: 76px;width: 126px;background: url(http://pic.7881.com/7881-2016/images/float-box/img-hand.png);}
.float-box-02.float-box-mm .header-service .hand-box{background: url(http://pic.7881.com/7881-2016/images/float-box/img-hand-mm.png);}
.float-box-02.float-box-mm .service-qq-time{height: 133px;width:70px;padding: 52px 7px 0 7px;margin: 0 auto;background: #fff;text-align: center;box-shadow: 0px 0px 8px rgba(0,0,0,0.16)}
.float-box-02.float-box-mm .service-qq-time .qq-box{border-bottom: 1px dashed #dbdbdb;position: relative;z-index: 999;}
.float-box-02 .service-qq-time{height: 80px;width:70px;padding: 52px 7px 0 7px;margin: 0 auto;background: #fff;text-align: center;box-shadow: 0px 0px 8px rgba(0,0,0,0.16)}
.float-box-02 .service-qq-time .qq-box{position: relative;z-index: 999;}
.float-box-02 .service-qq-time .qq-box h2{height: 26px;}
.float-box-02 .service-qq-time .qq-box h2 a{display: block;background: #3299fe;line-height: 26px;color: #fff;}
.float-box-02.float-box-mm .service-qq-time .qq-box h2 a{background: #f9cc2b;color: #333;}
.float-box-02 .service-qq-time .qq-box h2 a:hover,.float-box-02.float-box-mm .service-qq-time .qq-box h2 a:hover{background:#ff6700;color: #fff;}
.float-box-02 .service-qq-time h3{margin-top:10px;height: 16px;line-height: 16px;color: #999;}
.float-box-02 .service-qq-time p{line-height: 16px;margin-bottom: 12px;}
.float-box-02 .kf-scrolltop{display:none;margin:0 auto;height: 40px;width:84px;background: url(http://pic.7881.com/7881-2016/images/float-box/scrolltop-bg.png);}
.float-box-02 .kf-scrolltop a{display: inline-block;*display: inline;*zoom: 1;width: 100%;height: 26px;line-height: 26px;background: #ededed;color: #666;}
.float-box-02 .kf-scrolltop a:hover{background: #8b8b8b;color: #fff;}
.float-box-02.float-box-mm .header-service .header-box{background: #ecc125;}

.float-box-02:hover .header-service .header-box{
	animation:music-move 1s 0.1s infinite alternate ease-in-out;
  -webkit-animation:music-move 1s 0.1s infinite alternate ease-in-out;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
}

@keyframes music-move
{
	0% { 
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	} 
	33% {  
	  -webkit-transform: rotate(-5deg);
	  transform: rotate(-5deg);
	}
	66% {  
	  -webkit-transform: rotate(5deg);
	  transform: rotate(5deg);
	}
	100% {  
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
}

@-webkit-keyframes music-move /* Safari and Chrome */
{
	0% { 
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	33% {  
	  -webkit-transform: rotate(-5deg);
	  transform: rotate(-5deg);
	}
	66% {  
	  -webkit-transform: rotate(5deg);
	  transform: rotate(5deg);
	}
	100% {  
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
}