index.css
36.9 KB
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,i{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}table{border-collapse:collapse;border-spacing:0}caption,th,td,b,strong{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}em,cite{font-style:normal}body{background:#fff;font:12px/1.5 "SourceHanSansCN","arial","helvetica","微软雅黑";color:#000;width:100%;padding:0;margin:0}html{width:100%;height:100%;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111}a{text-decoration:none;cursor:pointer}a:focus{outline:none}dl,dt,dd,ul,li{list-style:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1;*zoom:1}*{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent}@font-face{font-family:'iconfont';src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}@font-face{font-family:'iconfont-new';src:url("../fonts/new/iconfont.eot");src:url("../fonts/new/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/new/iconfont.woff") format("woff"),url("../fonts/new/iconfont.ttf") format("truetype"),url("../fonts/new/iconfont.svg#iconfont") format("svg")}.iconfont-new{font-family:"iconfont-new";font-size:16px;font-style:normal}body{font-family:"SourceHanSansCN"}.yoho-nav{width:100%;min-width:1180px;height:34px;line-height:34px;background:#f4f4f4;border-bottom:1px solid #d8d8d8}.yoho-nav ul{float:left;padding-left:10px}.yoho-nav ul li{float:left;position:relative;width:100px;cursor:pointer}.yoho-nav ul li span{display:block;width:100%;height:100%;line-height:37px;text-align:center}.yoho-nav ul li a{width:100%;height:100%;text-align:center;color:#000000;line-height:37px;display:none}.yoho-nav ul li a:focus{outline:none}.yoho-nav ul li.current{height:35px;line-height:35px;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background:#fff}.yoho-nav ul li:hover span{display:none}.yoho-nav ul li:hover a{display:block}.yoho-nav .contact-btn{float:right;margin:0 10px;color:#626262}.header{width:100%;min-width:1180px}.logo img{width:100%;margin:-2px 0 -5px}@keyframes rainbow{90%{border-radius:10%/50%;width:196.66667px;height:38px}100%{border-radius:0;width:196.66667px;height:38px;top:0;left:0;margin:0}}@-webkit-keyframes rainbow{90%{border-radius:10%/50%;width:196.66667px;height:38px}100%{border-radius:0;width:196.66667px;height:38px;top:0;left:0;margin:0}}@-moz-keyframes rainbow{90%{border-radius:10%/50%;width:196.66667px;height:38px}100%{border-radius:0;width:196.66667px;height:38px;top:0;left:0;margin:0}}@-ms-keyframes rainbow{90%{border-radius:10%/50%;width:196.66667px;height:38px}100%{border-radius:0;width:196.66667px;height:38px;top:0;left:0;margin:0}}@keyframes rainbow{90%{border-radius:10%/50%;width:196.66667px;height:38px}100%{border-radius:0;width:196.66667px;height:38px;top:0;left:0;margin:0}}@keyframes rainbow-seconed-menu{90%{border-radius:10%/50%;width:194.66667px;height:47px}100%{border-radius:0;width:194.66667px;height:47px;top:0;left:0;margin:0}}@-webkit-keyframes rainbow-seconed-menu{90%{border-radius:10%/50%;width:194.66667px;height:47px}100%{border-radius:0;width:194.66667px;height:47px;top:0;left:0;margin:0}}@-moz-keyframes rainbow-seconed-menu{90%{border-radius:10%/50%;width:194.66667px;height:47px}100%{border-radius:0;width:194.66667px;height:47px;top:0;left:0;margin:0}}@-ms-keyframes rainbow-seconed-menu{90%{border-radius:10%/50%;width:194.66667px;height:47px}100%{border-radius:0;width:194.66667px;height:47px;top:0;left:0;margin:0}}@keyframes rainbow-seconed-menu{90%{border-radius:10%/50%;width:194.66667px;height:47px}100%{border-radius:0;width:194.66667px;height:47px;top:0;left:0;margin:0}}.nav{border-top:1px solid #000;border-bottom:1px solid #000}.nav ul{width:1180px;margin:0 auto}.nav ul li{position:relative;float:left;line-height:38px;height:38px;width:196.66667px}.nav ul li a{display:block;position:relative;color:#000;background:#fff;width:196.66667px;height:38px;line-height:38px}.nav ul li em{display:inline-block;position:relative;z-index:10;width:100%;display:none;font-size:16px;font-weight:normal;font-style:normal}.nav ul li em:focus{outline:none}.nav ul li span{display:block;width:100%;text-align:center;font-size:16px;color:#000}.nav ul li i{display:none;position:absolute;top:19px;left:98.33333px;width:38px;height:38px;margin-left:-19px;margin-top:-19px;border-radius:50%;background:#000;z-index:9}.nav ul li .second-menu-hr{width:196.66667px;height:0;border:0;border-top:1px solid #000;margin:0}.nav ul li .second-menu{display:none;position:relative;background-color:#fff;z-index:8;border:1px solid #e0e0e0}.nav ul li .second-menu hr{height:0px;width:150px;border:0;margin:0 auto;border-top:1px solid #e0e0e0;background:#fff}.nav ul li .second-menu a{width:194.66667px;height:47px}.nav ul li .second-menu em{width:194.66667px;height:47px;line-height:47px}.nav ul li .second-menu i{display:none;position:absolute;top:-47px / 2;left:-47px / 2;width:38px;height:47px;margin-left:-47px / 2;margin-top:-47px / 2;border-radius:50%;background:#000;z-index:9}.nav ul li.current a{background:#000;color:#fff}.nav ul li.current em{display:block;height:38px;line-height:38px;text-align:center}.nav ul li.current span{display:none}.nav ul li.current i{display:none}.nav ul li.current .second-menu{display:none}.nav ul li.current .second-menu em{width:194.66667px;height:47px;line-height:47px}.nav ul li.current:hover em{color:#fff}.nav ul li.current:hover .second-menu a{background-color:#fff}.nav ul li.current:hover .second-menu a:hover em{color:#fff}.nav ul li.current:hover .second-menu em{color:#000;width:194.66667px;height:47px;line-height:47px}.nav ul li:hover a{color:#000}.nav ul li:hover em{display:block;text-align:center;margin:0 auto}.nav ul li:hover span{display:none}.nav ul li:hover .second-menu{display:block;background:#fff}.nav ul li:hover .second-menu em{color:#000;background-color:#fff}.nav ul .second-menu a:hover em{color:#fff;background-color:transparent}.nav ul .second-menu a:hover i{display:block;animation:0s rainbow-seconed-menu forwards;-webkit-animation:0s rainbow-seconed-menu forwards;-moz-animation:0s rainbow-seconed-menu forwards;-ms-animation:0s rainbow-seconed-menu forwards;width:122px\9;margin-left:0\9;left:0\9;width:122px\0;margin-left:0\0;left:0\0;border-radius:0\0}.nav ul li a:hover em{color:#fff}.nav ul li a:hover i{display:block;animation:.5s rainbow forwards;-webkit-animation:.5s rainbow forwards;-moz-animation:.5s rainbow forwards;-ms-animation:.5s rainbow forwards;width:122px\9;margin-left:0\9;left:0\9;width:122px\0;margin-left:0\0;left:0\0;border-radius:0\0}.slide-main{position:relative;width:100%;height:500px;overflow:hidden;min-width:1180px}.slide-main .slide-box-warp{float:left;display:inline-block;width:1180px;height:500px;margin:0 auto;position:relative}.slide-main .left-overlay,.slide-main .right-overlay{float:left;position:relative;display:inline-block;height:100%;width:calc((100% - 1180px) / 2);background:rgba(255,255,255,0.5);z-index:7}.slide-box{position:relative;margin:0}.slide-box .slide-wrap{position:relative}.slide-box .slide-wrap .box{float:left;height:500px;position:relative}.slide-box .slide-wrap .box img{display:block;width:100%;max-width:100%;vertical-align:middle}.slide-navigator{position:absolute;left:0;right:0;bottom:10px;text-align:center}.slide-navigator .dib{padding:5px;border-radius:10px;background-color:rgba(0,0,0,0.2);display:inline-block;*display:inline !important;zoom:1}.slide-navigator .dib a{float:left;width:11px;height:11px;margin:0 10px 0 0;background-image:url("../images/yohood/greydot-2x.png");background-image:url("../images/yohood/greydot.png") \9;background-size:100% 100%}.slide-navigator .dib a:focus{outline:none}.slide-navigator .dib .on{background-image:url("../images/yohood/blackdot-2x.png");background-image:url("../images/yohood/blackdot.png") \9;background-size:100% 100%}.slide-navigator .dib a:first-child{margin-left:10px}.slide-control a{position:absolute;top:50%;margin:-16px 0 0 0;font-size:42px;color:#FFF}.slide-control a:focus{outline:none}.slide-control .slide-prev{left:63px}.slide-control .slide-next{right:63px}.content-tab{margin:30px 0 0 0;text-align:center}.content-tab ul{display:inline-block;*display:inline !important;*zoom:1}.content-tab ul li{float:left;margin-left:18px}.content-tab ul li a{display:block;padding:0 10px;line-height:30px;color:#000;border:1px solid #000;border-radius:2px;font-size:14px}.content-tab ul li a:focus{outline:none}.content-tab ul:first-child{margin-left:0}.content-tab ul li.current a{background:#000;color:#fff}.main-layout{margin:0 auto}.main-layout .layout-item{float:left;overflow:hidden;width:342px;height:420px;margin:0 25px 26px}.main-layout .layout-item .image-box{position:relative;overflow:hidden;width:342px;height:218px}.main-layout .layout-item .image-box a img{display:block;margin:0 auto;max-width:100%}.main-layout .layout-item .image-box a:focus{outline:none}.main-layout .layout-item .image-box .play-icon{position:absolute;width:50px;height:43px;background:url("../images/yohood/play.png");background-size:100% 100%;left:50%;top:50%;margin:-22px 0 0 -25px}.main-layout .layout-item .image-box .play-icon.small{background:url("../images/yohood/play-small.png")}.main-layout .layout-item .item-info{height:18px;line-height:18px;margin:26px 0 0}.main-layout .layout-item .item-info .item-tag{display:inline-block;width:64px;height:18px;background:#000;line-height:18px;color:#fff;text-align:center}.main-layout .layout-item .item-info .brand-info{background:#1a72ff}.main-layout .layout-item .item-info .activity-intro{background-color:#ffc000}.main-layout .layout-item .item-info .spotlight-activity{background-color:#ff365c}.main-layout .layout-item .item-info .limited-edition{background-color:#21dbcc}.main-layout .layout-item .item-info .item-time{float:right;margin:0;color:#b2b2b2;font-size:12px;font-weight:100;background:#fff;font-style:italic}.main-layout .layout-item .content{margin:25px 0 0 0}.main-layout .layout-item .content h2 a{line-height:24px;font-size:20px;font-weight:bold;color:#000}.main-layout .layout-item .content h2 a:focus{outline:none}.main-layout .layout-item .content p{color:#616161;margin:24px 0 0 0;font-size:13px;line-height:20px}.main-layout .layout-item .content a{color:#616161;display:inline-block}.pagination{margin:30px 0 0;text-align:center}.pagination .pagination-inner{display:inline-block;*display:inline !important;zoom:1}.pagination .pagination-inner a{float:left;margin:0 5px 0;width:28px;height:28px;line-height:28px;font-size:14px;color:#000;border:1px solid #000}.pagination .pagination-inner a:focus{outline:none}.pagination .pagination-inner .page-fold{border:0}.pagination .pagination-inner .current{background:#000;color:#fff;border-radius:2px}.pagination .pagination-inner .prev,.pagination .pagination-inner .next{width:85px}.cooperation-list{width:1180px;margin:0}.cooperation-list li{float:left;margin:0 45px 27px 0}.cooperation-list li a{display:block}.cooperation-list li a:focus{outline:none}.cooperation-list li .img-box{width:200px;height:120px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center}.cooperation-list li p{margin:16px 0 0 0;line-height:16px;text-align:center;color:#000}.cooperation-list li:nth-child(5n){margin-right:0}.return-top{width:42px;height:42px;position:fixed;bottom:50px;left:50%;margin-left:568px}.return-top a{color:#000}.return-top span{display:block;border:1px solid #000;font-size:27px;text-align:center}.img-zoom{display:none;position:fixed;z-index:102;left:50%;top:50%}.img-zoom img{display:block}.img-zoom.show{display:block}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);background:#000 \9;filter:alpha(opacity=50) \9;width:100% \9;height:100% \9;z-index:101}.overlay.show{display:block}.share{position:absolute;z-index:99;left:50%;top:367px;margin-left:-596px}.share h4{font-size:14px;margin-bottom:5px}.share li{position:relative;width:34px;height:34px;margin-bottom:13px}.share li img{display:block;width:100%}.share .wx-qrcode-dialog{display:none;position:absolute;background:url("../images/yohood/share-wx-bg.png");width:223px;height:220px;left:50px;top:-88px;padding:12px 0 0 0;text-align:center}.share .wx-qrcode-dialog .wx-popup-hd{margin-bottom:5px;font-size:16px}.share .wx-qrcode-dialog .wx-popup-bd{width:125px;height:125px;margin:0 auto}.share .wx-qrcode-dialog .wx-popup-bd img{display:block;width:100%}.share .wx-qrcode-dialog .wx-popup-ft{font-size:14px}.ft{width:100%;min-width:1180px}.ft hr{margin:-1px auto;width:1180px;border:0;border-top:1px solid #e0e0e0}.ft .copyright{margin:0 auto;line-height:70px;color:#444;width:1180px;text-align:center}.bd{margin:0 auto;min-width:1180px}.wrapper{width:980px;margin:0 auto}.content-wrap{width:1180px;margin:50px auto 30px}.cooperation{margin:50px 0 0;height:240px;background:#f5f5f5}.cooperation .cooperation-slide-warp{position:relative;width:1180px;margin:0 auto}.cooperation .cooperation-slide-warp .cooperation-slide-box{position:relative;width:1180px;overflow:hidden;height:240px}.cooperation .cooperation-slide-warp .cooperation-slide-control a{position:absolute;top:50%;margin-top:-16px;color:#000;font-size:26px}.cooperation .cooperation-slide-warp .cooperation-slide-control .cooperation-slide-prev{left:-40px}.cooperation .cooperation-slide-warp .cooperation-slide-control .cooperation-slide-next{right:-40px}.cooperation .cooperation-slide-warp .cooperation-slide-control .disable{color:#d9d9d9;cursor:default}.cooperation-slide-box .slide-wrap{position:relative;overflow:hidden}.cooperation-slide-box .slide-wrap .box{background-color:#f5f5f5;position:relative;float:left;padding:50px 40px 0 0;width:550px;height:240px}.cooperation-slide-box .slide-wrap .box h2{font-size:14px;line-height:20px}.cooperation-slide-box .slide-wrap .box hr{border:0;border-top:1px solid #e0e0e0}.cooperation-slide-box .slide-wrap .box ul li{float:left;width:120px;height:55px;margin:10px 14px 0 0}.cooperation-slide-box .slide-wrap .box ul li a{width:120px;height:55px;display:table-cell;vertical-align:middle;text-align:center}.cooperation-slide-box .slide-wrap .box ul li a img{max-width:100%;max-height:100%}.cooperation-slide-box .slide-wrap .big-size{width:1140px}.right-banner-warp{display:none}.right-banner.layout-item .image-box{height:420px;margin-bottom:26px}.activity-main{margin:30px 0 50px 0}.activity-content{display:none}.activity-content:first-child{display:block}.activity-content.current{display:block}.activity-content .section{width:820px;text-align:center;margin:0 auto 20px}.activity-content .section p{text-align:left;font-size:14px;line-height:18px;color:#000}.activity-content .section h4{text-align:left;font-weight:bold}.activity-cooperation .section{text-align:left;margin:0 0 12px 0}.activity-cooperation .section h2{color:#000;line-height:20px;font-size:18px;font-weight:bold}.contant-tab{margin:30px 0 0 0;text-align:center}.contant-tab ul{display:inline-block}.contant-tab ul li{float:left;margin-left:18px}.contant-tab ul li a{display:block;padding:0 10px;line-height:30px;color:#000;border:2px solid #7e7e7e;border-radius:2px;font-size:14px}.contant-tab ul:first-child{margin-left:0}.contant-tab ul li.current a{background:#000;color:#fff}.news-wrap{width:1180px;margin:0 auto}.news-tab ul li{width:140px;height:40px;margin-left:0}.news-tab ul li a{height:40px;line-height:40px;border-radius:0;border-right:0}.news-tab ul li:last-child a{border-right:1px solid #000}.news-main{margin:30px 0 50px 0}.brand-main{width:1180px;margin:50px auto}.search-wrap{position:relative;width:306px;height:36px;margin:0 auto;padding:0;line-height:36px}.search-wrap input{width:260px;height:36px;line-height:36px\9;padding:0 36px 0 10px;margin:0;border:none;background:url("../images/yohood/search-bg.png");outline:none}.search-wrap .search-btn{position:absolute;top:0px;right:10px;color:#000;font-weight:bold}.search-wrap .search-btn:focus{outline:none}.brand-content{margin:43px 0 0 0}.brand-content .no-search{display:none;margin:100px 0 120px 0;text-align:center;line-height:22px;font-size:16px}.brand-content .no-search a{font-size:16px;color:#000}.brand-content .no-search a:hover{text-decoration:underline}.brand-list li{float:left;position:relative}.brand-list li .close-tag{position:absolute;font-size:25px;top:32px;right:32px}.brand-list li .img-box{position:relative}.brand-list li .img-box img{max-width:160px;max-height:100px}.brand-list li .img-box .grey-brand-logo{opacity:.8;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.brand-list li .img-box .grey-brand-logo:hover{opacity:1;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none}.brand-introduction{display:none;position:fixed;max-width:900px;max-height:750px;top:50%;left:50%;margin:-355px 0 0 -452px;padding:50px 80px 0;z-index:102;background:#fff}.brand-introduction h2{font-size:18px;color:#000;line-height:20px}.brand-introduction .brand-info{margin:40px 0 0 0;padding-bottom:20px}.brand-introduction .brand-info .pic{float:left;width:235px;height:235px;overflow:hidden;margin-top:6px}.brand-introduction .brand-info .pic img{width:100%}.brand-introduction .brand-info .text{float:left;margin:0 0 0 20px}.brand-introduction .brand-info .text p{width:480px;height:188px;max-height:188px;overflow-x:hidden;overflow-y:auto;margin:0;line-height:24px;font-size:14px;text-align:left}.brand-introduction .brand-info a{font-size:16px;display:inline-block;height:33px;margin-top:15px;margin-left:20px;padding:.3em 1.5em;line-height:2em;border:1px solid #000;background:#fff;color:#000}.brand-introduction .brand-close-btn{position:absolute;color:#b2b2b2;top:10px;right:10px}.brand-related-post{margin:0 0 50px 0}.brand-related-post h3{font-size:20px;font-weight:bold}.brand-related-post .post-list .time{text-align:left}.video-wrap{width:1180px;margin:50px auto}.site-activity-date{margin:38px 0 0 0;width:120px;line-height:38px;font-size:22px;color:#000;border-bottom:4px solid #000;text-align:center}.site-activity-content{float:left;width:738px}.site-activity-content .main-layout{width:auto;border-left:2px solid #e0e0e0;margin-left:96px;padding-bottom:50px}.site-activity-content .main-layout .layout-section{width:auto;position:relative;padding-top:84px}.site-activity-content .main-layout .layout-section .site-activity-intro{position:absolute;top:28px;left:18px;background:#000;border-radius:2px;padding:0 15px;color:#fff;line-height:28px}.site-activity-content .main-layout .layout-section .site-activity-intro span{position:absolute;left:-6px;top:0;width:6px;height:17px;background:url("../images/yohood/site-activity-intro-icon.png") no-repeat}.site-activity-content .main-layout .layout-section .site-activity-time{position:absolute;color:#000;left:-98px;top:35px}.site-activity-content .main-layout .layout-section .site-activity-icon{position:absolute;width:10px;height:10px;top:40px;left:-6px;background:url("../images/yohood/site-activity-icon.png") no-repeat}.site-activity-content .layout-item{float:none;width:630px;margin:0 0 0 18px}.site-activity-content .layout-item .image-box{float:left;width:310px;height:174px;overflow:hidden}.site-activity-content .layout-item .image-box a{display:table-cell;width:310px;height:174px;text-align:center;vertical-align:middle}.site-activity-content .layout-item .content{float:left;margin-left:28px;width:290px}.site-activity-content .layout-item .content a{cursor:default}.site-activity-tab.fix{position:fixed;top:0;left:50%;width:134px;margin:10px 0 0 356px}.site-activity-tab{float:right;margin-top:79px}.site-activity-tab h4{line-height:42px;padding-top:14px;border-top:1px dashed #979797;font-size:14px;text-align:center}.site-activity-tab li{width:130px;margin-bottom:18px;line-height:42px;background:#fff;text-align:center;font-size:14px;border:2px solid #7e7e7e;border-radius:2px}.site-activity-tab li a{display:block;color:#000}.site-activity-tab .current{border-radius:0;background:#000;border-color:#000}.site-activity-tab .current a{color:#fff}.site-activity-tab .disable{border-color:#ccc}.site-activity-tab .disable a{color:#ccc;cursor:default}.show-title{line-height:98px;font-size:24px;color:#0099bb;text-align:center}.show-wrap{width:1180px;margin:0 auto;padding-bottom:50px}.show-wrap .layout-item{height:450px}.show-wrap .layout-item .image-box{height:342px;overflow:visible}.show-wrap .layout-item .image-box img{width:100%;height:100%}.show-wrap .layout-item .content p{font-size:20px;font-weight:bold;color:#282828}.show-wrap .layout-item .content .time{font-size:12px;font-weight:normal;color:#8c8c8c}.img-zoom .close-btn{position:absolute;top:6px;right:-58px;width:27px;height:27px;background-image:url("../images/yohood/close-btn.png");background-size:100% 100%}.pic-tip{display:block;position:absolute;left:80px;top:80px;background:rgba(255,255,255,0.9);color:#009abe;text-decoration:none;height:18px;line-height:18px;padding:0 5px;border-radius:11px;font-family:'Helvetica';font-weight:bold;box-shadow:1px 2px 2px rgba(0,0,0,0.5);background:#fff\9;filter:alpha(opacity=90);white-space:nowrap;z-index:1;cursor:default}.pic-tip:hover{display:block}.pic-tip:after{display:none\9;position:absolute;content:"";background-image:url("../images/yohood/vedio-btn.png");background-repeat:no-repeat;background-position:0 -55px;background-size:30px 310px;width:7px;height:5px;top:13px;left:-2px}.detail-wrap{width:1080px;margin:0 auto}.detail-title{margin:48px 0 28px;width:644px;font-size:28px}.detail-title h2{line-height:40px;font-weight:bold}.detail-title .item-info{height:20px;line-height:20px;margin:26px 0 0;font-size:12px}.detail-title .item-info .item-tag{display:inline-block;width:auto;height:auto;padding:0 11px;background:#000;line-height:20px;color:#fff}.detail-title .item-info .brand-info{background:#1a72ff}.detail-title .item-info .activity-intro{background-color:#ffc000}.detail-title .item-info .spotlight-activity{background-color:#ff365c}.detail-title .item-info .limited-edition{background-color:#21dbcc}.detail-title .item-info .item-time{margin:0 0 0 20px;color:#b2b2b2;font-size:12px;background:#fff;font-style:italic}.detail-body{float:left;width:740px}.detail-body img{max-width:100%}.detail-video{width:740px;height:425px;position:relative;overflow:hidden;margin:0 0 30px 0}.detail-video .play-icon{position:absolute;width:50px;height:43px;background:url("../images/yohood/play.png");background-size:100% 100%;left:50%;top:50%;margin:-22px 0 0 -25px;z-index:100}.detail-slide{margin-bottom:20px}.detail-slide-body{position:relative;width:100%;height:425px;overflow:hidden}.detail-slide-body .detail-slide-piclist{height:425px;overflow:hidden;position:relative}.detail-slide-body .detail-slide-piclist .box{float:left;width:740px;height:425px;line-height:425px;position:relative;background:#000;text-align:center}.detail-slide-body .detail-slide-piclist .box img{max-width:100%;vertical-align:middle}.slide-shadow a{position:absolute;width:50px;top:0;bottom:0}.slide-shadow a:focus{outline:none}.slide-shadow .slide-shadow-prev{left:0}.slide-shadow .slide-shadow-next{right:0}.detail-slide-big-ctrl a{display:none;position:absolute;font-size:40px;top:50%;color:#fff;margin-top:-30px;z-index:20}.detail-slide-big-ctrl a:focus{outline:none}.detail-slide-big-ctrl .slide-big-ctrl-prev{left:5px}.detail-slide-big-ctrl .slide-big-ctrl-next{right:5px}.detail-slide-ctrl{padding:15px 0 0 0;width:100%;height:86px;overflow:hidden;position:relative}.detail-slide-ctrl .box{width:148px;height:86px}.detail-slide-ctrl .detail-slide-ctrl-prev,.detail-slide-ctrl .detail-slide-ctrl-next{display:inline;position:absolute;top:15px;width:30px;height:86px;line-height:86px;font-size:18px;text-align:center;color:#fff;background:rgba(0,0,0,0.2)}.detail-slide-ctrl .detail-slide-ctrl-prev{left:0}.detail-slide-ctrl .detail-slide-ctrl-next{right:0}.detail-slide-ctrl-tabs{position:relative;left:0;top:0}.detail-slide-ctrl-tabs li{position:relative;float:left}.detail-slide-ctrl-tabs li img{display:block;width:148px;height:86px}.detail-slide-ctrl-tabs li .cover{position:absolute;left:0px;right:0px;top:0px;bottom:0px;background:rgba(0,0,0,0.5)}.detail-slide-ctrl-tabs li .cover.on{background:transparent}.text-body{margin:0 0 25px 0;font-size:14px;line-height:28px;color:#000;word-break:break-all}.text-body p{margin:0 0 25px}.text-body a{color:#000;text-decoration:underline}.related-post h3{font-weight:bold}.related-post .post-list{margin-top:17px;width:740px}.related-post .post-list .layout-item{float:left;width:235px;height:255px;margin:0 17.5px 0 0}.related-post .post-list .layout-item .image-box{width:235px;height:135px;overflow:hidden}.related-post .post-list .layout-item .image-box a{display:table-cell;width:235px;height:135px;vertical-align:middle}.related-post .post-list .layout-item .image-box a img{margin:0 auto}.related-post .post-list .layout-item .content .volupia{margin:22px 0 0 0;line-height:20px}.related-post .post-list .layout-item .content .volupia a{font-size:14px;font-weight:bold}.related-post .post-list .layout-item .content .time{margin:22px 0 0;color:#b2b2b2;font-size:12px;font-style:italic}.related-post .post-list .layout-item .content a{word-break:break-all}.related-post .post-list .layout-item:last-child{margin:0}.detail-related-post{margin:100px 0 80px 0}.detail-related-post h3{font-size:22px;font-weight:bold;min-width:5em;width:5em;text-align:center;border:1px solid #000;padding:.3em 4em;margin:0 auto}.detail-related-post hr{margin:32px 0 40px 0;border:0;border-top:1px solid #e3e3e3}.detail-side{width:290px;float:left;margin:0 0 0 50px;padding-bottom:62px}.detail-ad{width:290px}.detail-ad li{margin-bottom:30px}.detail-ad li img{width:100%;display:block;max-width:100%}.side-related-post.fix{position:fixed;top:0px}.side-related-tab{margin:50px 0 20px 0;border:1px solid #000}.side-related-tab a{float:left;width:140px;text-align:center;font-size:14px;opacity:.7;height:48px;line-height:48px;color:#000;font-weight:bold}.side-related-tab span{display:inline-block;padding:.2em 0;font-size:2em;float:left}.side-related-tab a.current{opacity:1}.side-related-list{width:290px;display:none}.side-related-list.current{display:block}.side-related-list .layout-item{width:290px;height:95px;float:none;margin:0}.side-related-list .layout-item .image-box{float:left;width:92px;height:54px;overflow:hidden}.side-related-list .layout-item .image-box img{display:block;width:100%;height:100%}.side-related-list .layout-item .image-box .play-icon{width:20px;height:20px;margin:-10px 0 0 -10px}.side-related-list .layout-item .content{float:left;margin:0 0 0 16px;width:182px}.side-related-list .layout-item .content h2{margin:0}.side-related-list .layout-item .content h2 a{font-size:14px;font-weight:normal;line-height:20px}.side-related-list .layout-item .content .time{color:#b2b2b2;font-size:12px;font-style:italic}.side-related-list .layout-item hr{margin:20px 0 0;float:left;width:290px;border:0;border-top:1px solid #e3e3e3}.detial-img-zoom .img-zoom .close-btn{display:none}.detial-img-zoom .img-zoom .img-zoom-ctrl-prev,.detial-img-zoom .img-zoom .img-zoom-ctrl-next{position:fixed;top:50%;margin:-16px 0 0 0;color:#fff;font-size:50px}.detial-img-zoom .img-zoom .img-zoom-ctrl-prev{left:50px}.detial-img-zoom .img-zoom .img-zoom-ctrl-next{right:50px}.contact-us-wrap{width:1180px;margin:50px auto}.contact-us-wrap .info-list{float:left;border:1px solid #000;padding:32px}.contact-us-wrap .info-list .info-title{text-align:center;font-weight:bold;margin:0 auto 32px auto}.contact-us-wrap .info-list .info-section{margin-bottom:32px;font-size:16px;line-height:28px}.contact-us-wrap .info-list .info-section h2{font-weight:bold}.contact-us-wrap .info-list .contact-us-section:last-child{margin-bottom:0}.contact-us-info{width:600px;margin:0 0 0 25px}.contact-us-info .contact-us-title{font-size:30px}.contact-us-info .contact-us-section{font-size:14px}.public-number-info{width:300px;margin:0 0 0 50px}.public-number-info .public-number-title{font-size:18px}.public-number-info .public-number-section{text-align:center;font-size:14px}.public-number-info .public-number-section img{width:200px;height:200px}.sh-hd{height:500px;background:url("../images/yohood/sh/img01.jpg") no-repeat center center}.sh-bd{background:#1f1d1e}.sh-bd div{height:300px}.sh-bd .section1{background:url("../images/yohood/sh/img02.jpg") no-repeat center center}.sh-bd .section2{background:url("../images/yohood/sh/img03.jpg") no-repeat center center}.sh-bd .section3{background:url("../images/yohood/sh/img04.jpg") no-repeat center center}.sh-bd .section4{background:url("../images/yohood/sh/img05.jpg") no-repeat center center}.sh-bd .section5{background:url("../images/yohood/sh/img06.jpg") no-repeat center center}.sh-bd .section6{background:url("../images/yohood/sh/img07.jpg") no-repeat center center}.sh-bd .section7{background:url("../images/yohood/sh/img08.jpg") no-repeat center center}.sh-bd .section8{background:url("../images/yohood/sh/img09.jpg") no-repeat center center}.sh-bd .section9{background:url("../images/yohood/sh/img10.jpg") no-repeat center center}.sh-bd .section10{background:url("../images/yohood/sh/img11.jpg") no-repeat center center}.sh-bd .section11{background:url("../images/yohood/sh/img12.jpg") no-repeat center center}.sh-bd .section12{background:url("../images/yohood/sh/img13.jpg") no-repeat top center}.pull-left{float:left}.pull-right{float:right}.error{color:#f00}.yoho-banner-w{width:100%;height:140px;background:#f9f9f9;overflow:hidden}.yoho-header-w{width:100%;height:140px;background:#f9f9f9;overflow:hidden;position:relative;text-align:center}.yoho-header-title{display:inline-block;padding:0 65px;top:50%;margin-top:-40px;font-weight:bold;color:#fff;position:relative;vertical-align:middle;text-align:center}.yoho-header-title .main-header{font-size:18px;color:#d41728}.yoho-header-title .second-header{font-size:11px;color:#000}.submit-content{width:990px;margin:0 auto;height:auto;overflow:hidden}.submit-content .page-header{margin-top:45px;height:auto;overflow:hidden;font-size:28px;font-weight:bold;color:#000}.submit-content .page-header a{padding:0 30px;text-decoration:none;cursor:pointer;color:#b0b0b0}.submit-content .page-header a.end{border-left:2px solid #7f7f7f}.submit-content .page-header a.active{color:#000;text-decoration:none}.submit-content .page-header a.active span{padding-bottom:3px;border-bottom:2px solid #000}.submit-content .pull-left{width:340px;padding-top:50px}.submit-content .content-sub{height:150px;border:1px solid #cfcfcf;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:28px 30px;line-height:28px;color:#3f3f3f;font-size:14px}.submit-content .content-sub span{width:58px;display:block;float:left;text-align:justify;text-justify:auto}.submit-content .content-sub p{float:left;display:block;width:200px}.submit-content .pull-right{width:648px;padding-top:50px}.submit-content .pull-right h2.content-header{text-indent:100px;font-size:23px;color:#000;font-weight:bold;margin-bottom:38px}.submit-content .pull-right h2.content-header a{width:150px;height:30px;line-height:30px;color:#444;border:1px solid #444;text-align:center;float:right;font-size:12px;text-indent:0;cursor:pointer}.submit-content .pull-right .form-leading{float:left;width:210px;text-align:right;height:30px;line-height:30px;font-size:14px;color:#444}.submit-content .pull-right .form-leading b{color:#ff2424}.submit-content .pull-right .form-control{float:left;width:438px;line-height:30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:30px}.submit-content .pull-right li{margin-bottom:18px;height:auto;overflow:hidden}.submit-content .pull-right li.h-auto{height:auto;overflow:hidden}.submit-content .pull-right li input[type="text"]{border:1px solid #e8e8e8;height:28px;background:none;outline:none;line-height:28px;display:block;width:405px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.submit-content .pull-right li input[type="text"].pic-code{width:111px;float:left}.submit-content .pull-right li textarea{border:1px solid #e8e8e8;height:100px;outline:none;display:block;width:405px;max-width:405px;min-width:405px;padding:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.submit-content .pull-right li .pic-code-text{display:block;width:80px;height:30px;border:1px solid #f7f7f7;background:#e8e8e8;line-height:30px;text-align:center;float:left;margin-left:20px}.submit-content .pull-right li .upload-tips{font-size:12px;color:#b0b0b0}.submit-content .pull-right li .upload-tips.error{color:red}.submit-content .pull-right li .has-upload{margin:10px 0;height:auto;overflow:hidden;display:none}.submit-content .pull-right li .has-upload span{display:block;float:left;padding:0 30px 0 15px;text-align:center;border:1px solid #ededed;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;position:relative}.submit-content .pull-right li .has-upload span b{text-indent:-100000px;display:inline-block;width:20px;height:20px;background:url('../images/yohood/mobile/clo.png?1459837582') center center no-repeat;cursor:pointer;position:absolute;top:50%;margin-top:-10px;right:5px}.submit-content .pull-right li.upload-list{height:auto;overflow:hidden}.submit-content .pull-right .submit-w-btn{border:none;display:block;width:112px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#1a1a1a;margin:35px 145px 400px auto;cursor:pointer}.submit-content .pull-right .submit-w-btn.dis{background:#ccc}.dialog-w{position:fixed;width:100%;height:100%;display:block;top:0;left:0;z-index:1000;background:url('../images/yohood/mobile/op.png?1459837582')}.dialog-w .dia-content{width:600px;height:430px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-300px;margin-top:-215px}.dialog-w .dia-content span{position:absolute;display:block;width:100%;height:100%;background:url('../images/yohood/mobile/submit-success.png?1459837582') center center no-repeat;top:0;left:0}.apply-content{width:1080px;margin:0 auto;margin-top:45px}.apply-content .apply-enter{width:100%;height:auto;overflow:hidden}.apply-content .apply-enter li{float:left;width:342px;height:auto;overflow:hidden;position:relative;text-align:center}.apply-content .apply-enter li div.background{height:420px;position:relative}.apply-content .apply-enter li div.background a{display:block;width:100%;height:55px;position:absolute;bottom:38px;cursor:pointer}.apply-content .apply-enter li.apply-left .background{background:url('../images/yohood/mobile/czs.png?1461766743') center center no-repeat}.apply-content .apply-enter li.apply-center{margin:0 27px}.apply-content .apply-enter li.apply-center .background{background:url('../images/yohood/mobile/mt.png?1461766745') center center no-repeat}.apply-content .apply-enter li.apply-right .background{background:url('../images/yohood/mobile/zzs.png?1461766747') center center no-repeat}.apply-content .apply-enter li .apply-operate{display:inline-block;color:#444;font-size:16px;margin-top:30px;margin-bottom:80px}.apply-content .apply-enter li .apply-operate a{display:inline-block;border:1px solid #444;width:140px;height:40px;line-height:40px;text-align:center;margin:0 5px;cursor:pointer;color:#444}.submit-content .pull-right .media-down li{height:95px}.media-down{padding-left:65px}.media-down li{position:relative;border-bottom:1px solid #cfcfcf}.media-down li h2{font-size:18px;font-weight:bold;color:#000;width:465px}.media-down li div{font-size:14px;color:#444;margin-top:12px;font-weight:bold}.media-down li div .media-date{font-size:12px;font-weight:normal;color:#a6a6a5}.media-down li .down-btn{width:112px;height:40px;text-align:center;line-height:40px;display:block;position:absolute;right:0;top:50%;margin-top:-20px;color:#fff;font-size:14px;background:#000;cursor:pointer}#introduction-tips{display:none}#introduction-tips span{color:red}.submit-content .pull-right .exhibitor-down li{height:auto}.exhibitor-down{padding:0 15px;margin-bottom:100px}.exhibitor-down ul{height:auto;overflow:hidden}.exhibitor-down ul li{float:left;margin:0 15px;text-align:center;width:279px}.exhibitor-down ul li img{display:block;overflow:hidden;width:279px;height:396px}.exhibitor-down ul li span{display:block;width:100%;height:70px;line-height:70px;text-align:center;font-size:14px;color:#3f3f3f;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.exhibitor-down ul li .exhibitor-btn{width:112px;height:40px;text-align:center;line-height:40px;display:inline-block;color:#fff;font-size:14px;background:#000;cursor:pointer}#upload-file{display:block;float:left;background:#ccc;cursor:pointer;text-align:center;margin-right:15px;position:relative}#upload-file object{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.uploadify-queue{display:none}
/*# sourceMappingURL=index.css.map */