/*全局样式*/
* { margin: 0; padding: 0; font-family: "Noto Sans SC", "sans-serif","arial","Microsoft YaHei"; }
body { color: #333; background-color: #fff; font-size: 14px; }

.im-client-window { z-index: 1000 !important; }
li { list-style-type: none; }
i, em { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
img, input, button, textarea { border: none; outline: none; }
input::-ms-clear, input::-ms-reveal { display: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; }
:-ms-input-placeholder { color: #ccc !important; font-size: 14px; }
::-webkit-input-placeholder { color: #ccc !important; font-size: 14px; }
:-moz-placeholder { color: #ccc !important; font-size: 14px; }
::-moz-placeholder { color: #ccc !important; font-size: 14px; }
a:link, a:visited { text-decoration: none; outline: none; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor: pointer; color: #333; }
a:hover { text-decoration: none; color: #F48334; }

table { border-collapse: collapse; width: 100% }



/*功能性样式*/
.container { width: 1100px; margin: auto; }
.w1000 { width: 1000px; margin: auto; box-sizing: border-box; }
.nodata { background: url(/res/pc/images/common/notfind.png) center center no-repeat; }
.nodata p { padding-top: 160px; color: #888; text-align: center; }
.fixed-bottom { position: fixed; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; }
.wechat-contact { position:fixed;right:30px;bottom:30px;}

.brightness { }
.brightness i { filter: contrast(0) grayscale(100%) brightness(100); }

.darkness { }
.darkness i { filter: contrast(0) grayscale(100%) brightness(0); }

.btn-player-close { background-color: #9d9d9d; opacity: 0.9; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); border-radius: 50%; border: 4px solid #fff; padding: 4px; position: fixed; top: 0px; right: 0px; z-index: 1000; width: 20px; height: 20px; text-align: center; }
.btn-player-close:hover { background-color: #2279f2 !important; }

/*常用的按钮、链接、提示文本*/
.btn1 { color: #547BD9 !important; border: 1px solid #4089DD; background-color: #fff; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; border-radius: 20px; }
.btn1:hover { color: #333; text-decoration: none; background-color: #e7f1fe; }
.btn2 { color: #fff !important; background-color: #3A69DB; border: 1px solid #0070C9; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; border-radius: 20px; }
.btn2:hover { background-color: #4089DD; border-color: #4089DD; text-decoration: none; }

.bsize-xl { width: 158px; height: 40px; line-height: 40px; }
.bsize-l { width: 102px; height: 40px; line-height: 40px; }
.bsize-m { width: 88px; height: 32px; line-height: 32px; }
.bsize-lm { width: 190px; height: 46px; line-height: 46px; }
.bsize-s { width: 72px; height: 26px; line-height: 26px; }
.btn-disable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; opacity: 0.7; }
.btn3 { height: 32px; width: 32px; line-height: 32px; display: inline-block; vertical-align: middle; text-align: center; font-size: 0px; vertical-align: middle; }
.btn3:hover { background-color: #f0f0f0; opacity: 0.8; }

.link1 { }
.link1 a { color: #0070C9; }
.links .split { margin: 0px 8px; }

.tips1 { margin: 16px 0px; color: #333; font-weight: bold; font-size: 12px; }
.tips1 a { color: #0070C9; }
.split { margin: 0px 4px; }
.buttons { border-top: 1px solid #e0e0e0; height: 56px; line-height: 56px; padding: 0px 24px; text-align: right; }

/*站点地图*/
.sitemap { height: 64px; line-height: 64px; overflow: hidden; }
.sitemap .fll span { display: inline-block; vertical-align: middle; padding-right: 16px; font-size: 24px; font-weight: bold; color: #666; }
.sitemap .fll a { display: inline-block; vertical-align: middle; width: 78px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #BBBBBB; text-decoration: none; color: #777; background: #fff; }
.sitemap .fll a:hover { border: 1px solid #666; color: #333; }
.sitemap .flr { font-size: 14px; }
.sitemap .flr a { color: #333; }
.sitemap .flr .ico { margin-top: -2px; }
/*按钮*/
.btn1 { display: inline-block; text-align: center; border: 1px solid #F48334; background: #F48334; color: #fff !important; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 16px; border-radius: 5px; }
.btn2 { display: inline-block; text-align: center; border: 1px solid #F48334; color: #fff !important; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 16px; border-radius: 5px; }
.btn3 { display: inline-block; text-align: center; border: 1px solid #D9D9D9; color: #333 !important; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 16px; border-radius: 5px; }

.btn1:hover { background: #DE6F22; }
.btn3:hover { border: 1px solid #F48334; color: #F48334 !important; }

.bsize-superm { width: 62px; height: 38px; line-height: 38px; }
.bsize-mm { width: 142px; height: 38px; line-height: 38px; }
.bsize-m { width: 142px; height: 46px; line-height: 46px; }
.bsize-l { width: 190px; height: 46px; line-height: 46px; }
.bsize-lm { width: 190px; height: 38px; line-height: 38px; }
.bsize-xl { width: 318px; height: 38px; line-height: 38px; }

/*专用弹窗*/
.window1 { box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.28); border: none; position: fixed !important; }
.window1 .panel-header { background-color: #fff; height: 56px; line-height: 56px; padding: 0px 24px; border-bottom: 1px solid #e0e0e0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.window1 .panel-header .fll { color: #000 !important; font-size: 16px; font-weight: bold; }
.window1 .panel-header .static-icon-btn { display: none; }
.window1 .panel-header .icon-close { display: inline-block; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background-image: url(/res/pc/images/icon.png); background-position: -1700px -20px; }
.window1 .panel-body .ico { margin: 0px 8px; }
.window1 .panel-body .input { margin-bottom: 24px; }
.window1 .messager-box { margin: 24px 0px; }
.window1 .messager-buttons { height: 56px; line-height: 56px; }
.window1 .btn-yes { color: #fff; background-color: #0070C9; border: 1px solid #0070C9; height: 32px; line-height: 32px; border-radius: 0px; cursor: pointer; }
.window1 .btn-cancel { color: #666; border: 1px solid #bbb; background-color: #fff; height: 32px; line-height: 32px; border-radius: 0px; cursor: pointer; }
.window1 .messager-msg { padding-left: 24px; }
/*.mask { position: fixed !important; }*/
.mask div { background-color: #262626; opacity: 0.5; }

.checkbox .checkbox-rect { height: 20px; width: 20px; border: none; background: url(/res/pc/images/icon.png); background-position: -20px -680px; margin-top: 1px; }
.checkbox-selected .checkbox-rect { background-position: -20px -740px; }

/*消息提醒*/
.notify-top { border-top: none !important; position: fixed; z-index: 1000; margin-top: 10px; }
.notify .panel-body { padding: 10px 12px; }
.notify .messager-box th { width: 40px; }
.notify .messager-msg { padding: 0px !important; }
.notify .static-icon-btn { margin: 0px 10px 0px 0px !important; }

/*播放器*/
#player { position: fixed; top: 50%; left: 50%; width: 1100px; height: 618px; z-index: 1001; margin-left: -550px; margin-top: -309px; display: none; }
#player video { width: 100%; height: 100%; vertical-align: baseline; object-fit: fill; outline: none; z-index: 1001; }
#player_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.8; z-index: 1000; display: none; }

/*分页*/
.paging { font-size: 0px; height: 40px; line-height: 40px; text-align: center; }
.paging a { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 2px; color: #333; text-decoration: none; vertical-align: middle; margin-right: 20px; font-size: 16px; margin-top: 2px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.paging a:first-child, .paging a:last-child { width: 40px; height: 40px; line-height: 40px; margin-top: 0px; }
.paging .active { background: #F48334; color: #fff; }
.paging a:hover { background: #F48334; color: #fff; }

.paging .paging-btn { position: relative; }
.paging .paging-btn:hover { background: #fff; }
.paging .paging-btn i:after, .paging .paging-btn i:before { content: ""; display: block; position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.paging .paging-next { text-align: left; }
.paging .paging-next i:before { top: 13px; right: 0px; width: 18px; height: 18px; -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); box-shadow: inset -2px 2px 0 0 #999; }
.paging .paging-next i:after { top: 21px; left: 17px; width: 24px; height: 2px; background-color: #999; }
.paging .paging-pre { text-align: right; }
.paging .paging-pre i:before { top: 13px; left: 0px; width: 18px; height: 18px; -webkit-transform: translate(0, 0) rotate(-135deg); transform: translate(0, 0) rotate(-135deg); box-shadow: inset -2px 2px 0 0 #999; }
.paging .paging-pre i:after { top: 21px; right: 17px; width: 24px; height: 2px; background-color: #999; }

.paging .paging-next:hover i:after { width: 32px; background-color: #F48334; }
.paging .paging-next:hover i:before { right: -8px; box-shadow: inset -2px 2px 0 0 #F48334; }

.paging .paging-pre:hover i:after { width: 32px; background-color: #F48334; }
.paging .paging-pre:hover i:before { left: -8px; box-shadow: inset -2px 2px 0 0 #F48334; }

.paging .paging-btn span { width: 2px; height: 2px; border-radius: 50%; background-color: #999; display: inline-block; vertical-align: middle; margin-top: 2px; margin-right: 2px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.paging .paging-btn:hover span { background-color: #F48334; }

/*定义keui外观*/
.textbox, .numberbox, .combobox { height: 34px; line-height: 32px !important; }
.checkbox { height: 34px; line-height: 32px !important; vertical-align: middle; }
.checkbox .checkbox-rect { margin-top: 6px; }
.numberbox .box, .textbox .box, .combobox .box { border: 1px solid #ccc; line-height: 34px; border-radius: 5px; }
.textbox-multiline { height: 120px; line-height: 32px !important; }
.textbox-multiline .box { border: 1px solid #ccc; height: 120px !important; line-height: 80px !important; }

.input input, .input textarea { padding: 0px 8px; }
.input .icon-btn { margin: 0px 4px; }
.input .ico { margin: 0px 4px; }
.input > label { line-height: 32px; }
.focus .box { border-color: #0070C9 !important; /*表单控件焦点置入*/ }
.data-item:hover { color: #0070C9; border-left: 2px solid #0070C9; }
.data-item-selected { background: #0070C9; border-left: 2px solid #0070C9; }

.radiobox .selected { color: #0070C9; }
.radiobox .selected .radiobox-rect { border-color: #0070C9; }
.radiobox .selected .radiobox-rect div { background-color: #0070C9; }
/*图标开始*/
.ico-loading { background: url(/res/pc/images/common/loading.gif) no-repeat center center; width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
.icon { vertical-align: middle; background-image: url(/res/pc/images/icon.png); }
.icon0 { width: 72px; height: 72px; }
.icon12 { width: 12px; height: 12px; display: inline-block; }
.icon20 { width: 20px; height: 20px; display: inline-block; }
.icon22 { width: 22px; height: 22px; display: inline-block; }
.icon24 { width: 24px; height: 24px; display: inline-block; }
.icon26 { width: 26px; height: 26px; display: inline-block; }
.icon28 { width: 28px; height: 28px; display: inline-block; }
.icon30 { width: 30px; height: 30px; display: inline-block; }
.icon32 { width: 32px; height: 32px; display: inline-block; }
.icon40 { width: 40px; height: 40px; display: inline-block; }
.icon48 { width: 48px; height: 48px; display: inline-block; }
.icon56 { width: 56px; height: 56px; display: inline-block; }
.icon60 { width: 60px; height: 60px; display: inline-block; }
.icon70 { width: 70px; height: 70px; display: inline-block; }

/*行1*/
.icon-calendar-20 { background-position: -21px -21px; }
.icon-star-20 { background-position: -80px -20px; }
.icon-fire-12 { background-position: -144px -24px; }
.icon-tick-24 { background-position: -198px -18px; }
.icon-dot-24 { background-position: -258px -18px; }

/*行2*/
.icon-wechat-24 { background-position: -18px -138px; }
.icon-weibo-24 { background-position: -78px -138px; }
.icon-facebook-24 { background-position: -138px -138px; }
.icon-share-24 { background-position: -198px -138px; }
.icon-tick-round-28 { background-position: -256px -136px; }
.icon-wechat-hover-24 { background-position: -18px -198px; }
.icon-weibo-hover-24 { background-position: -78px -198px; }
.icon-share-hover-24 { background-position: -198px -198px; }

/*行3*/
.icon-user-32 { background-position: -14px -254px; }
.icon-code-28 { background-position: -76px -256px; }
.icon-drowing-30 { background-position: -135px -255px; }
.icon-bill-28 { background-position: -196px -256px; }
.icon-service-24 { background-position: -258px -258px; }
.icon-penruler-26 { background-position: -317px -257px; }
.icon-left-32 { background-position: -374px -254px; }
.icon-left-hover-32 { background-position: -374px -314px; }
.icon-right-32 { background-position: -434px -254px; }
.icon-right-hover-32 { background-position: -434px -314px; }
.icon-house-26 { background-position: -497px -257px; }
.icon-house-hover-26 { background-position: -497px -317px; }
.icon-fly-28 { background-position: -556px -256px; }

/*行4*/
.icon-phto1-48 { background-position: -6px -366px; }
.icon-phto2-48 { background-position: -66px -366px; }
.icon-phto3-48 { background-position: -126px -366px; }
.icon-phto4-48 { background-position: -186px -366px; }
.icon-phto5-48 { background-position: -246px -366px; }

/*行5*/
.icon-user-60 { background-position: 0px -480px; }
.icon-shield-60 { background-position: -60px -480px; }
.icon-treemind-60 { background-position: -120px -480px; }
.icon-switch-60 { background-position: -180px -480px; }
.icon-handshake-60 { background-position: -240px -480px; }
.icon-talk-60 { background-position: -300px -480px; }
.icon-drawing-60 { background-position: -360px -480px; }
.icon-email-60 { background-position: -420px -480px; }
.icon-erp-60 { background-position: -480px -480px; }
.icon-page-60 { background-position: -540px -480px; }
.icon-love-60 { background-position: -600px -480px; }
.icon-up-60 { background-position: -660px -480px; }
.icon-build-40 { background-position: -730px -490px; }
.icon-page-40 { background-position: -790px -490px; }
.icon-horn-40 { background-position: -850px -490px; }
.icon-search-40 { background-position: -910px -490px; }
.icon-list-40 { background-position: -970px -490px; }
.icon-money-40 { background-position: -1030px -490px; }
.icon-bookyellow-40 { background-position: -1090px -490px; }
.icon-database-40 { background-position: -1150px -490px; }
.icon-diamond-40 { background-position: -1210px -490px; }
.icon-share-40 { background-position: -1270px -490px; }
.icon-play-60 { background-position: -1320px -480px; }
.icon-play-hover-60 { background-position: -1320px -540px; }
/*行6*/
.icon-weibored-60 { background-position: 0px -600px; }
.icon-zhihu-60 { background-position: -60px -600px; }
.icon-bilibi-60 { background-position: -120px -600px; }
.icon-chemical-40 { background-position: -190px -610px; }
.icon-chemical-60 { background-position: -180px -600px; }
.icon-microscope-40 { background-position: -250px -610px; }
.icon-microscope-60 { background-position: -240px -600px; }
.icon-drug-40 { background-position: -310px -610px; }
.icon-drug-60 { background-position: -300px -600px; }
.icon-dotsix-60 { background-position: -360px -600px; }

/*行7*/
.icon-buildblue-60 { background-position: 2px -720px; }
.icon-linkblock-60 { background-position: -60px -720px; }
.icon-blockfour-60 { background-position: -120px -720px; }
.icon-book-60 { background-position: -180px -720px; }
.icon-linksearch-60 { background-position: -240px -720px; }
.icon-number-60 { background-position: -300px -720px; }
.icon-text-60 { background-position: -360px -720px; }
.icon-cold-60 { background-position: -420px -720px; }
.icon-cart-60 { background-position: -480px -720px; }
.icon-talkround-60 { background-position: -540px -720px; }
.icon-bag-60 { background-position: -600px -720px; }
.icon-moneytalk-60 { background-position: -660px -720px; }
.icon-usergroup-60 { background-position: -720px -720px; }
.icon-tree-60 { background-position: -780px -720px; }
.icon-databasetree-60 { background-position: -840px -720px; }
.icon-databasered-60 { background-position: -900px -720px; }
.icon-discountmoney-60 { background-position: -960px -720px; }
.icon-discount-60 { background-position: -1020px -720px; }
.icon-chat-60 { background-position: -1080px -720px; }
.icon-linkblockgreen-60 { background-position: -1140px -720px; }
.icon-wechat60-60 { background-position: -1200px -720px; }
.icon-weibo60-60 { background-position: -1260px -720px; }
.icon-zhihu60-60 { background-position: -1320px -720px; }
.icon-bilibi60-60 { background-position: -1380px -720px; }
.icon-setting-60 { background-position: -1440px -720px; }
.icon-design60-60 { background-position: -1500px -720px; }
.icon-chat60-60 { background-position: -1560px -720px; }
.icon-quotationleft-60 { background-position: -1620px -720px; }
.icon-quotationright-60 { background-position: -1680px -720px; }

/*行8*/
.icon-starblock-70 { background-position: 0px -840px; }
.icon-moneyhexa-70 { background-position: -70px -840px; }
.icon-lineblock-70 { background-position: -140px -840px; }
.icon-bookmark-70 { background-position: -210px -840px; }
.icon-penruler-70 { background-position: -280px -840px; }
.icon-vedio-70 { background-position: -350px -840px; }
/*行9*/
.icon-playround-0 { background-position: 0px -982px; }
.icon-playroundbig-0 { width: 100px; height: 100px; background-position: -90px -970px; }