blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul { margin: 0; padding: 0 } body,button,input,select,textarea { font: 14px/1.5 'microsoft yahei',tahoma,arial,'hiragino sans gb','\5b8b\4f53',sans-serif; -webkit-font-smoothing: antialiased; color: #333 } h1,h2,h3,h4,h5,h6 { font-size: 100%; -webkit-font-smoothing: antialiased } address,cite,dfn,em,i,var { font-style: normal } code,kbd,pre,samp { font-family: courier new,courier,monospace } a { color: #333; text-decoration: none; outline: 0 } a:hover { text-decoration: none } img { border: 0; vertical-align: middle } ol,ul { list-style: none } button,input,select,textarea { font-size: 100%; outline: 0 } textarea { resize: none } table { border-collapse: collapse; border-spacing: 0 } .bk10{ height:10px; clear:both; } .bk20{ height:20px; clear:both; } .grid { width: 1190px; margin: 0 auto } .pos-rel { position: relative } .pos-abs { position: absolute } .fr { float: right } .fl { float: left } .hide { display: none } .show { display: block } .hidden { overflow: hidden } .visible { overflow: visible } .e-visible { visibility: visible } .center { text-align: center } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-f12 { font-size: 12px } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .line-normal { line-height: 1 } .noborder { border: 0!important } .inline-block { display: inline-block } .v-middle { vertical-align: middle } .mt5 { margin-top: 5px } .mt10 { margin-top: 10px } .mr15 { margin-right: 15px } .border-box { box-sizing: border-box } .zbj-btn { box-sizing: border-box; height: 30px; line-height: 1.2; font-size: 14px; padding: 7px 10px; border-radius: 3px; cursor: pointer } .zbj-btn[disabled],.zbj-btn.disabled { background-color: #eee; border: 1px solid #eee; color: #999; cursor: not-allowed } .zbj-btn-sm { height: 26px; line-height: 1.1; font-size: 12px; padding: 5px 10px } a.zbj-btn { display: inline-block; text-align: center } .orange,.color-orange { color: #f90 } .zbj-btn-orange { color: #fff; background-color: #f90; border: 1px solid #f90 } .zbj-btn-orange-solid { border: 1px solid #f90; color: #f90; background-color: #fff } .zbj-btn-orange-solid:hover { background-color: #f90; color: #fff } .zbj-btn-link { color: #999; background-color: transparent; border: 1px solid transparent } .zbj-link { color: #f90 } .zbj-hover { cursor: pointer } .zbj-hover:hover { color: #f90 } .pagination { text-align: right; height: 37px; margin: 30px 0 } .pagination ul { display: inline-block } .pagination ul .active a { background: #f90; color: #fff } .pagination ul li { float: left; margin-left: 8px } .pagination ul li a { display: block; width: 35px; height: 35px; background: #fff; text-align: center; color: #999; font-size: 14px; line-height: 35px; transition: .5s all; border: 1px solid #f0f0f0 } .pagination ul li a:hover { color: #fff; text-decoration: none; background: #f90 } .pagination .pagination-next,.pagination .pagination-prev { background: transparent; font-family: iconfont; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0; font-weight: 600; border: 0 } .pagination .pagination-next:hover,.pagination .pagination-prev:hover { text-decoration: none; color: #f90; background: transparent } .pagination .pagination-prev:before { content: "\e804"; font-size: 20px } .pagination .pagination-next:before { content: "\e805"; font-size: 20px } .pagination .disabled a { border: 0; cursor: default } .pagination .disabled a:hover { color: #999; text-decoration: none; background: transparent } @font-face { font-family:iconfont;src:;src: format('embedded-opentype'), format('truetype'), format('woff'), format('svg');font-weight:400;font-style:normal }[class^=icon-],[class*=" icon-"] { 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 } .icon-add:before { content: "\e924" } .icon-reduce:before { content: "\e925" } .icon-shop-car-full:before { content: "\e922" } .icon-shop-car:before { content: "\e923" } .icon-5540:before { content: "\e920" } .icon-5541:before { content: "\e921" } .icon-pri-2:before { content: "\e900" } .icon-pri-4:before { content: "\e901" } .icon-pri-6:before { content: "\e902" } .icon-pri-8:before { content: "\e903" } .icon-pri-11:before { content: "\e904" } .icon-pri-7:before { content: "\e905" } .icon-pri-9:before { content: "\e906" } .icon-pri-3:before { content: "\e907" } .icon-pri-1:before { content: "\e908" } .icon-pri-10:before { content: "\e909" } .icon-pri-5:before { content: "\e90a" } .icon-dir-right1:before { content: "\e912" } .icon-info-qq:before { content: "\e90e" } .icon-kefu-ico:before { content: "\e90f" } .icon-company:before { content: "\e910" } .icon-user-set:before { content: "\e911" } .icon-software:before { content: "\e90b" } .icon-baidu-sale:before { content: "\e90d" } .icon-brand-sj:before { content: "\e90c" } .icon-error2:before { content: "\e913" } .icon-bar-code:before { content: "\e915" } .icon-copyright:before { content: "\e916" } .icon-business:before { content: "\e917" } .icon-com-register:before { content: "\e918" } .icon-r:before { content: "\e919" } .icon-payment:before { content: "\e91a" } .icon-transaction:before { content: "\e91b" } .icon-evaluation:before { content: "\e91c" } .icon-close:before { content: "\e91d" } .icon-redo:before { content: "\e91e" } .icon-entrust:before { content: "\e91f" } .icon-heart:before { content: "\e801" } .icon-async:before { content: "\e824" } .icon-thumbs-up:before { content: "\e80e" } .icon-thumbs-down:before { content: "\e80f" } .icon-quote-left:before { content: "\e810" } .icon-quote-right:before { content: "\e811" } .icon-edit:before { content: "\e82c" } .icon-zoom-in:before { content: "\e80a" } .icon-zoom-out:before { content: "\e80b" } .icon-angle-left:before { content: "\e804" } .icon-angle-right:before { content: "\e805" } .icon-angle-up:before { content: "\e806" } .icon-angle-down:before { content: "\e807" } .icon-refresh:before { content: "\e808" } .icon-help:before { content: "\e82d" } .icon-mobile:before { content: "\e827" } .icon-home-bd:before { content: "\e830" } .icon-power:before { content: "\e813" } .icon-location:before { content: "\e800" } .icon-dir-left:before { content: "\e82a" } .icon-dir-right:before { content: "\e829" } .icon-arrow-down:before { content: "\e80c" } .icon-heart-empty:before { content: "\e802" } .icon-ok:before { content: "\e812" } .icon-ok-bg:before { content: "\e814" } .icon-error:before { content: "\e816" } .icon-error-bg:before { content: "\e817" } .icon-help-bg:before { content: "\e818" } .icon-info-bg:before { content: "\e819" } .icon-warn-bg:before { content: "\e81a" } .icon-clock:before { content: "\e82e" } .icon-list-grid:before { content: "\e82b" } .icon-list-text:before { content: "\e803" } .icon-ok-bd:before { content: "\e82f" } .icon-plus2:before { content: "\e828" } .icon-comment:before { content: "\e81b" } .icon-user:before { content: "\e81d" } .icon-search:before { content: "\e809" } .icon-msg:before { content: "\e81e" } .icon-plus-bg:before { content: "\e81f" } .icon-minus-bg:before { content: "\e820" } .icon-set:before { content: "\e821" } .icon-right-circle:before { content: "\e822" } .icon-dir-down:before { content: "\e823" } .icon-dir-top:before { content: "\e831" } .icon-arrow-up:before { content: "\e80d" } .icon-home:before { content: "\e001" } .icon-home2:before { content: "\e002" } .icon-home3:before { content: "\e003" } .icon-home4:before { content: "\e01c" } .icon-img:before { content: "\e02c" } .icon-imgs:before { content: "\e02e" } .icon-music:before { content: "\e038" } .icon-video:before { content: "\e04c" } .icon-video-bd:before { content: "\e04d" } .icon-game:before { content: "\e051" } .icon-game-bd:before { content: "\e052" } .icon-mic:before { content: "\e06d" } .icon-layer-bd:before { content: "\e096" } .icon-layer:before { content: "\e097" } .icon-fold:before { content: "\e0a1" } .icon-fold-open:before { content: "\e0a2" } .icon-tag:before { content: "\e0b6" } .icon-tag-bd:before { content: "\e0b8" } .icon-barcode:before { content: "\e0be" } .icon-qrcode:before { content: "\e0bf" } .icon-shop-cart:before { content: "\e0c7" } .icon-tel:before { content: "\e0db" } .icon-tel-bd:before { content: "\e0e4" } .icon-msg-bg:before { content: "\e0ec" } .icon-msg-way:before { content: "\e0ed" } .icon-msg-open:before { content: "\e0ee" } .icon-loc:before { content: "\e0f5" } .icon-loc-bd:before { content: "\e0f6" } .icon-map:before { content: "\e0fc" } .icon-map-bd:before { content: "\e0fd" } .icon-clock2:before { content: "\e103" } .icon-timer:before { content: "\e10a" } .icon-keyboard:before { content: "\e11f" } .icon-phone:before { content: "\e125" } .icon-download:before { content: "\e132" } .icon-upload:before { content: "\e133" } .icon-back:before { content: "\e14b" } .icon-forward:before { content: "\e14c" } .icon-discuss:before { content: "\e152" } .icon-bubble:before { content: "\e15a" } .icon-bubble-bd:before { content: "\e15d" } .icon-user-thin:before { content: "\e185" } .icon-users:before { content: "\e186" } .icon-user-bg:before { content: "\e194" } .icon-user-bd:before { content: "\e195" } .icon-user-half:before { content: "\e196" } .icon-loading:before { content: "\e1a7" } .icon-loading2:before { content: "\e1b0" } .icon-find:before { content: "\e1ba" } .icon-enlarge:before { content: "\e1bf" } .icon-shrink:before { content: "\e1c0" } .icon-wrench:before { content: "\e1da" } .icon-set-bd:before { content: "\e1e2" } .icon-prize:before { content: "\e218" } .icon-trash:before { content: "\e24f" } .icon-trash-bd:before { content: "\e251" } .icon-plane:before { content: "\e25b" } .icon-list-ul:before { content: "\e29b" } .icon-list-ol:before { content: "\e29c" } .icon-grid:before { content: "\e2a0" } .icon-link:before { content: "\e2c9" } .icon-eye:before { content: "\e2dc" } .icon-eye-dis:before { content: "\e2dd" } .icon-eye-bd:before { content: "\e2de" } .icon-eye-bd-dis:before { content: "\e2df" } .icon-smile:before { content: "\e31f" } .icon-smile-bd:before { content: "\e320" } .icon-sad-bd:before { content: "\e324" } .icon-sad:before { content: "\e325" } .icon-yes:before { content: "\e372" } .icon-yes-bd:before { content: "\e373" } .icon-minus:before { content: "\e375" } .icon-plus:before { content: "\e376" } .icon-circle-up-bd:before { content: "\e3c9" } .icon-circle-right-bd:before { content: "\e3cb" } .icon-circle-down-bd:before { content: "\e3cd" } .icon-circle-left-bd:before { content: "\e3cf" } .icon-circle-up:before { content: "\e3d1" } .icon-circle-right:before { content: "\e3d3" } .icon-circle-down:before { content: "\e3d5" } .icon-circle-left:before { content: "\e3d7" } .icon-code:before { content: "\e480" } .icon-ios:before { content: "\e4c6" } .icon-android:before { content: "\e4c8" } .icon-windows:before { content: "\e4c9" } .icon-chrome:before { content: "\e4ed" } .icon-firefox:before { content: "\e4ee" } .icon-ie:before { content: "\e4ef" } .icon-weibo:before { content: "\f18a" } .icon-qq:before { content: "\f1d6" } .icon-weixin:before { content: "\f1d7" } .icon-tencent-weibo:before { content: "\f1d5" } .icon-baidu:before { content: "\f1b0" } .icon-renren:before { content: "\f18b" } .icon-venus:before { content: "\f221" } .icon-mars:before { content: "\f222" } .icon-guanbi:before { content: "\e914" } .icon-compass:before { content: "\e949" } .icon-star-empty:before { content: "\e9d7" } .icon-star-half:before { content: "\e9d8" } .icon-star-full:before { content: "\e9d9" } .icon-calendar:before { content: "\e954" } .icon-loading,.icon-loading2 { background: center center no-repeat } .icon-loading:before,.icon-loading2:before { visibility: hidden } html[lang^='\zh'] .icon-loading,html[lang^='\zh'] .icon-loading2 { display: inline-block; animation: circling 1.2s linear 0s infinite normal both; background: 0 0 } html[lang^='\zh'] .icon-loading:before,html[lang^='\zh'] .icon-loading2:before { visibility: visible } @keyframes circling { 0% { transform: rotatez(0deg) } 100% { transform: rotatez(360deg) } } body { background-color: #f8fafc } .wrapper { width: 1190px; *height: 1%; margin: 0 auto; padding-top: 20px } .wrapper:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .wrapper.full-wrapper { width: 100%; padding-top: 0 } .main { float: left; width: 1190px; *height: 1%; margin-bottom: 30px } .main:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .pub-require { width: 1206px; background: center center no-repeat; padding: 35px 115px; box-sizing: border-box } .pub-require .pub-info { background-size: 42px 26px; padding-left: 50px; position: relative } .pub-require .pub-info .title { font-size: 20px } .pub-require .pub-info .desc { color: #a8a8a8; font-size: 16px } .pub-require .pub-info .desc .slash { display: inline-block; width: 5px; height: 15px; background: center center no-repeat; background-size: cover; vertical-align: middle } .pub-require .pub-info .hold-competition { display: block; width: 285px; height: 43px; color: #fff; background: #fe6226; border: 0; border-radius: 22px; font-size: 16px; line-height: 43px; text-align: center; cursor: pointer; position: absolute; top: 50%; right: 0; margin-top: -21px } .pub-require .pub-form { width: 961px; background-size: cover; margin-top: 15px; background: center center no-repeat } .pub-require .pub-form .zbj-form-item { height: 57px } .pub-require .pub-form .employ-contact { width: 672px; height: 57px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; white-space: nowrap } .pub-require .pub-form .employ-contact .employ-dialog-section-title { display: none; visibility: hidden } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone>div { position: relative; float: left } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-inputwrap { width: 300px; margin-bottom: 0 } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-inputwrap input[name=modifyphone] { width: 100%; height: 57px; background: transparent; border: 0; font-size: 16px; line-height: 57px; box-sizing: border-box; padding-left: 50px } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-inputwrap::after { content: ""; height: 28px; position: absolute; top: 15px; right: 0; width: 1px; background: #6f6f6f } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-inputwrap.hide-after { visibility: hidden } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-inputwrap .employ-dialog-modifyphone-btn { position: absolute; width: 120px; height: 57px; top: 0; right: 0; color: #ff6900; background: #ffe3c6; border: 0; border-radius: 0; font-size: 16px; line-height: 57px; text-align: center; display: none; visibility: hidden } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone input[name=modifyphone-yzm] { width: 232px; height: 57px; background: transparent; border: 0; font-size: 16px; line-height: 57px; box-sizing: border-box; padding-left: 15px } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-verify { width: 135px; height: 57px; color: #ff6900; background: #ffe3c6; border: 0; border-radius: 0; font-size: 16px; line-height: 55px; margin: 0; padding: 0; vertical-align: top; text-align: center } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone .employ-dialog-modifyphone-verify.disabled { color: #999; background: #eaeced } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone.with-employer-phone .employ-dialog-modifyphone-inputwrap { width: 100% } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone.with-employer-phone .employ-dialog-modifyphone-inputwrap::after { display: none } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone.with-employer-phone .employ-dialog-modifyphone-inputwrap div { display: none } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone.with-employer-phone .employ-dialog-modifyphone-inputwrap input[name=modifyphone] { pointer-events: none; cursor: not-allowed } .pub-require .pub-form .employ-contact .employ-dialog-modifyphone.with-employer-phone .employ-dialog-modifyphone-inputwrap .employ-dialog-modifyphone-btn { display: block; visibility: visible } .pub-require .pub-form .employ-contact .modifyphone-error { display: none; margin-top: -18px } .pub-require .pub-form .employ-contact .j-phone-error { margin-left: 50px } .pub-require .pub-form .employ-contact .j-verify-error { margin-left: 15px } .pub-require .pub-form .employ-contact .modifyphone-captcha-wrap { display: none } .pub-require .pub-form .employ-contact .j-captcha-error { margin-left: 15px } .pub-require .pub-form .zbj-btn { width: 289px; height: 57px; color: #fff; background: transparent; border: 0; font-size: 16px; line-height: 57px; text-align: center; padding: 0; cursor: pointer } .pub-require .sign-agreement { clear: both; color: #999; margin-left: 20px; padding-top: 5px } .pub-require .sign-agreement a { color: #999 } .pub-require .sign-agreement a:hover { color: #f60 } .pub-require .sign-agreement__tip { display: none; color: #ff0202; margin-left: 20px } .dialog-backdrop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: ; z-index: 10; visibility: hidden; opacity: 0; transition-duration: .4s; will-change: opacity; contain: strict; display: none } .dialog-backdrop.backdrop-in { display: block; visibility: visible; opacity: 1 } .dialog { position: fixed; width: 1190px; height: 220px; left: 50%; top: 50%; opacity: 0; transform: translate3d(0,0,0) scale(1.185); transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; contain: content; will-change: transform,opacity; transition-duration: .4s; margin: -110px 0 0 -595px; z-index: 11 } .dialog .dialog-inner { position: relative; width: 100%; height: 100%; background: #fff } .dialog .dialog-close { position: absolute; width: 30px; height: 30px; top: 25px; right: 50px; background: center center no-repeat; background-size: 18px 19px } .dialog.dialog-in { opacity: 1; transform: translate3d(0,0,0) scale(1) } .dialog.create-chance .body { padding-top: 10px } .dialog.create-chance .pub-require { position: relative; left: initial; top: initial; background-image: none; margin-left: 0 } .nav-wrapper { height: 70px; background: #000000; } .nav-wrapper .nav-content { width: 1190px; height: 70px; margin: 0 auto } .nav-wrapper .nav-logo-wrap { margin-top: 14px } .nav-wrapper .nav-logo-wrap img { display: inline-block; /* width: 104px; */ height: 43px } .nav-wrapper .nav-list { margin-left: 60px } .nav-wrapper .nav-item { height: 70px; line-height: 70px; padding: 0 30px; cursor: pointer } .nav-wrapper .nav-item a { display: inline-block; height: 28px; color: #fff; border-bottom: 2px solid transparent; font-size: 14px; line-height: 28px } .nav-wrapper .nav-item.nav-active a { border-bottom: 2px solid #ffe5d2 } .nav-wrapper .official-store { display: block; width: 88px; height: 28px; color: #fff; border: 1px solid #fff; border-radius: 2px; font-size: 14px; line-height: 28px; text-align: center; margin-top: 20px } .competition-wrapper .theme-competition { width: 100%; height: 388px; overflow: hidden } .competition-wrapper .theme-competition .slick-dots { position: absolute; width: 80px; left: 50%; bottom: 38px; margin-left: -35px; text-align: center } .competition-wrapper .theme-competition .slick-dots li { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 10px; overflow: hidden; margin: 0 3px } .competition-wrapper .theme-competition .slick-dots li.slick-active { background: #ff6900 } .competition-wrapper .theme-competition .slick-dots li button { display: none; visibility: hidden } .competition-wrapper .theme-item>a { display: block; width: 100%; height: 388px; overflow: hidden } .competition-wrapper .theme-item>a>img { position: relative; display: block; width: 1920px; height: 388px; left: 50%; margin-left: -960px } .competition-wrapper { position: relative; background: #fff } .competition-wrapper .pub-require { position: absolute; left: 50%; top: 330px; margin-left: -603px; } .hot-competition .title { background: #fff; padding: 0; text-align: center; height:71px; } .hot-competition .title>img { display: inline-block; width: 340px; height: 83px } .hot-competition .competition-content { width: 1115px; margin: 0 auto; padding-bottom: 30px } .hot-competition .competition-content .new-competition { width: 547px; border: 1px solid #f6f6f6; border-top: 0; box-shadow: 1px 1px 4px #f6f6f6; box-sizing: border-box; margin-top: 20px } .hot-competition .competition-content .new-competition>a { display: block } .hot-competition .competition-content .new-competition>a:hover .img-wrap .sub-info,.hot-competition .competition-content .new-competition>a:focus .img-wrap .sub-info { top: 0 } .hot-competition .competition-content .new-competition .img-wrap { position: relative; width: 100%; height: 250px; overflow: hidden } .hot-competition .competition-content .new-competition .img-wrap>img { display: block; width: 100%; height: 100% } .hot-competition .competition-content .new-competition .img-wrap .corner-mark { position: absolute; width: 140px; height: 43px; top: 10px; left: -8px; color: #fff; background: center center no-repeat; background-size: cover; font-size: 14px; font-style: italic; line-height: 38px; padding-left: 15px; box-sizing: border-box } .hot-competition .competition-content .new-competition .img-wrap .sub-info { position: absolute; width: 100%; height: 362px; left: 0; top: 100%; color: #fff; background: rgba(0,0,0,.7); font-size: 16px; padding: 90px 30px 90px 60px; box-sizing: border-box; transition: top .3s linear } .hot-competition .competition-content .new-competition .img-wrap .sub-info>p { line-height: 1.8 } .hot-competition .competition-content .new-competition .img-wrap .sub-info .view-detail { display: inline-block; width: 157px; height: 43px; color: #fe6340; background: transparent; border: 1px solid #fe6340; line-height: 41px; margin: 30px 0 0 126px; text-align: center; cursor: pointer } .hot-competition .competition-content .new-competition .competition-con { height: 120px; padding: 15px 30px; box-sizing: border-box } .hot-competition .competition-content .new-competition .competition-con .title { height: 54px; font-size: 18px; margin-bottom: 0; padding: 0; text-align: left; overflow: hidden } .hot-competition .competition-content .new-competition .competition-con .info { color: #666; background: right center no-repeat; background-size: 17px 17px; font-size: 16px } .hot-competition .competition-content .new-competition .competition-con .info .num { color: #ff2424; font-size: 26px } .hot-competition .competition-content .new-competition .competition-con .info .unit { color: #ff6767 } .hot-competition .new-competitions { background: #fff } .hot-competition .slick-competitions { background: #f8fafc; padding: 40px 0 } .hot-competition .slick-competitions .slick-content { width: 1115px; margin: 0 auto } .hot-competition .slick-competitions .slick-content .slick-arrow { position: absolute; width: 28px; height: 64px; top: 50%; border: 0; margin-top: -32px; cursor: pointer } .hot-competition .slick-competitions .slick-content .slick-prev { left: -43px; background: #838383 center center no-repeat; background-size: 14px 20px } .hot-competition .slick-competitions .slick-content .slick-next { right: -43px; background: #838383 center center no-repeat; background-size: 14px 20px } .hot-competition .slick-competitions .competition-item { width: 353px; height: 315px; padding: 0 9px; float: left; } .hot-competition .slick-competitions .competition-item>a { display: block; box-shadow: 1px 1px 4px #f0f2f4 } .hot-competition .slick-competitions .competition-item .img-wrap { width: 100%; height: 249px; overflow: hidden } .hot-competition .slick-competitions .competition-item .img-wrap>img { display: block; height: 100% } .hot-competition .slick-competitions .competition-item .competition-con { height: 66px; background: #fff; border: 1px solid #f6f6f6; border-top: 0; font-size: 16px; line-height: 66px; padding: 0 25px; box-sizing: border-box } .hot-competition .ad-banner { width: 1104px; height: 112px; margin: 20px auto 0; overflow: hidden } .recommend-competition { background: #fff; /* padding-top: 40px */ } .recommend-competition .title>img { display: inline-block } .recommend-competition .content { width: 1190px; margin: 10px auto 0 } .hold-competition { display: block; width: 285px; height: 43px; color: #fff; background: #fe6226; border: 0; border-radius: 22px; font-size: 16px; line-height: 43px; text-align: center; margin: 0 auto 40px; cursor: pointer } .recommend-competition .recommend-section .left { width: 253px; height: 634px } .recommend-competition .recommend-section .left .top { width: 253px; height: 232px; color: #fff; padding: 45px 35px; box-sizing: border-box } .recommend-competition .recommend-section .left .top .title { font-size: 47px; line-height: 1; margin-bottom: 10px } .recommend-competition .recommend-section .left .top .sub-title { font-size: 28px; line-height: 1; margin-bottom: 30px } .recommend-competition .recommend-section .left .top .note { font-size: 14px; margin-bottom: 5px } .recommend-competition .recommend-section .left .top span { font-size: 22px; line-height: 1 } .recommend-competition .recommend-section .left .bottom { position: relative; width: 235px; height: 402px; color: #fff; background: #4a5057; padding-left: 40px; box-sizing: border-box } .recommend-competition .recommend-section .left .bottom .title { height: 74px; font-size: 14px; line-height: 74px; border-bottom: 1px solid #6f767d } .recommend-competition .recommend-section .left .bottom .service-item { width: 50%; margin-top: 25px } .recommend-competition .recommend-section .left .bottom .service-item>a { display: block; color: #fff; font-size: 14px } .recommend-competition .recommend-section .left .bottom .service-item.service-active a { color: #cf975c } .recommend-competition .recommend-section .left .bottom .view-more { position: absolute; width: 166px; height: 36px; left: 50%; bottom: 40px; color: #fff; background: #ff6702; font-size: 14px; line-height: 36px; text-align: center; margin-left: -83px } .recommend-competition .recommend-section .main { width: 100%; height: 580px; } .recommend-competition .recommend-section .main .competition-item { margin-right: 10px } .recommend-competition .recommend-section .main .competition-item>a { display: block; width: 287px; height: 280px; border: 1px solid #f6f6f6; box-shadow: 1px 1px 4px #f7f7f7; box-sizing: border-box } .recommend-competition .recommend-section .main .competition-item>a .img-wrap { width: 100%; height: 216px } .recommend-competition .recommend-section .main .competition-item>a .img-wrap>img { display: block; max-width: 100%; height: 200px; } .recommend-competition .recommend-section .main .competition-item>a .competition-con { height: 60px; background: #fff; padding: 8px 15px; box-sizing: border-box } .recommend-competition .recommend-section .main .competition-item>a .competition-con .title { font-size: 14px } .recommend-competition .recommend-section .main .competition-item>a .competition-con .min-title { color: #ccc; font-size: 13px; margin-bottom: 8px } .recommend-competition .recommend-section .main .competition-item>a .competition-con span { color: #929292; font-size: 12px } .recommend-competition .recommend-section .main .competition-item>a .competition-con span.post i { display: inline-block; width: 11px; height: 11px; background: center center no-repeat; background-size: cover } .recommend-competition .recommend-section .main .competition-item>a .competition-con span.view { margin-right: 15px } .recommend-competition .recommend-section .main .competition-item>a .competition-con span.view i { display: inline-block; width: 14px; height: 8px; background: center center no-repeat; background-size: cover } .recommend-competition .recommend-section .main .competition-item>a .competition-con span.state { position: relative; color: #fff; background: #fb7f62; margin-left: -15px; padding: 5px 15px } .recommend-competition .recommend-section .main .competition-item>a .competition-con span.state::after { content: ""; position: absolute; width: 0; height: 0; right: 0; top: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 8px solid #fff } .recommend-competition .recommend-section .main .competition-item.last-item { margin-right: 0 } .recommend-competition .recommend-section .main .competition-item.first-row { margin-bottom: 10px } .recommend-competition .recommend-section.recommend-logo .top { background: #cf985c center center no-repeat; background-size: cover } .recommend-competition .recommend-section.recommend-promot .top { background: #c292d8 center center no-repeat; background-size: cover } .recommend-competition .recommend-section.recommend-ideas .top { background: #cf985c center center no-repeat; background-size: cover } .recommend-competition .recommend-section.recommend-mascot .top { background: #cf985c center center no-repeat; background-size: cover } .recommend-competition .recommend-section.recommend-lyrics .top { background: #cf985c center center no-repeat; background-size: cover } .cooperate-partner { background: #f8fafc; padding: 40px 0 } .cooperate-partner .title>img { display: inline-block } .cooperate-partner .content { width: 1190px; margin: 40px auto 0 } .cooperate-partner .content .partner { width: 185px; height: 185px; background: #fff; line-height: 185px; text-align: center; margin-right: 16px } .cooperate-partner .content .partner>img { display: inline-block; width: 122px; } .cooperate-partner .content .partner:last-child { margin-right: 0 } .suspend-nav { position: absolute; width: 65px; top: 700px; right: 20px } .suspend-nav .nav-item { position: relative; display: block; width: 65px; height: 50px; color: #333; background: #fff; border: 1px solid #efefef; border-bottom: 0; font-size: 12px; line-height: 48px; text-align: center; box-sizing: border-box } .suspend-nav .nav-item.scan-code { height: 60px; font-size: 14px; line-height: 1.25; padding: 13px 15px } .suspend-nav .nav-item.scan-code .tooltip { position: absolute; width: 105px; height: 110px; left: -117px; bottom: 0; background: #fff; border: 1px solid #efefef; display: none; visibility: hidden } .suspend-nav .nav-item.scan-code .tooltip-inner { position: relative; width: 100%; height: 100%; color: #333; font-size: 12px; text-align: center; padding: 6px; box-sizing: border-box } .suspend-nav .nav-item.scan-code .tooltip-inner>img { display: inline-block } .suspend-nav .nav-item.scan-code .tooltip-inner span { position: absolute; width: 105px; left: 0; bottom: 1px; font-weight: 500; text-align: center } .suspend-nav .nav-item.scan-code .tooltip-inner::before,.suspend-nav .nav-item.scan-code .tooltip-inner::after { content: ""; position: absolute; width: 0; height: 0 } .suspend-nav .nav-item.scan-code .tooltip-inner::before { right: -6px; bottom: -1px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #efefef } .suspend-nav .nav-item.scan-code .tooltip-inner::after { right: -5px; bottom: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } .suspend-nav .nav-item:hover,.suspend-nav .nav-item:focus,.suspend-nav .nav-item.nav-active { color: #fff; background: #fb7f62; border-color: #fb7f62 } .suspend-nav .nav-item:hover.scan-code .tooltip,.suspend-nav .nav-item:focus.scan-code .tooltip,.suspend-nav .nav-item.nav-active.scan-code .tooltip { display: block; visibility: visible } .suspend-nav .nav-item:hover.scan-code .tooltip-inner,.suspend-nav .nav-item:focus.scan-code .tooltip-inner,.suspend-nav .nav-item.nav-active.scan-code .tooltip-inner { color: #333 } .suspend-nav .back-up { display: block; width: 65px; height: 50px; background-color: #fff; background-image: ; background-size: 28px 18px; background-position: center center; background-repeat: no-repeat; border: 1px solid #efefef; box-sizing: border-box } .suspend-nav .back-up.back-active { background: #fb7f62; background-image: ; background-size: 28px 18px; background-position: center center; background-repeat: no-repeat; border-color: #fb7f62 } .ui.container { width: 1180px; margin-left: auto!important; margin-right: auto!important; } .container .ht { width: 512px; height: 24px; font-size: 20pt; margin-left: auto; margin-right: auto; /* background-image: ; background-repeat: no-repeat */; } .container .ht.spliter { width: 350px; height: 2px; background-color: #e7ebf0; margin: 30px auto; margin-bottom: 12px; } #utopia_widget_3{ margin-top: 8px; } .stage{ text-align:center; } .stage.category .ht.category { background-position: 0 -100px } .stage.category .showcase { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .stage.category .showcase>.item { -ms-flex-positive: 1; flex-grow: 1; padding: 20px; margin-left: 1px; margin-right: 1px; margin-bottom: 2px; width: calc(12.666666666666664% - 2px); background-color: #fff; transition: box-shadow .2s ease-in-out,transform .2s ease-in-out } .stage.category .showcase>.item>.name { display: block; margin-top: 28px; letter-spacing: 4px; color: #555 } .stage.category .showcase>.item:hover { box-shadow: 0 0 0 2px #fff,0 2px 20px 2px rgba(0,0,0,.03),0 24px 30px 2px rgba(0,0,0,.04); transform: translatey(-2px); z-index: 1 } .graph { display: inline-block; background-repeat: no-repeat; background-position: center; vertical-align: middle; } *, :after, :before { box-sizing: inherit; } .graph.category.gd,.graph.category.gd-pk,.graph.category.h5,.graph.category.id,.graph.category.ind,.graph.category.masc,.graph.category.pho,.graph.category.pt,.graph.category.vi,.graph.category.web,.graph.category.web-ev,.a1,.a2,.a3,.a4,.a5,.a6,.a7 { width: 70px; height: 70px } .graph.category.a1 { background-image: url(/uploads/image/tnimages/new-01.svg) } .graph.category.a2 { background-image: url(/uploads/image/tnimages/new-02.svg); } .graph.category.a3 { background-image: url(/uploads/image/tnimages/new-03.svg); } .graph.category.a4 { background-image: } .graph.category.a5 { background-image: } .graph.category.a6 { background-image: url(/uploads/image/tnimages/new-06.svg) } .graph.category.a7 { background-image: url(/uploads/image/tnimages/new-07.svg); } .graph.category.gd { background-image: url(/uploads/image/tnimages/new-10.svg) } .graph.category.gd-pk { background-image: url(/uploads/image/tnimages/77012a81d858f58fcfbf5eadf9a0fc7b.svg) } .graph.category.h5 { background-image: url(/uploads/image/tnimages/094bb0ad060519ba844a952f8a0667a1.svg) } .graph.category.id { background-image: url(/uploads/image/tnimages/79ac425ff7e459d92358768d022f906b.svg) } .graph.category.ind { background-image: url(/uploads/image/tnimages/4ab1d822335d1dcba8623ebc935af48f.svg) } .graph.category.logo { background-image: url(/uploads/image/tnimages/588b01902b4054c95e9dc76a5a6300f9.svg); width: 70px; height: 70px } .graph.category.masc { background-image: url(/uploads/image/tnimages/09d32d90817a508b6a130db007a815d4.svg) } .graph.category.pho { background-image: url(/uploads/image/tnimages/1d36d2ffb2b52b4b379e0ad030f76b57.svg) } .graph.category.pt { background-image: url(/uploads/image/tnimages/a14480f1804faebc9f5263f71240fb2f.svg) } .graph.category.vi { background-image: url(/uploads/image/tnimages/f11c98f0e0db8dd6e59e5901b3ab390a.svg) } .graph.category.web { background-image: url(/uploads/image/tnimages/081a314ad4b093b77eaa1a8bb962f706.svg) } .graph.category.web-ev { background-image: url(/uploads/image/tnimages/7a42f0b10fed55a4f7d7dcea5901f915.svg) } .content_title{font-size:20pt;} .content_info{font-size:12pt;} .thrid-module-crumbs-container{width: 1190px; margin: auto; line-height: 46px; height: 30px;} /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ luara version 0.1 2014-8-21 \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*渐隐*/ .luara-{position:relative;padding:0;overflow: hidden;} .luara- ul{padding: inherit;margin: 0;} .luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;} .luara- ul li:first-child{display:block;} .luara- ul li img{width: inherit;height: inherit;width: 1920px;} .luara-{} .luara- li{list-style: none;} .luara- ol{position:relative;width: 80px;height: 20px;top:-25px;left:50%;margin-left: -50px;} .luara- ol li{float:left;width: 10px !important;height: 10px !important;margin: 5px;background: #fff;border-radius: 5px;} .luara- ol li.seleted{background: #fe6226;border-radius: 5px;} .footer-qrcode{ float: right; } .go-top{ position: fixed; bottom: 90px; right: 20px; width: 46px; z-index: 999; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 2px; } .go-top .u-hov{ background-image: none !important; } .go-top .dnd{ top: 60px; right: 50px; } position: fixed; bottom: 90px; right: 20px; width: 46px; z-index: 999; } .go-top .u-hov { display: block; width: 46px; height: 46px; overflow: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .go-top a:last-child { margin-bottom: 0; } .go-top .go { background-position: 0 -91px; transition: all 0.5s; } .go-top .go:hover { background-position: -48px -227px; } .go-top .feedback { background-position: 0 -46px; } .go-top .feedback:hover { background-position: -48px -454px; } .go-top .uc-2vm { background-position: 0 0; } .go-top .uc-2vm:hover { background-position: -48px -408px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .go-top .u-pop { position: absolute; right: 60px; top: 0; width: 243px; box-shadow: 0px 1px 4px rgba(0, 0, 0, .1); background: #fff; border: 1px solid #e3e3e3; padding: 16px 11px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .go-top .dnd { position: absolute; right: 60px; top: 0; width: 240px; box-shadow: 0px 1px 4px rgba(0, 0, 0, .1); background: #fff; border: 1px solid #e3e3e3; padding: 16px 11px; } .go-top .u-pop .logo-2wm-box { position: relative; } .go-top .iss-ico1 { background: no-repeat 0 0; padding-left: 32%; } .go-top .arrow-sanjiao{ width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; right: 3px; top: 13px; position: absolute; z-index: 2; } .go-top .arrow-sanjiao-big{ width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; right: -1px; top: 11px; position: absolute; } .go-top .feedback-sanjiao{ top: 60px; } .go-top .feedback-sanjiao-big{ top:58px; } .go-top .arrow{ position: absolute; width: 16px; height: 100%; right: -15px; top: 0px; } .dingbu-btn{ height: 100%; color: #333; text-align: center; padding-top: 0; } .dingbu:hover .dingbu-btn{ color: #fe6226; }