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 PingFang,microsoft yahei, arial,sans-serif,\5b8b\4f53}
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';  /* project id 58409 */
  src: url('https://at.alicdn.com/t/font_58409_h2ztv397wu9.eot');
  src: url('https://at.alicdn.com/t/font_58409_h2ztv397wu9.eot?') format('embedded-opentype'),
  url('../font/font_58409_h2ztv397wu9.woff2') format('woff2'),
  url('../font/font_58409_h2ztv397wu9.woff') format('woff'),
  url('../font/font_58409_h2ztv397wu9.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_58409_h2ztv397wu9.svg') 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;}
.blue{color: #39f!important;}
.org{ color: #FF5C00!important;}
.gre{ color: #22ac38!important;}
.orange{ color: #FF5C00!important;}
.green{ color: #22ac38!important;}
.icon-com {background-image: url(../image/icon-com.png);display:inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.l{ float: left; }
.r{ float: right; }
/********** 通用顶部 top **********/
.top-common-bar{width:100%;min-width:1190px;height:36px;line-height:36px;font-family:PingFang,microsoft yahei;background: #FAFAFA; box-shadow: 0px 1px 0px 0px #EEEEEE;}
.top-bar-box{width:1190px;margin: 0 auto; display: flex; justify-content:space-between; align-items: center; }
.top-bar-box .top-bar-left .not-login { display: flex; align-items: center; }
.top-bar-box .top-bar-left .not-login .welcome{ font-size:12px; color: #888888; }
.top-bar-box .top-bar-left .not-login .qq-log {margin:0 6px; display: inline-block; width:74px; height: 23px; vertical-align: middle; line-height: 22px; text-align: center; color: #888888; border: #dddddd 1px solid; border-radius: 1px; }
.top-bar-box .top-bar-left .not-login .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-bar-box .top-bar-left .not-login .qq-log:hover { background:#fff; color: #39f; }
.top-bar-box .top-bar-left .not-login .regiser{ color: #888888; }
.top-bar-box .top-bar-left .not-login .regiser:hover{ color: #39f; }
.top-bar-box .top-bar-left .has-login{ color: #888888; }
.top-bar-box .top-bar-left .has-login a{ color: #888888; }
.top-bar-box .top-bar-left .has-login a:hover{ color: #3399ff; }
.top-bar-box .top-bar-left .has-login em{ padding: 0 10px; }
.top-bar-box .top-bar-right { float: right;}
.top-bar-box .top-bar-right ul li { float: left; padding: 0 10px 0 11px; margin-left: -1px; background: url(../image/icon-com.png) right -128px no-repeat;}
.top-bar-box .top-bar-right ul li a{ color: #888888; }
.top-bar-box .top-bar-right ul li.top-menu-item {padding:0; position: relative; z-index: 102;}
.top-bar-box .top-bar-right ul li.top-menu-item.last-menu-item { background: none;}
.top-bar-box .top-bar-right ul li.top-menu-item .menu-hd {display: block; padding: 0 12px 0 13px;}
.top-bar-box .top-bar-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 11px 0 12px; background:#fff;}
.top-bar-box .top-bar-right ul li.top-menu-item .menu-hd i { width: 9px; height: 5px; margin-left: 5px; margin-top: -1px; background-position: 0 -91px;}
.top-bar-box .top-bar-right ul li.top-menu-item:hover .menu-hd i {background-position: 0 -113px;}
.top-bar-box .top-bar-right ul li.top-menu-item .top-menu.middle-menu .top-menu-list { width: 93px;}
.top-bar-box .top-bar-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-bar-box .top-bar-right ul li.top-menu-item:hover .top-menu-list { display: block;}
.top-bar-box .top-bar-right ul li.top-menu-item .top-menu-list a {display: block; height: 26px; line-height: 26px; width: 100%; text-indent: 10px;}
.top-bar-box .top-bar-right ul li.top-menu-item .top-menu-list a:hover { color: #FF5C00; background: #f8f8f8;}
.top-bar-box .top-bar-right ul li .waitHandle{background: #FF5C00; color: #fff; border-radius: 2px; margin-left: 4px; padding: 2px 4px; background: linear-gradient(to right,#ff9700,#ff7a00);}
/********** 通用顶部 top **********/
.top-common-box {width:100%;min-width:1190px;height:37px;line-height:36px;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-left .already-log a.uname-per{display: inline-block;*display: inline;*zoom:1; vertical-align: middle; max-width: 125px; white-space: nowrap; overflow: hidden;    text-overflow: ellipsis; word-wrap: normal; line-height: 32px;}
.top-common-right { float: right;}
.top-common-right ul li { float: left; padding: 0 10px 0 11px; margin-left: -1px; background: url(../image/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;}
.top-common-right ul li .waitHandle{background: #FF5C00; color: #fff; border-radius: 2px; margin-left: 4px; padding: 2px 4px; background: linear-gradient(to right,#ff9700,#ff7a00);}
/********** 通用头部 header **********/
.header-content{ width: 100%; background: #fff; min-width: 1190px; box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05); position: relative; z-index: 6; }
.header-list-box{ width:1190px;margin: 0 auto; display: flex; justify-content:space-between; align-items: center; padding: 26px 0; }
.header-content .header-left{ display: flex; align-items: center; }
.header-content .header-left em{ position: relative; padding: 0 20px 0 21px; height: 20px; display: none; }
.header-content .header-left em::after{ content:''; width: 1px; height: 20px; background: #D9D9D9; position: absolute; top: 0px; left: 20px; }
.header-content .header-left span{ font-weight: 700; font-size: 20px; color: #222222; display: none; }
.header-content .header-left img{ height: 52px; }
.header-content .header-search{position: relative; width: 780px; height: 42px; background: #FFFFFF; border-radius: 34px; border: 1px solid #FF7C01;}
.header-content .header-search .search-btn{ position: absolute; top:4px ; right:4px ;   }
.header-content .header-search .search-btn a{ display: block; width: 70px; height: 34px; line-height: 34px; font-size: 15px; font-weight: 400; color: #ffffff; text-align: center;  border-radius: 34px; background: linear-gradient( 270deg, #FF5C00 0%, #FF9900 100%); }
.header-content .header-search .search-btn a:hover{ background: linear-gradient( 90deg, #FF5C00 0%, #FF9900 100%); }
.header-content .header-search .search-box{ padding: 5px 85px 5px 5px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; }
.header-content .header-search .search-box .chose-value{ padding:0 5px 0 10px; flex-grow: 1; line-height: 32px; display: flex; justify-content:space-between; align-items: center; cursor: pointer; position: relative; }
.header-content .header-search .search-box .chose-value p { height: 32px; min-width:60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-content .header-search .search-box .chose-value p i{ font-size: 12px; color: #666666; }
.header-content .header-search .search-box .chose-value p em{ font-weight: 700; font-size: 12px; color: #222222; }
.header-content .header-search .search-box .chose-value span { width: 14px; height: 32px; background:url(../image/search-arow-down.png) no-repeat; background-size: 14px; background-position: left center; }
.header-content .header-search .search-box .chose-value span img{ display: none; }
.header-content .header-search .search-box .chose-value span.trans{ background:url(../image/search-arow-up.png) no-repeat;  background-size: 14px; background-position: left center;}
.header-content .header-search .search-box .chose-value.search-gamename{ min-width: 100px; }
.header-content .header-search .search-box .chose-value.search-platform,.header-content .header-search .search-box .chose-value.search-carriar,.header-content .header-search .search-box .chose-value.search-camp{ display: none; }
.header-content .header-search .search-box .chose-value::after{ position: absolute; top: 9px; right: 0; content: ''; width: 1px; height: 14px; background: #dddddd;  }
.header-content .header-search .search-box .search-input{  padding-left: 15px;  flex-grow: 1; }
.header-content .header-search .search-box .search-input input{ height: 32px; width: 100%; border: none; font-weight: 700; font-size: 12px; color: #222222; }
.header-content .header-search .search-box .search-input input::placeholder{ color: #aaaaaa; font-weight: normal; }
.header-content .hot-search{ overflow: hidden; height: 16px; line-height: 16px; margin-top: 10px; width: 782px; }
.header-content .hot-search p{ float: left; margin-left: 15px; background:url(../image/hot-search-icon.png) no-repeat; background-position: 0 2px; background-size: 12px; padding-left: 14px; }
.header-content .hot-search p a{ color: font-weight: 400; font-size: 12px; color: #777777; }
.header-content .header-search .search-pop{position: absolute; display: none; right:-1px; top: 50px;  width: 1040px; overflow: hidden; background: #FFFFFF; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2); border-radius: 10px;}
.header-content .header-search .search-pop .pop-title{display: flex; align-items: center; justify-content: space-between; height: 40px; background: linear-gradient( 135deg, #FFF4EE 0%, #FFFCF9 100%); border-radius: 10px 10px 0 0; }
.header-content .header-search .search-pop .pop-title.flex-start{ justify-content: flex-start; }
.header-content .header-search .search-pop .pop-title ul{ overflow: hidden; border-radius: 10px 10px 0 0; }
.header-content .header-search .search-pop .pop-title ul li{ float: left; cursor:pointer; width: 78px; height: 40px; text-align: center; font-weight: 400; font-size: 14px; color: #222222; }
.header-content .header-search .search-pop .pop-title ul li p{ line-height: 39px; padding-top: 1px; }
.header-content .header-search .search-pop .pop-title ul li p em{ position: absolute; top: 3px; right:-12px; height: 12px; line-height: 12px; }
.header-content .header-search .search-pop .pop-title ul li.on{ border: 1px solid #ffffff; border-bottom: none; border-radius: 10px 10px 0 0; line-height: 39px; font-weight: 700; font-size: 14px; color: #FF5C00; background:#ffffff; width: 76px; }
.header-content .header-search .search-pop .pop-title ul li.on p{background: linear-gradient( 180deg, #FFF6F1 0%, rgba(255,255,255,0) 100%); padding-top: 0px; }
.header-content .header-search .search-pop .pop-title ul li.on p span{padding: 0 5px; background: url(../image/search-tit-icon.png) no-repeat bottom right; background-size: 4px; }
.header-content .header-search .search-pop .pop-title .title-ri{ display: flex; align-items: center; margin-right: 20px; }
.header-content .header-search .search-pop .pop-title .title-ri .tit-search{ position: relative; width: 160px; height: 24px; background: #FFFFFF; border-radius: 5px; border: 1px solid #FF5C00; margin-right: 15px; }
.header-content .header-search .search-pop .pop-title .title-ri .tit-search input{ width: 124px; height: 24px; padding-left:8px; border: none;border-radius: 5px; }
.header-content .header-search .search-pop .pop-title .title-ri .tit-search .search-icon{ position: absolute; top: 7px; right: 7px; }
.header-content .header-search .search-pop .pop-title .title-ri .tit-search .search-icon img{ display: block; width: 10px; height: 10px; }
.header-content .header-search .search-pop .pop-title .title-ri .not-find{ font-size: 12px; }
.header-content .header-search .search-pop .pop-title.flex-start .title-ri{ margin-left: 20px; }
.header-content .header-search .search-pop .pop-title h3{font-weight: 400; font-size: 14px; color: #222222; margin-left: 20px; }
.header-content .header-search .search-pop .pop-tabs{width: 990px; height: 40px; background: #FFFFFF; box-shadow: 0px 1px 0px 0px #EEEEEE; margin: 0 auto; }
.header-content .header-search .search-pop .pop-tabs ul{ display: flex; align-items: center; }
.header-content .header-search .search-pop .pop-tabs ul li{ line-height: 40px; cursor: pointer; font-size: 12px; color: #666666; padding: 0 9px; position: relative; }
.header-content .header-search .search-pop .pop-tabs ul li:first-child{ padding: 0; margin-right: 7px; }
.header-content .header-search .search-pop .pop-tabs ul li.on{ font-weight: 700; color: #FF5C00; }
.header-content .header-search .search-pop .pop-tabs ul li.on::after{ content: ''; left: 0; bottom: -1px; position: absolute; width: 100%; height: 2px; background: #FF5C00; }
.header-content .header-search .search-pop .pop-content{ padding: 14px 0; margin-left: 30px; max-height: 500px; overflow: auto; }
.header-content .header-search .search-pop .pop-content ul{ overflow: hidden;}
.header-content .header-search .search-pop .pop-content ul li{ float: left;  cursor: pointer; width: 140px; height: 30px; line-height: 30px; margin: 2px 0; }
.header-content .header-search .search-pop .pop-content ul li span{ padding-right: 12px; max-width: 128px; display: inline-block;  height: 30px; overflow: hidden; word-break: break-all; }
.header-content .header-search .search-pop .pop-content ul li:hover{ color: #FF5C00; }
/* .header-content .header-search .search-pop .pop-content ul li.hot{ color: #FF5C00; } */
.header-content .header-search .search-pop .pop-content ul li.hot span{ background: url(../image/search-hot.png) no-repeat top right; background-size: 12px; }
.header-content .header-search .search-pop .pop-content ul li.on{color: #FF5C00;}
.header-content .header-search .search-pop .pop-content ul li.new span{ padding-right: 17px;}
.header-content .header-search .search-pop .pop-content ul li.new span{ background: url(../image/search-new.png) no-repeat top right ; background-size: 16px; }

.header-content .header-search .search-pop.gtname-pop .pop-content{ padding: 14px 20px 14px 0; margin-left: 20px; }
.header-content .header-search .search-pop.gtname-pop .pop-content ul li{ width: auto; margin-right: 10px; min-width: 80px; }

/*********** 通用分页 ***********/
.page-box { overflow: hidden; padding: 30px 0;}
.page-box-l { float: left; line-height: 34px;}
.page-box-l span { color: #666666; margin-left: 10px;}
.page-box .page-con { float: right; margin-right: -13px;}
.page-box .page-con .laypage_main { margin: 0;}
.page-box .laypage_main a,.laypage_main span{height:34px;text-align: center; box-sizing: border-box; line-height:32px; font-size: 14px; border: 1px solid #ffffff;  }
.page-box .laypage_main button,.laypage_main input,.laypageskin_default a{border:1px solid #ffffff;background-color:#fff}
.page-box .laypage_main{font-size:0;clear:both;color:#666; margin: 10px 0;}
.page-box .laypage_main *{display:inline-block;vertical-align:top;font-size:14px}
.page-box .laypage_main a{text-decoration:none;color:#666; padding: 0 13px; position: relative;}
.page-box .laypage_main a:hover { border: #FF5C00 1px solid; color:#FF5C00; z-index: 99;}
.page-box .laypage_main a,.laypage_main span{margin:0 0px 0 3px; position: relative; z-index: 9; border-radius: 3px; border-color:#fff; }
.page-box .laypage_main a.laypage_prev,.laypage_main a.laypage_last,.laypage_main a.laypage_first,.laypage_main a.laypage_next { font-size: 12px;}
.page-box .laypage_main button{height:32px;line-height:32px;margin-left:10px;padding:0 10px;color:#666; cursor: pointer; border-radius: 3px;}
.page-box .laypage_main button:hover {border: #FF5C00 1px solid; color:#FF5C00;}
.page-box .laypageskin_default span{height:34px;line-height:34px;color:#999;border:1px solid #ffffff; margin-left: 3px; background: #ffffff; border-radius: 3px; }
.page-box .laypageskin_default .laypage_curr{background: #FF5C00; padding: 0 14px; height: 34px; border: none; line-height: 34px; color: #FFFFFF; z-index: 98;}
.page-box .laypageskin_molv a,.laypageskin_molv span{padding:0 12px;border-radius:2px}
.page-box .laypageskin_molv a{background-color:#f1eff0}
.page-box .laypageskin_molv .laypage_curr{background-color:#00AA91;color:#fff}
.page-box .laypageskin_molv input{height:24px;line-height:24px}
.page-box .laypageskin_molv button{height:26px;line-height:26px}
.page-box .laypageskin_yahei{color:#333}
.page-box .laypageskin_yahei a,.laypageskin_yahei span{padding:0 13px;border-radius:2px;color:#333}
.page-box .laypageskin_yahei .laypage_curr{background-color:#333;color:#fff}
.page-box .laypageskin_flow{text-align:center}
.page-box .laypageskin_flow .page_nomore{color:#999}
.page-box .laypage_main .laypage_total { border: none; background: none; }
.page-box .laypage_main input{width:40px; height: 30px;margin:0 5px;padding:0 5px; border-radius: 3px;}

/* 通用按钮 */
.com-btn-01 { display: inline-block; *display: inline; *zoom:1; width:130px; height: 48px; font-size: 18px; font-family:  "PingFang,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: #FF5C00;}
.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: #FF5C00; border: #FF5C00 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:PingFang \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: #FF5C00;}
.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: #FF5C00; border: #FF5C00 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:PingFang, "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: #FF5C00;}
.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: #FF5C00; border: #FF5C00 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:PingFang, "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: #FF5C00;}
.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: #FF5C00; border: #FF5C00 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;}
/*********** 按钮 **********/
.btn-com-01{ display:inline-block; width: 120px; height: 38px; text-align: center; line-height: 36px; font-size: 15px; color: #666666; background: #FFFFFF; box-sizing: border-box; border-radius: 8px 8px 8px 8px; border: 1px solid #CCCCCC; }
.btn-com-01:hover{ color: #FF5C00; border-color: #FF5C00; }
.btn-com-01.color01{ background: linear-gradient( 270deg, #FF5C00 0%, #FF9900 100%); height: 38px; line-height: 36px; border-radius: 8px; border: none; color: #ffffff; }
.btn-com-01.color01:hover{background: linear-gradient( 90deg, #FF5C00 0%, #FF9900 100%);}
.btn-com-01.color02{background: #ffffff; }
.btn-com-01.color02:hover{background: #FFEEE4; color: #FF5C00; border-color: #FF5C00; }
.btn-com-01.color03{background: #FFEEE4; border-color: #FF5C00; color: #FF5C00;}
.btn-com-01.color03:hover{background: linear-gradient( 90deg, #FF5C00 0%, #FF9900 100%); border:none; color: #FFFFFF;}
.btn-com-01.disa{ background: #DEE2EC; color: #A9B2C8 !important;  border-color: #DEE2EC; cursor: default; }
.btn-com-01.disa:hover{ background: #DEE2EC; color: #A9B2C8 !important;  border-color: #DEE2EC; }
.com-btn-02 { display: inline-block; *display: inline; *zoom:1; width:85px; height: 30px; font-size: 12px; font-family:PingFang \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: #FF5C00;}
.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: #FF5C00; border: #FF5C00 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;}

/*********** 底部 ***********/
.footer-box{width: 100%; min-width:1190px; background: #272727;}
.footer-area{ width:1190px; margin: 0 auto; text-align: center; padding: 30px 0 20px 0; }
.footer-nav{ margin-bottom: 30px; }
.footer-nav a{ color:#ffffff; }
.footer-nav a:hover{ color:#ffffff; }
.footer-nav em{ color:#444444; margin:0 14px; }
.footer-verison{ margin-bottom:30px }
.footer-verison p{color:#888888; line-height: 18px;}
.footer-verison p a{color:#888888;}
.footer-verison p span{ padding: 0 4px; }
/********** 面包屑 **********/
.com-breadcrumb{height: 16px;line-height: 16px;margin: 0 auto 12px 0;width: 1190px;}
.com-breadcrumb ul{height: 100%;width: 100%;float: left; padding-left: 15px;}
.com-breadcrumb ul li{float: left;}
.com-breadcrumb ul li a{color: #666666;}
.com-breadcrumb ul li a:hover{color: #222222;}
.com-breadcrumb ul li em{color: #BBBBBB;padding: 0 5px;}

/* 通用下拉框 */
.comselect{ width: 272px; height: 40px; background: #FFFFFF; border-radius:8px; box-sizing: border-box; border: 1px solid #E8E8E9; 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; border-radius:8px; font-size: 14px;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-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:#ff5c00 1px solid;}
.comselect.Validform_error .comselect-icon { border-left:#ff5c00 1px solid;}
.comselect.act { border: #FF5C00 1px solid; z-index: 99;}
.comselect-icon{width: 33px;height:38px; text-align: center; position:absolute; border-radius: 0 8px 8px 0; 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: #ff5c00;}
.comselect-icon.up em.icon-down{ display: none;}
.comselect-menu{position: absolute; width:100%; top:45px;left:-1px;display: none;max-height: 215px;overflow-x: hidden;overflow-y: auto; z-index: 9; box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); border-radius: 8px; border: 1px solid #E8E8E9}
.comselect-menu li{text-align: left;text-indent: 15px; height: 36px; font-size: 14px; line-height: 36px; color:#666; background-color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 18px;}
.comselect-menu li:hover {background-color: #F6F6F6; color: #666666;}
.comselect .Validform_wrong{ position: absolute; top: 40px; left: 0; color:#ff5c00 ; font-size: 12px; }
.comselect .Validform_right{ display: none; }
.comselect .comselect-menu .no-data{ background-color: #fff; text-align: center; padding: 20px 0; color: #999999;}
.comselect.h-30{ height: 30px; }
.comselect.h-30 .comselect-val input{ height: 28px; }
.comselect.h-30 .comselect-icon{ height: 28px; }
.comselect.h-30 .comselect-icon em{ margin-top: 3px; }
.comselect.h-30 .comselect-menu{ top: 35px; }
/* 右侧悬浮 */
.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(../image/img-hand.png);}
.float-box-02.float-box-mm .header-service .hand-box{background: url(../image/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: 170px;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:#FF5C00;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 .service-qq-time .call-box{ border-top:1px dotted #cccccc;  }
.float-box-02 .service-qq-time .call-box h3{ color: #333333; }
.float-box-02 .service-qq-time .call-box p{ color: #FF5C00; margin-bottom: 6px; font-weight: bold; }
.float-box-02 .service-qq-time .call-time h3{ margin-top: 6px; }
.float-box-02 .kf-scrolltop{display:none;margin:0 auto;height: 40px;width:84px;background: url(../image/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);
	}
}

/********** tag图标 **********/
/* .tags { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 16px; height: 16px; background: url(../images/tags-icon.png) no-repeat;} */
.tags { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; width: 16px !important; height: 16px !important; background: url(../image/common-icon.png) no-repeat; background-size: 100%; background-position: 0 0 !important; }
.tags.icon-jsfh { background-position: 0 0; }
.tags.icon-jpmj { background: url(../image/jpmj.gif) no-repeat;}
.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-cdbp { 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: 89px;}
.tags.icon-zsbp { background-position: 0 -917px; width: 17px;}
.tags.icon-jpdbmj { background-position: 0 -942px; width: 62px;}
.tags.icon-rzgzs { background-position: 0 -967px; width: 57px;}
.tags.icon-rzgzsh { background-position: 0 -992px;}
.tags.icon-tupian { background-position: 0 -1015px;}
.tags.icon-yxzh { background-position: 0 -1039px; width: 49px;}
.tags.icon-zdfh { background-position: 0 -1065px; width: 49px;}
.tags.icon-rlsb { background-position: 0 -1091px;}
.tags.icon-sjbp { background-position: 0 -1118px;}
.tags.icon-aheartl { background-position: 0 -1145px; width: 55px;}
.tags.icon-aheart { background-position: 0 -1174px;}
.tags.icon-ios { background-position: 0 -1206px; width: 49px;}
.tags.icon-android { background-position: 0 -1233px; width: 49px;}
.tags.icon-zzyh { background-position: 0 -1260px;}
.tags.icon-sprz { background-position: 0 -1287px;}
.tags.icon-zrxy { background-position: 0 -1314px;}
.tags.icon-qiugou { background-position: 0 -1343px; width: 47px;}
.tags.icon-second{ background-position: 0 -1372px; width: 36px;}
.tags.icon-nosecond{ background-position: 0 -1398px; width: 43px;}
.tags.icon-report{ background-position: 0 -1424px; width: 79px;}
.tags.icon-shenhebaogao{ background-position: 0 -1450px; width: 58px;}
.tags.icon-shbp{ background-position: 0 -1474px; width: 54px;}
.tags.icon-actrecy{ background-position: 0 -1494px;}
.tags.icon-recybp{ background-position: 0 -1514px; width: 44px;}
.tags.icon-yjaxg{ background-position: 0 -1538px; width: 44px;}
.tags.icon-yjaxgs{ background-position: 0 -1562px;}
.tags.icon-yzbp{ background-position: 0 -1586px; width: 84px;}
.tags.icon-zcbp{ background-position: 0 -1610px; width: 84px;}
.tags.icon-yzbps{ background-position: 0 -1634px;}
.tags.icon-zcbps{ background-position: 0 -1658px;}
.tags.icon-jpdl-l{ background-position: 0 -1684px;  width: 61px;}
/*网站置灰*/
.web-gray{
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: url("data:image/svg+xml;utf8,#grayscale"); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	-webkit-filter: grayscale(1);
	filter:gray;
}
/* 通用输入框 */
.common-input { width: 418px; height: 38px; padding: 0 15px; line-height: 38px\9; border: #ddd 1px solid; color: #333; font-size: 14px; font-family:PingFang  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:PingFang  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;}
.fill-realname{font-family:  "PingFang,microsoft yahei";}
.fill-realname .closebtn{position: absolute; width: 14px; height: 14px; top: 15px; right: 15px; background: url("../image/closebtn.png") no-repeat; background-position: -3px -3px;}
.fill-realname h3{text-align: center; font-size: 20px; color: #333; padding-top: 30px;}
.fill-realname p.tips{font-size: 12px; padding: 10px 20px 0 20px;}
.fill-realname .common-form{padding: 24px 0 0 0;}
.fill-realname .common-form .form-item{margin-bottom: 24px;}
.fill-realname .common-form .form-item-l{width: 165px;}
.fill-realname .common-form .form-item-r{position: relative;}
.fill-realname .common-form .form-item-r input{font-family:  "PingFang,microsoft yahei"; font-weight: normal;}
.fill-realname .common-form .form-item-r .Validform_checktip { line-height: 20px; margin-bottom: -18px; overflow: hidden; color: #999; font-size: 12px; position: absolute; left: 0;  top: 34px; color: #FF5C00;}
.fill-realname h4{text-align: center; padding-bottom: 30px; position: relative; margin-top: 48px;}
.fill-realname h4 a{display: inline-block; *display: inline; *zoom: 1; width: 150px;font-size: 14px; border-radius: 3px;}
.fill-realname h4 span{position: absolute; width: 90%; left: 5%; text-align: center; color: #FF5C00; bottom: 65px; display: none; }

/* top-adv-box Start */
.top-adv-box { width: 100%; min-width: 1190px; position: relative;}
.top-adv { text-align: center; overflow: hidden; min-height: 60px;}
.top-adv a { display: inline-block;*display: inline; *zoom:1;  min-height: 60px; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: 1920px; }
.top-adv-btn a { position: absolute; display: block; right: 20px; top:10px; width: 15px; height: 15px; background:url(../image/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 */

.com-floatnav{width: 70px; text-align: center; padding-bottom: 15px; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.06); height: auto; box-sizing: border-box; position: fixed; bottom:80px; right:20px; margin-left:0; left:auto; background-color: #fff; border-radius:16px; z-index: 199;}
.com-floatnav .navli{padding-top:8px;}
.com-floatnav .navli li{font-family:  "PingFang,microsoft yahei"; color: #9c9c9c; cursor: pointer; margin-bottom: 10px; position: relative;}
.com-floatnav .navli li span{ display: block; width: 70px; height: 40px; line-height: 40px;}
.com-floatnav .navli li .icon{width: 26px; height: 26px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../image/com-nav-icon.png);}
.com-floatnav .navli li:hover,.com-floatnav .navli li:hover a{color: #FF5C00;}
.com-floatnav .navli li:hover span{ -moz-animation: navJump ease 1.5s 1; animation: navJump 1.5s ease 1; -webkit-animation: navJump 1.5s ease 1;}
.com-floatnav .navli li.nav-kf:hover .icon{background-position: 0 -26px;}
.com-floatnav .navli li.nav-sell .icon{background-position: -26px 0;}
.com-floatnav .navli li.nav-sell:hover .icon{background-position: -26px -26px;}
.com-floatnav .navli li.nav-im .icon{background-position: -52px 0;}
.com-floatnav .navli li.nav-im:hover .icon{background-position: -52px -26px;}
.com-floatnav .navli li.nav-col .icon{background-position: -78px 0;}
.com-floatnav .navli li.nav-col:hover .icon{background-position: -78px -26px;}
.com-floatnav .navli li.nav-app .icon{background-position: -103px 0;}
.com-floatnav .navli li.nav-app:hover .icon{background-position: -103px -26px;}
.com-floatnav .navli li.nav-wx .icon{background-position: -130px 0;}
.com-floatnav .navli li.nav-wx:hover .icon{background-position: -130px -26px;}
.com-floatnav .navli li.nav-im .unread{ position: absolute; top: 3px; left: 37px; height: 14px; border: 2px solid #fff; line-height: 14px; background: #ff3000; color: #fff; padding: 0 3px; font-family:PingFang  arial; border-radius: 20px;}
.com-floatnav .navli li.nav-ss .icon{background-position: -202px 0;}
.com-floatnav .navli li.nav-ss:hover .icon{background-position: -202px -26px;}
.com-floatnav .navtxt{width: 40px; margin: 0 auto; text-align: center; border-top: 1px solid #eee; margin-top: 15px; padding-top: 5px;}
.com-floatnav .navtxt p{font-family:  "PingFang,microsoft yahei"; margin-top: 10px;}
.com-floatnav .navtxt p a{color: #666666;}
.com-floatnav .navtxt p a:hover{ color: #FF5C00; text-decoration: underline;}
.com-floatnav .kf-scrolltop{display: none; width: 40px; margin: 0 auto; cursor: pointer; text-align: center; border-top: 1px solid #eee; margin-top: 12px; padding-top: 5px;}
.com-floatnav .kf-scrolltop .icon{display: inline-block; *display: inline; *zoom: 1; width: 30px; margin-top: 10px; height: 20px; background: url(../image/com-nav-icon.png); background-position: -167px 0;}
.com-floatnav .kf-scrolltop:hover .icon{ background-position: -168px -27px;}
.com-floatnav .navli li .hidecon{position: absolute; background: #fff; border-radius: 8px; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.06); cursor: default;  display: none;}
.com-floatnav .navli li .hidecon.kfhide{ padding: 5px 0; width: 158px; text-align: center; left: -173px; top: -8px;}
.com-floatnav .navli li .hidecon.kfhide dl{width: 158px; padding-right: 22px;}
.com-floatnav .navli li .hidecon.kfhide dl dd h3{color: #333; font-size: 15px; font-weight: bold; margin-top: -10px;}
.com-floatnav .navli li .hidecon.kfhide dl dd p{color: #888888 !important; line-height: 20px; padding-bottom: 10px;}
.com-floatnav .navli li .hidecon.kfhide dl dd a{display: block; width: 100px; margin: 0 auto; color: #fff; height: 30px; line-height: 30px; background: #FF5C00; border-radius: 30px;}
.com-floatnav .navli li .hidecon.kfhide .line-tel{padding:0 10px; margin-top: 15px; padding-bottom: 15px;}
.com-floatnav .navli li .hidecon.kfhide .line-tel h3{border-top: 1px #eee dashed; color: #333; font-size: 15px; font-weight: bold; padding-top:15px;}
.com-floatnav .navli li .hidecon.kfhide .line-tel p{color: #39f; font-family:'Georgia'; font-size: 18px; font-weight: bold;}
.com-floatnav .navli li .hidecon.kfhide .line-tel h4{color: #888888;}
.com-floatnav .navli li .hidecon.sellhide{ padding: 5px 15px; text-align: center; left: -115px; top: 20px; border-radius: 4px;}
.com-floatnav .navli li .hidecon.sellhide p{color: #333;}
.com-floatnav .navli li .hidecon.ewmhide{ width: 158px; text-align: center; left: -173px; top: -8px; padding: 15px 0;}
.com-floatnav .navli li .hidecon.ewmhide dl dd{color: #555; line-height: 20px; margin-top: 8px;}
.com-floatnav .navli li:hover .hidecon{display: block;}
.com-floatnav .navli li p{ color:#666666; }
.com-floatnav .rabbit{ position: absolute; width: 60px; left: 50%; margin-left: -30px; top: -64px; }

.layui-layer.consult-pop .layui-layer-content{height: auto !important;}

.abnormal-box{ font-family:PingFang  'Microsoft YaHei'; padding:24px 36px; background: #ffffff; }
.abnormal-box h3.title{ font-size: 20px; font-family:PingFang  Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #000000; text-align: center; }
.abnormal-box .closea{ font-size: 14px; position: absolute; top: 21px; right: 21px; }
.abnormal-box .closea:hover{ color:#FF5C00; }
.abnormal-box .abnormal-area .abnormal-info{ height:40px; line-height:40px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F3F3F3; }
.abnormal-box .abnormal-area .abnormal-info span{ font-size: 14px; color: #333333; display: inline-block; width:80px; text-align: left; }
.abnormal-box .abnormal-area .abnormal-info span i{ color: #FB0C00; padding-right:6px; }
.abnormal-box .abnormal-area .abnormal-info em{ font-size: 14px; color: #333333; }
.abnormal-box .abnormal-area .abnormal-info input{ width: 220px; text-align: right; height: 40px; font-size: 14px; border: none; font-family:PingFang  'Microsoft YaHei'; }
.abnormal-box .abnormal-area .abnormal-info input::placeholder{ color: #cccccc; }
.abnormal-box .abnormal-area .abnormal-info .reason-list{ width: 100%; }
.abnormal-box .abnormal-area .abnormal-max{ border-bottom: 1px solid #F3F3F3; padding: 8px 0 4px 0; }
.abnormal-box .abnormal-area .abnormal-max.noborder{ border: none; }
.abnormal-box .abnormal-area .abnormal-max .tit{ display: flex; justify-content: space-between; align-items: center; }
.abnormal-box .abnormal-area .abnormal-max .tit em{ font-size: 12px; color: #999999; }
.abnormal-box .abnormal-area .abnormal-max .tit em i{ color: #FB0C00; }
.abnormal-box .abnormal-area .abnormal-max span{ font-size: 14px; color: #333333; display: inline-block; width:80px; text-align: left; }
.abnormal-box .abnormal-area .abnormal-max span i{ color: #FB0C00; padding-right:6px; }
.abnormal-box .abnormal-area .abnormal-max .reason-list{ margin-top: 11px; text-align: center; position: relative; }
.abnormal-box .abnormal-area .abnormal-max .reason-list ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.abnormal-box .abnormal-area .abnormal-max .reason-list ul li{ width: 102px; height: 32px; border-radius: 3px; border: 1px solid #E5E5E5; line-height: 32px; cursor: pointer; margin-bottom: 8px; }
.abnormal-box .abnormal-area .abnormal-max .reason-list ul li:hover{ border: 1px solid #FF5C00; color: #FF5C00; }
.abnormal-box .abnormal-area .abnormal-max .reason-list ul li.on{ border: 1px solid #FF5C00; color: #FF5C00; background: url(../image/time-jb.png) no-repeat bottom right; }
.abnormal-box .abnormal-area .abnormal-max .reason-list textarea{ width: 100%; font-family:PingFang  'Microsoft YaHei'; font-size: 14px; line-height: 22px; height: 44px; border: none; }
.abnormal-box .abnormal-area .abnormal-max .reason-list textarea::placeholder{ color: #cccccc; }
.abnormal-box .abnormal-area .abnormal-max .reason-list p{ text-align: right; font-size: 12px; color: #999999; position: absolute; width: 100%; left: 0; top: -30px; }
.abnormal-box .abnormal-area .abnormal-max .reason-list h4{ color: #333333; font-size: 14px; line-height: 22px; font-weight: normal; text-align: left; word-break: break-all; }
.abnormal-box .abnormal-area .abnormal-max .upload-box{ border: none; width: 300px; }
.abnormal-box .abnormal-area .abnormal-max .webuploader-container {position: relative;}
.abnormal-box .abnormal-area .abnormal-max .webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
.abnormal-box .abnormal-area .abnormal-max .webuploader-pick {position: relative;display: inline-block;cursor: pointer;overflow: hidden;}
.abnormal-box .abnormal-area .abnormal-max .webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box { overflow: hidden; margin-top:12px; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .uploader-list .file-item { width:60px; height:60px;float: left; margin-right: 12px; margin-bottom: 8px; position: relative;background: #7f7f7f;}
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .uploader-list .file-item img { width: 60px; height: 60px; border-radius: 4px; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .uploader-list .file-item .info { display: none; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .uploader-list .file-item .uperror { display: none; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .uploader-list .file-item .suceess { display: none; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .uploader-list .file-item .del-img { position: absolute; z-index: 99; cursor: pointer; right: 0px; top:0px; width: 20px; height: 20px; background:url(../image/delete-icon.png) top right no-repeat; background-size: 100%; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .btns { float: left; margin-bottom: 12px; }
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .btns #picker .webuploader-pick { background: transparent; color: #999; width: 60px; height: 60px; overflow: hidden; padding: 0;}
.abnormal-box .abnormal-area .abnormal-max .bl-uploader-box .btns #picker { width: 60px; height: 60px;}
.abnormal-box .abnormal-area .abnormal-max .step-list{margin-top: 15px; }
.abnormal-box .abnormal-area .abnormal-max .step-list ul{ position: relative; padding-left: 15px; }
.abnormal-box .abnormal-area .abnormal-max .step-list ul:before{content:''; width: 1px; height:100%; position: absolute; top: 0; left: 0; background: #D9DFE2; }
.abnormal-box .abnormal-area .abnormal-max .step-list ul li{margin-bottom: 12px; position: relative; }
.abnormal-box .abnormal-area .abnormal-max .step-list ul li:before{ content:''; width: 15px; height: 20px; position: absolute; left:-22px; top: 0; background: #ffffff; }
.abnormal-box .abnormal-area .abnormal-max .step-list ul li::after{ content: ''; width: 3px; height: 3px; position: absolute; top: 7px; left: -18px; border-radius: 5px; border: 2px solid #D9DFE2; }
.abnormal-box .abnormal-area .abnormal-max .step-list ul li h3{font-weight: bold; font-size: 14px; color: #333;}
.abnormal-box .abnormal-area .abnormal-max .step-list ul li p{ padding-top: 6px; font-size: 13px; line-height: 20px; }
.abnormal-box .abnormal-btn{ margin-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.abnormal-box .abnormal-btn.align{ justify-content: space-around; margin-top: 10px}
.abnormal-box .abnormal-btn .submit{ width: 120px; height: 36px; line-height: 36px; font-size: 14px; }
.abnormal-box .abnormal-btn .history{ color: #00A3FF; }
.abnormal-box.detail .abnormal-info span,.abnormal-box.detail .abnormal-max span{ color:#999999; }
.abnormal-box .abnormal-his{ margin-top: 20px; height: 370px; overflow: auto; }
.abnormal-box .abnormal-his .abnormal-item{ background: #F5F6FA; border-radius: 12px; padding: 16px; margin-bottom: 10px; }
.abnormal-box .abnormal-his .abnormal-item h3{ display: flex; justify-content: space-between; align-items: center; }
.abnormal-box .abnormal-his .abnormal-item h3 span{ font-size: 16px; font-family:PingFang  PingFang SC-Medium, PingFang SC; font-weight: 500; color: #333333; }
.abnormal-box .abnormal-his .abnormal-item h3 em{ color: #666666; font-size: 14px; font-family:PingFang  PingFang SC-Regular, PingFang SC; font-weight: 400; }
.abnormal-box .abnormal-his .abnormal-item h3 em.warn{ color: #FF5C00; }
.abnormal-box .abnormal-his .abnormal-item p{font-family:PingFang  PingFang SC-Regular, PingFang SC; font-weight: 400; color: #666666; padding: 8px 0; }
.abnormal-box .abnormal-his .abnormal-item h4{ display: flex; justify-content: space-between; align-items: center; }
.abnormal-box .abnormal-his .abnormal-item h4 span{ font-size: 14px; font-family:PingFang  PingFang SC-Regular, PingFang SC; font-weight: 400; color: #999999; }
.abnormal-box .abnormal-his .abnormal-item h4 a{ font-size: 12px; font-family:PingFang  PingFang SC-Regular, PingFang SC; font-weight: 400; color: #00A3FF; }

.layui-layer.consult-pop{ border-radius: 20px; }
.consult-box{ padding: 30px 40px; border-radius: 20px; }
.consult-box .title-box{ text-align: center; position: relative; }
.consult-box .title-box h3{font-weight: 700; font-size: 22px; color: #333333; line-height: 30px;}
.consult-box .title-box a{ position: absolute; right: 0; top: 0; line-height: 30px; font-weight: 400; font-size: 14px; color: #666666; }
.consult-box .title-box a:hover{ color: #3399ff; }
.consult-box .title-box a.closea{ top: -19px; right: -26px; }
.consult-box .tit-con span{ font-weight: 600; font-size: 15px; color: #333333; }
.consult-box .tit-con span i{ color: #FF0000; }
.consult-box .tit-con span em{ font-weight: 400; font-size: 13px; color: #999999; padding-left: 5px; }
.consult-box .consult-tab{ margin-top: 15px; }
.consult-tab .tab-ul ul{ overflow: hidden;}
.consult-tab .tab-ul ul li{ float: left; margin: 8px 8px 0 0; height: 40px; padding: 0 20px; font-size: 13px; color: #666666; border: 1px solid #F5F6FA;  background: #F5F6FA; border-radius:5px; box-sizing: border-box; line-height: 38px; cursor: pointer; }
.consult-tab .tab-ul ul li.on{ background: #FFFFFF; color: #FF5C00; border: 1px solid #FF5C00;  }
.consult-tab .act-comp { display: none; width: 504px; padding: 8px 0; margin-top: 12px; background: #F5F6FA; border-radius: 8px; border: 1px solid #cccccc; position: relative;}
.consult-tab .act-comp:before,.consult-tab  .act-comp:after { content: ""; width: 0; height: 0; border-width: 8px; border-color: transparent transparent #cccccc transparent; border-style:dashed dashed solid dashed; position: absolute; top: -17px; left: 48px; }
.consult-tab .act-comp:after { border-color: transparent transparent #F5F6FA transparent; border-style: dashed dashed solid dashed; position: absolute; top: -16px; left: 48px; }
.consult-tab .act-comp ul{ overflow: hidden; margin-left: 8px; }
.consult-tab .act-comp ul li{ float: left; width: 116px; margin-right: 8px; height: 38px; cursor: pointer; text-align: center; font-size: 12px; color: #666666; background: #FFFFFF; border-radius: 5px; border: 1px solid #DDDDDD; box-sizing: border-box; line-height: 36px; }
.consult-tab .act-comp ul li.on{ background: #FFFFFF; color: #FF5C00; border: 1px solid #FF5C00; }
.consult-box .consult-textarea{ margin-top: 15px; }
.consult-textarea .textarea{ margin-top: 10px; background: #F5F6FA; border-radius:5px; }
.consult-textarea .textarea textarea{ width: 100%; border-radius:5px; height: 70px; background: #F5F6FA; border:none; line-height: 18px; font-size: 12px; color: #333333; padding: 15px 15px 0 15px; box-sizing: border-box; }
.consult-textarea .textarea p{ padding: 0 15px; line-height: 30px; text-align: right; font-weight: 400; font-size: 13px; color: #666666; }
.consult-textarea .textarea h4{ padding: 15px; line-height: 18px; font-size: 12px; color: #333333; word-break: break-all; }
.consult-box .consult-upload{ margin-top: 15px; }
.consult-box .consult-upload .upload-box{ border: none;}
.consult-box .consult-upload .webuploader-container {position: relative;}
.consult-box .consult-upload .webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
.consult-box .consult-upload .webuploader-pick {position: relative;display: inline-block;cursor: pointer;overflow: hidden;}
.consult-box .consult-upload .webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
.consult-box .consult-upload .bl-uploader-box {margin-top:10px; }
.consult-box .consult-upload .bl-uploader-box .uploader-list .file-item { width:70px; height:70px;float: left; margin-right: 10px; position: relative; border-radius: 6px;}
.consult-box .consult-upload .bl-uploader-box .uploader-list .file-item img { width: 70px; height: 70px; border-radius: 6px; }
.consult-box .consult-upload .bl-uploader-box .uploader-list .file-item .info { display: none; }
.consult-box .consult-upload .bl-uploader-box .uploader-list .file-item .error { display: none; }
.consult-box .consult-upload .bl-uploader-box .uploader-list .file-item .suceess { display: none; }
.consult-box .consult-upload .bl-uploader-box .uploader-list .file-item .del-img { position: absolute; z-index: 99; cursor: pointer; right: -5px; top:-5px; width: 20px; height: 20px; background:url(../image/delete-icon.png) top right no-repeat; background-size: 100%; }
.consult-box .consult-upload .bl-uploader-box .btns { float: left;}
.consult-box .consult-upload .bl-uploader-box .btns #picker .webuploader-pick { background: transparent; color: #999; width: 70px; height: 70px; overflow: hidden; padding: 0;}
.consult-box .consult-upload .bl-uploader-box .btns #picker { width: 70px; height: 70px;}
.consult-box .consult-contact{ margin-top: 15px; }
.consult-contact .phone-wx{ display: flex; margin-top: 10px; justify-content: space-between; align-items: center;  }
.consult-contact .phone-wx .input-box{ width: 241px; padding:0 12px 0 42px; height: 43px; background: #F5F6FA; border-radius: 5px; }
.consult-contact .phone-wx .input-box.wx{ background: url(../image/wx-ss-icon.png) no-repeat #F5F6FA; background-position: 12px 10px; background-size: 23px; }
.consult-contact .phone-wx .input-box.ph{ background: url(../image/ph-ss-icon.png) no-repeat #F5F6FA; background-position: 12px 10px; background-size: 23px; }
.consult-contact .phone-wx .input-box input{ width: 100%; height: 43px; border: none; font-weight: 600; font-size: 15px; color: #333333; background: #F5F6FA; }
.consult-contact .phone-wx .input-box input::placeholder{ font-weight: 400; color: #666666; font-size: 13px; }
.consult-contact .phone-wx .input-box p{ width: 100%; height: 43px; line-height: 43px; overflow: hidden; font-weight: 600; font-size: 15px; color: #333333; }
.consult-box .consult-btn{ margin-top: 25px; margin-bottom: 5px; display: flex; justify-content: center; align-items: center; }
.consult-box .consult-btn a{width: 160px; height: 40px; border-radius: 5px; font-size: 16px; line-height: 40px; text-align: center; margin: 0 5px; }
.consult-box .consult-btn a.submit{ background: #FF6700; color: #ffffff; }
.consult-box .consult-btn a.cancle{ background: #eeeeee; color: #666666; }
.consult-box .consult-record{ margin-top: 15px; margin-bottom: 10px; display: flex; justify-content: space-between; }
.consult-record .record-box{ width: 295px; }
.consult-record .record-box h3{ font-weight: 600; font-size: 16px; color: #333333; }
.consult-record .record-box .box-con{ padding: 10px; background: #F5F6FA; border-radius: 5px; margin-top: 10px; }
.consult-record .record-box .box-con h4{ font-weight: 600; font-size: 12px; color: #333333; line-height: 16px; margin-bottom: 6px; }
.consult-record .record-box .box-con p{ font-weight: 400; font-size: 12px; color: #666666; line-height: 20px; word-break: break-all; }
.consult-box .abnormal-his{ margin-top: 15px; height: 356px; overflow: auto; }
.consult-box .abnormal-his .abnormal-item{ background: #F5F6FA; border-radius: 12px; padding: 16px; margin-bottom: 10px; }
.consult-box .abnormal-his .abnormal-item h3{ display: flex; justify-content: space-between; align-items: center; }
.consult-box .abnormal-his .abnormal-item h3 span{ font-size: 16px; font-weight: 500; color: #333333; line-height: 20px; }
.consult-box .abnormal-his .abnormal-item h3 em{ color: #666666; font-size: 14px; font-family:PingFang  PingFang SC-Regular, PingFang SC; font-weight: 400; }
.consult-box .abnormal-his .abnormal-item h3 em.warn{ color: #FF5C00; }
.consult-box .abnormal-his .abnormal-item p{font-weight: 400; color: #666666; padding: 8px 0; }
.consult-box .abnormal-his .abnormal-item h4{ display: flex; justify-content: space-between; align-items: center; }
.consult-box .abnormal-his .abnormal-item h4 span{ font-size: 14px; font-weight: 400; color: #999999; }
.consult-box .abnormal-his .abnormal-item h4 a{ font-size: 12px; font-family:PingFang  PingFang SC-Regular, PingFang SC; font-weight: 400; color: #00A3FF; }
.consult-box .his-btn{ margin-top: 15px; }
.partner-box{width:1190px; margin: 0 auto; overflow:hidden;margin-top:22px; padding-bottom: 22px;}
.partner-tit{height:42px;line-height:42px;border-bottom:#eee 1px solid;width:1190px}
.partner-tit span{float:left;font-size:20px;color:#333;font-family:PingFang, "microsoft yahei";float:left;border-bottom:#58afff 1px solid}
.partner-tit a{float:right;color:#aaa;font-size:14px}
.partner-top{margin:20px 0 20px 22px}
.partner-top ul{width:1220px;overflow:hidden}
.partner-top li{float:left;margin-right:60px}
.partner-bot{overflow:hidden;text-align:left}
.partner-bot span{float:left;margin-right:18px;font-weight:bold;color:#333;font-family:PingFang, "microsoft yahei";font-size:14px}
.partner-bot .partner-bot-a{float:left;width:1074px;margin-top:2px}
.partner-bot .partner-bot-a a{display:inline-block;*display:inline;*zoom:1;margin-bottom:10px;margin-right:12px;color:#999}
.partner-bot .partner-bot-a a:hover{color:#666}
.partner-bot .partner-bot-a a.more-a{color:#666}

.icon-huang{ display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 2px; width: 16px; height: 16px; background: url(../image/icon-huang.png) no-repeat; background-size: 100%; }
.icon-zuan{ display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 2px; width: 16px; height: 16px; background: url(../image/icon-zuan.png) no-repeat; background-size: 100%; }
.icon-star{ display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 2px; width: 16px; height: 16px; background: url(../image/icon-star.png) no-repeat; background-size: 100%; }

/********** 加减输入 **********/
.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: 38px;display: inline-block;*display: inline;*zoom: 1;}
.sub-input-plus span{position:relative;display: inline-block;*display:inline;*zoom:1;width: 36px;height: 36px;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; border-radius: 5px 0 0 5px;}
.sub-input-plus span.btn-r{border-left: none; border-radius: 0 5px 5px 0;}
.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: 16px;left: 18px; top:10px;}
.sub-input-plus span em.vertical{width: 16px;height: 2px;left: 11px;top:17px;}
.sub-input-plus input{font-size: 14px;color: #333;font-weight:bold;text-align:center;width:58px; border: #ccc 1px solid; height: 36px; line-height: 30px; vertical-align: middle; padding:0 10px;z-index: 999;}

.toreal {
    padding: 30px;
}

.toreal span.closeBtn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.toreal h3 {
    font-size: 22px;
    font-family: "PingFang,microsoft yahei";
    color: #333;
    padding-bottom: 20px;
    text-align: center;
}

.toreal p {
    color: #999;
    line-height: 24px;
}

.toreal h4 {
    text-align: center;
    padding: 25px 0 35px 0;
}

.toreal p.btnp {
    text-align: center;
}

.toreal p.btnp a {
    width: 140px;
}


@-webkit-keyframes navJump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        transform: translateY(5px) scaleX(1.2) scaleY(.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotate(0);
        transform: translateY(0) scale(1) rotate(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0);
        transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotate(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotate(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0);
        transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0)
    }

    to {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-moz-keyframes navJump {
    0% {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        -moz-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        transform: translateY(5px) scaleX(1.2) scaleY(.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg);
        -moz-transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotate(0);
        -moz-transform: translateY(0) scale(1) rotate(0);
        transform: translateY(0) scale(1) rotate(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0);
        -moz-transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0);
        transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg);
        -moz-transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotate(0);
        -moz-transform: translateY(0) scaleX(1) scaleY(1) rotate(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotate(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0);
        -moz-transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0);
        transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0)
    }

    to {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        -moz-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@keyframes navJump {
    0% {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        -moz-transform: translateY(5px) scaleX(1.2) scaleY(.8);
        transform: translateY(5px) scaleX(1.2) scaleY(.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg);
        -moz-transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotate(0);
        -moz-transform: translateY(0) scale(1) rotate(0);
        transform: translateY(0) scale(1) rotate(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0);
        -moz-transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0);
        transform: translateY(0) scaleX(1.1) scaleY(.9) rotate(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg);
        -moz-transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotate(0);
        -moz-transform: translateY(0) scaleX(1) scaleY(1) rotate(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotate(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0);
        -moz-transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0);
        transform: translateY(0) scaleX(1.05) scaleY(.95) rotate(0)
    }

    to {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        -moz-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}