fe / YOHOOD · Commits

Go to a project

Authored by 2586703@qq.com
Commit c3a9a0bb4d4612426d44c1dfba347cb31fbe4d07 1 parent a50be154

联系我们 show html css

Inline Side-by-side
Showing 4 changed files with 216 additions and 2 deletions
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<link rel="stylesheet" href="../../../res/css/mobile.css"/>
</head>
<body>
<div class="mobile-wrap">
<div class="hd">
<div class="header-download clearfix">
<div class="tip-pic"></div>
<div class="tip-info">
<h2>YOHO!有货</h2>
<p>随手随心，潮流购物利器大公开</p>
<a class="yohoboy-download-app">OPEN</a>
</div>
<span class="tip-close"></span>
</div>
<h1 class="logo iconfont"><a class="back-btn iconfont" href="javascript:;">&#xe60f;</a>&#xe60b;</h1>
</div>
<div class="bd">
<div class="contact-us-section">
<h2>客户服务</h2>
<p>Email：wen@yoho.cn</p>
</div>
<div class="contact-us-section">
<p>-</p>
<h2>广告服务</h2>
<p>北京：010-85253558-814</p>
<p>上海：021-51001909-8005</p>
<p>广州：020-83831060/83777600-811</p>
<p>Email：niki.li@yoho.cn</p>
</div>
<div class="contact-us-section">
<p>-</p>
<h2>市场合作</h2>
<p>上海：021-51001909-8013</p>
<p>Email：marketing@yoho.cn</p>
</div>
<div class="contact-us-section">
<p>-</p>
<h2>网站合作：</h2>
<p>Email：community@yoho.cn</p>
</div>
<div class="contact-us-section">
<p>-</p>
<h2>有货品牌合作</h2>
<p>上海：021-51001909-8007</p>
<p>广州：020-83831060/83777600</p>
<p>Email：yhpp@yoho.cn</p>
</div>
<div class="contact-us-section">
<p>-</p>
<h2>有货市场推广</h2>
<p>Email：haizheng.zhao@yoho.cn</p>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
seajs.use(['zepto', 'mobile'],function($, mobile){
//mobile.common();
mobile.scene();
})
</script>
</html>
\ No newline at end of file
... ...
... ... @@ -24,7 +24,7 @@
</div>
<h1 class="logo iconfont"><a class="back-btn iconfont" href="javascript:;">&#xe60f;</a>&#xe60b;</h1>
</div>
<div class="bd">
<div class="bd scene-bd">
<div class="scene-tab">
<ul class="clearfix">
<li class="current"><a href="javascript:;">09-20</a></li>
... ...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>show</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<link rel="stylesheet" href="../../../res/css/mobile.css"/>
</head>
<body>
<div class="mobile-wrap">
<div class="hd">
<div class="header-download clearfix">
<div class="tip-pic"></div>
<div class="tip-info">
<h2>YOHO!有货</h2>
<p>随手随心，潮流购物利器大公开</p>
<a class="yohoboy-download-app">OPEN</a>
</div>
<span class="tip-close"></span>
</div>
<h1 class="logo iconfont"><a class="back-btn iconfont" href="javascript:;">&#xe60f;</a>&#xe60b;</h1>
</div>
<div class="bd">
<h2 class="main-title show-title">#YO'HOOD SHOW#</h2>
<div class="show-wrap clearfix">
<div class="main-layout clearfix">
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img data-original="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
</a>
<a class="pic-tip" href="javascript:;" style="top:20%;left:20%;">banana</a>
<a class="pic-tip" href="javascript:;" style="top:30%;left:30%;">111111111111111</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img data-original="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="">
</a>
<a class="pic-tip" href="javascript:;">122</a>
<a class="pic-tip" href="javascript:;">33</a>
</div>
<div class="content">
<p>contentcontentco ntentconten tcontentc ontentc ontentcontentcontent</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="">
</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="">
</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="">
</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="">
</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="">
</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="layout-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="">
</a>
</div>
<div class="content">
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
</div>
<div id="pageContent" style="text-align: center;" class="pagination">
<div class="pagination-inner clearfix" id="img_page" model="default" rel="">
<a href="javascript:;"><span class="iconfont">&#xe60f;</span>&nbsp;PREV</a>
<a href="javascript:;">NEXT&nbsp;<span class="iconfont">&#xe610;</span></a>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
seajs.use(['zepto', 'mobile'],function($, mobile){
//mobile.common();
mobile.brand();
})
</script>
</html>
\ No newline at end of file
... ...
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 "arial","helvetica","微软雅黑";color:#000;width:100%;height: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}@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}html{font-size:20px}@media only screen and (min-width: 360px){html{font-size:22.5px !important}}@media only screen and (min-width: 375px){html{font-size:23.43px !important}}@media only screen and (min-width: 401px){html{font-size:25px !important}}@media only screen and (min-width: 428px){html{font-size:26.75px !important}}@media only screen and (min-width: 480px){html{font-size:30px !important}}@media only screen and (min-width: 569px){html{font-size:35px !important}}@media only screen and (min-width: 640px){html{font-size:40px !important}}.header-download{position:relative;height:2.2rem;border-top:1px solid #bcbcbe;border-bottom:1px solid #000}.header-download .tip-pic{position:absolute;top:50%;left:1rem;width:1.8rem;height:1.8rem;margin:-0.9rem 0 0 0;background:url('../images/yohood/mobile/app-icon.png?1429867973');background-size:100% 100%}.header-download .tip-info{position:relative;margin:0 0 0 3.1rem}.header-download .tip-info h2{font-size:0.6rem;line-height:0.7rem;margin-top:0.4rem}.header-download .tip-info p{color:#959192;font-size:0.5rem;line-height:0.7rem}.header-download .tip-info .yohoboy-download-app{position:absolute;width:2.65rem;height:1.05rem;top:0.1rem;right:1.5rem;border:1px solid #000;line-height:1.05rem;border-radius:2px;text-align:center;font-size:0.5rem}.header-download .tip-close{position:absolute;width:1rem;height:1rem;top:0;right:0;background:url('../images/yohood/mobile/tip-c.png?1430900294');background-size:100% 100%}.logo{position:relative;height:2.15rem;line-height:2.15rem;text-align:center;font-size:1.2rem;border-bottom:1px solid #000}.logo .back-btn{position:absolute;left:0.5rem;font-size:1.1rem;color:#000}.bd{padding-bottom:1.5rem}.slide-main{position:relative}.slide-box{position:relative;visibility:hidden;overflow:hidden;height:7.75rem}.slide-box .slide-wrap{overflow:hidden;position:relative}.slide-box .slide-wrap .box{float:left;width:100%;position:relative}.slide-box .slide-wrap .box img{display:block;width:100%}.slide-navigator{position:absolute;left:0;right:0;bottom:5px;text-align:center}.slide-navigator .dib{display:inline-block}.slide-navigator .dib a{float:left;width:0.3rem;height:0.3rem;margin-left:0.15rem;background:#d0cfcb;border-radius:50%}.slide-navigator .dib a:first-child{margin-left:0}.slide-navigator .dib .on{background:#989795}.layout-item{margin:0 0 2.25rem 0}.layout-item .image-box{position:relative;height:10.3rem;overflow:hidden}.layout-item .image-box .item-tag{position:absolute;bottom:0;left:0;height:1.25rem;padding:0 0.5rem;line-height:1.25rem;background:#000;color:#fff;font-size:0.7rem}.layout-item .content{margin:0.5rem 0 0 0;padding:0 0.8rem}.layout-item .content h2 a{line-height:1.25rem;color:#000;font-size:1rem}.layout-item .content p{margin:0.5rem 0 0 0;font-size:0.7rem;line-height:1rem}.layout-item .content .time{color:#aaa;font-size:0.6rem}.pagination-inner{padding:0 0.75rem}.pagination-inner a{float:right;font-size:0.9rem;color:#000}.pagination-inner a span{font-size:0.7rem;vertical-align:8%}.pagination-inner a:first-child{float:left}.cooperation-list{margin:0.6rem 0 0 0}.cooperation-list li{float:left;margin:0 0.45rem 0.45rem 0}.cooperation-list li .img-box{width:6.9rem;height:4.65rem;line-height:4.65rem;border:1px solid #e0e0e0;text-align:center}.cooperation-list li .img-box img{vertical-align:middle}.cooperation-list li p{margin:0.3rem 0;font-size:0.6rem;line-height:0.7rem;text-align:center;color:#000}.home-logo{border:none}.banner-swiper{height:7.8rem;overflow:hidden}.banner-swiper img{width:100%}.channel-list li{float:left;margin:1.1rem 0 0 1.45rem;text-align:center}.channel-list .channel-pic{width:3.3rem;height:3.3rem;line-height:3.3rem;border-radius:50%;border:1px solid #000;text-align:center;color:#000;font-size:1.2rem}.channel-list .video{font-size:0.8rem}.channel-list .recmmend{background:url('../images/yohood/mobile/recmmend.png?1431936747') no-repeat center center;background-size:36% auto}.channel-list .show{background:url('../images/yohood/mobile/show.png?1432276861') no-repeat center center;background-size:36% auto}.channel-list .contact{font-size:0.8rem}.channel-list .channel-name{margin-top:0.45rem;line-height:0.75rem;font-size:0.6rem;font-weight:bold;color:#000}.channel-list .channel-name-cn{line-height:0.75rem;font-size:0.6rem;color:#000}.channel-list li.current .channel-pic{color:#fff;background:#000}.content-tab{margin:0.6rem 0 0 0;text-align:center}.content-tab ul{display:inline-block;border-left:1px solid #000}.content-tab ul li{float:left;border:1px solid #000;border-left:none}.content-tab ul li a{display:block;width:4.8rem;height:1.7rem;line-height:1.7rem;text-align:center;font-size:0.7rem;color:#000}.content-tab ul li.current{background:#000}.content-tab ul li.current a{color:#fff}.activity-main{margin:0.6rem 0 0 0}.activity-content{display:none}.activity-content img{width:100%}.activity-content .section{margin:1.2em 0 0 0}.activity-content .section p,.activity-content .section h4{padding:0 0.8rem;line-height:1rem;font-size:0.7rem}.activity-content.current{display:block}.activity-cooperation{padding:0 0 0 0.8rem}.activity-cooperation h2{font-size:0.8rem;color:#000;line-height:1.1rem}.search-wrap{position:relative;z-index:2;height:2.2rem;padding:0 0.4rem;background:#f0f0f0;text-align:center}.search-wrap input{width:15.2rem;height:1.4rem;margin:0.4rem 0 0 0;border:none;outline:none;font-size:0.7rem}.search-wrap input:focus,.search-wrap input.hasVal{width:13.6rem;padding-left:1.6rem}.search-wrap .search-btn{position:absolute;color:#8e8e93;font-size:0.7rem;top:0.6rem;left:50%;margin-left:-1.05rem}.search-wrap .search-btn span{margin-right:0.1rem;font-size:0.7rem;vertical-align:2%}.search-wrap input:focus ~ .search-btn,.search-wrap input.hasVal ~ .search-btn{left:0.9rem;margin-left:0}.search-wrap input:focus ~ .search-btn em,.search-wrap input.hasVal ~ .search-btn em{display:none}.brand-content{padding:0 0 0 0.8rem}.no-search{display:none;text-align:center;font-size:0.6rem}.no-search a{font-size:0.6rem;line-height:0.8rem;color:#000}.overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1}.overlay.show{display:block}.main-title{font-size:0.8rem;line-height:2.3rem;text-align:center;color:#000}.video-wrap img{width:100%}.bd{padding:0}.scene-tab{margin:0.5rem 0 0 0.7rem;height:1.8rem}.scene-tab ul{display:inline-block}.scene-tab li{float:left;width:4.8rem;height:1.7rem;line-height:1.7rem;text-align:center;background:#fff;border:1px solid #000;border-left:none}.scene-tab li a{font-size:0.6rem;color:#000}.scene-tab li:first-child{border-left:1px solid #000}.scene-tab .current{background:#000}.scene-tab .current a{color:#fff}.scene-tab .disable{background:#ebebeb;color:#fff;border-color:#ebebeb;cursor:default}.scene-tab .disable a{color:#fff}.scene-content{position:relative;margin:0 0 0 0.7rem;border-left:2px solid #e0e0e0}.scene-content .scene-intro{position:absolute;top:0.75rem;left:1.15rem;padding:0 0.8rem;height:1.4rem;line-height:1.4rem;background:#000;color:#fff;font-size:0.6rem}.scene-content .scene-intro:before{position:absolute;content:"";width:0.3rem;height:0.85rem;top:0;left:-0.3rem;background:url("../images/yohood/site-activity-intro-icon.png") no-repeat;background-size:100% 100%}.scene-content .scene-time{position:absolute;top:2.5rem;left:1.15rem;color:#aeaeae}.scene-content .scene-icon{position:absolute;top:1.45rem;left:-0.2rem;width:0.3rem;height:0.3rem;background:url("../images/yohood/site-activity-icon.png") no-repeat;background-size:100% 100%}.scene-content .main-layout{display:none}.scene-content .main-layout.current{display:block}.scene-content .layout-section{position:relative;padding:4.15rem 0 0 0.8rem}.scene-content .layout-item{width:13.6rem}.scene-content .image-box img{width:100%}
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 "arial","helvetica","微软雅黑";color:#000;width:100%;height: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}@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}html{font-size:20px}@media only screen and (min-width: 360px){html{font-size:22.5px !important}}@media only screen and (min-width: 375px){html{font-size:23.43px !important}}@media only screen and (min-width: 401px){html{font-size:25px !important}}@media only screen and (min-width: 428px){html{font-size:26.75px !important}}@media only screen and (min-width: 480px){html{font-size:30px !important}}@media only screen and (min-width: 569px){html{font-size:35px !important}}@media only screen and (min-width: 640px){html{font-size:40px !important}}.header-download{position:relative;height:2.2rem;border-top:1px solid #bcbcbe;border-bottom:1px solid #000}.header-download .tip-pic{position:absolute;top:50%;left:1rem;width:1.8rem;height:1.8rem;margin:-0.9rem 0 0 0;background:url('../images/yohood/mobile/app-icon.png?1429867973');background-size:100% 100%}.header-download .tip-info{position:relative;margin:0 0 0 3.1rem}.header-download .tip-info h2{font-size:0.6rem;line-height:0.7rem;margin-top:0.4rem}.header-download .tip-info p{color:#959192;font-size:0.5rem;line-height:0.7rem}.header-download .tip-info .yohoboy-download-app{position:absolute;width:2.65rem;height:1.05rem;top:0.1rem;right:1.5rem;border:1px solid #000;line-height:1.05rem;border-radius:2px;text-align:center;font-size:0.5rem}.header-download .tip-close{position:absolute;width:1rem;height:1rem;top:0;right:0;background:url('../images/yohood/mobile/tip-c.png?1430900294');background-size:100% 100%}.logo{position:relative;height:2.15rem;line-height:2.15rem;text-align:center;font-size:1.2rem;border-bottom:1px solid #000}.logo .back-btn{position:absolute;left:0.5rem;font-size:1.1rem;color:#000}.bd{padding-bottom:1.5rem}.slide-main{position:relative}.slide-box{position:relative;visibility:hidden;overflow:hidden;height:7.75rem}.slide-box .slide-wrap{overflow:hidden;position:relative}.slide-box .slide-wrap .box{float:left;width:100%;position:relative}.slide-box .slide-wrap .box img{display:block;width:100%}.slide-navigator{position:absolute;left:0;right:0;bottom:5px;text-align:center}.slide-navigator .dib{display:inline-block}.slide-navigator .dib a{float:left;width:0.3rem;height:0.3rem;margin-left:0.15rem;background:#d0cfcb;border-radius:50%}.slide-navigator .dib a:first-child{margin-left:0}.slide-navigator .dib .on{background:#989795}.layout-item{margin:0 0 2.25rem 0}.layout-item .image-box{position:relative;height:10.3rem;overflow:hidden}.layout-item .image-box .item-tag{position:absolute;bottom:0;left:0;height:1.25rem;padding:0 0.5rem;line-height:1.25rem;background:#000;color:#fff;font-size:0.7rem}.layout-item .content{margin:0.5rem 0 0 0;padding:0 0.8rem}.layout-item .content h2 a{line-height:1.25rem;color:#000;font-size:1rem}.layout-item .content p{margin:0.5rem 0 0 0;font-size:0.7rem;line-height:1rem}.layout-item .content .time{color:#aaa;font-size:0.6rem}.pagination-inner{padding:0 0.75rem}.pagination-inner a{float:right;font-size:0.9rem;color:#000}.pagination-inner a span{font-size:0.7rem;vertical-align:8%}.pagination-inner a:first-child{float:left}.cooperation-list{margin:0.6rem 0 0 0}.cooperation-list li{float:left;margin:0 0.45rem 0.45rem 0}.cooperation-list li .img-box{width:6.9rem;height:4.65rem;line-height:4.65rem;border:1px solid #e0e0e0;text-align:center}.cooperation-list li .img-box img{vertical-align:middle}.cooperation-list li p{margin:0.3rem 0;font-size:0.6rem;line-height:0.7rem;text-align:center;color:#000}.home-logo{border:none}.banner-swiper{height:7.8rem;overflow:hidden}.banner-swiper img{width:100%}.channel-list li{float:left;margin:1.1rem 0 0 1.45rem;text-align:center}.channel-list .channel-pic{width:3.3rem;height:3.3rem;line-height:3.3rem;border-radius:50%;border:1px solid #000;text-align:center;color:#000;font-size:1.2rem}.channel-list .video{font-size:0.8rem}.channel-list .recmmend{background:url('../images/yohood/mobile/recmmend.png?1431936747') no-repeat center center;background-size:36% auto}.channel-list .show{background:url('../images/yohood/mobile/show.png?1432276861') no-repeat center center;background-size:36% auto}.channel-list .contact{font-size:0.8rem}.channel-list .channel-name{margin-top:0.45rem;line-height:0.75rem;font-size:0.6rem;font-weight:bold;color:#000}.channel-list .channel-name-cn{line-height:0.75rem;font-size:0.6rem;color:#000}.channel-list li.current .channel-pic{color:#fff;background:#000}.content-tab{margin:0.6rem 0 0 0;text-align:center}.content-tab ul{display:inline-block;border-left:1px solid #000}.content-tab ul li{float:left;border:1px solid #000;border-left:none}.content-tab ul li a{display:block;width:4.8rem;height:1.7rem;line-height:1.7rem;text-align:center;font-size:0.7rem;color:#000}.content-tab ul li.current{background:#000}.content-tab ul li.current a{color:#fff}.activity-main{margin:0.6rem 0 0 0}.activity-content{display:none}.activity-content img{width:100%}.activity-content .section{margin:1.2em 0 0 0}.activity-content .section p,.activity-content .section h4{padding:0 0.8rem;line-height:1rem;font-size:0.7rem}.activity-content.current{display:block}.activity-cooperation{padding:0 0 0 0.8rem}.activity-cooperation h2{font-size:0.8rem;color:#000;line-height:1.1rem}.search-wrap{position:relative;z-index:2;height:2.2rem;padding:0 0.4rem;background:#f0f0f0;text-align:center}.search-wrap input{width:15.2rem;height:1.4rem;margin:0.4rem 0 0 0;border:none;outline:none;font-size:0.7rem}.search-wrap input:focus,.search-wrap input.hasVal{width:13.6rem;padding-left:1.6rem}.search-wrap .search-btn{position:absolute;color:#8e8e93;font-size:0.7rem;top:0.6rem;left:50%;margin-left:-1.05rem}.search-wrap .search-btn span{margin-right:0.1rem;font-size:0.7rem;vertical-align:2%}.search-wrap input:focus ~ .search-btn,.search-wrap input.hasVal ~ .search-btn{left:0.9rem;margin-left:0}.search-wrap input:focus ~ .search-btn em,.search-wrap input.hasVal ~ .search-btn em{display:none}.brand-content{padding:0 0 0 0.8rem}.no-search{display:none;text-align:center;font-size:0.6rem}.no-search a{font-size:0.6rem;line-height:0.8rem;color:#000}.overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1}.overlay.show{display:block}.main-title{font-size:0.8rem;line-height:2.3rem;text-align:center;color:#000}.video-wrap img{width:100%}.scene-bd{padding:0}.scene-tab{margin:0.5rem 0 0 0.7rem;height:1.8rem}.scene-tab ul{display:inline-block}.scene-tab li{float:left;width:4.8rem;height:1.7rem;line-height:1.7rem;text-align:center;background:#fff;border:1px solid #000;border-left:none}.scene-tab li a{font-size:0.6rem;color:#000}.scene-tab li:first-child{border-left:1px solid #000}.scene-tab .current{background:#000}.scene-tab .current a{color:#fff}.scene-tab .disable{background:#ebebeb;color:#fff;border-color:#ebebeb;cursor:default}.scene-tab .disable a{color:#fff}.scene-content{position:relative;margin:0 0 0 0.7rem;border-left:2px solid #e0e0e0}.scene-content .scene-intro{position:absolute;top:0.75rem;left:1.15rem;padding:0 0.8rem;height:1.4rem;line-height:1.4rem;background:#000;color:#fff;font-size:0.6rem}.scene-content .scene-intro:before{position:absolute;content:"";width:0.3rem;height:0.85rem;top:0;left:-0.3rem;background:url("../images/yohood/site-activity-intro-icon.png") no-repeat;background-size:100% 100%}.scene-content .scene-time{position:absolute;top:2.5rem;left:1.15rem;color:#aeaeae}.scene-content .scene-icon{position:absolute;top:1.45rem;left:-0.2rem;width:0.3rem;height:0.3rem;background:url("../images/yohood/site-activity-icon.png") no-repeat;background-size:100% 100%}.scene-content .main-layout{display:none}.scene-content .main-layout.current{display:block}.scene-content .layout-section{position:relative;padding:4.15rem 0 0 0.8rem}.scene-content .layout-item{width:13.6rem}.scene-content .image-box img{width:100%}.show-title{color:#0099bb}.layout-item .image-box{height:16rem}.layout-item .image-box img{width:100%;height:100%}.layout-item .image-box .pic-tip{display:block;position:absolute;background:rgba(255,255,255,0.9);color:#009abe;text-decoration:none;height:0.6rem;line-height:0.6rem;padding:0 0.25rem;border-radius:11px;font-family:'Helvetica';font-weight:bold;box-shadow:1px 2px 2px rgba(0,0,0,0.5)}.layout-item .image-box .pic-tip:after{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:0.4rem;left:-0.1rem;z-index:10}.contact-us-section{margin:0.5rem 0 0 0;text-align:center}.contact-us-section h2{font-size:0.8rem}.contact-us-section p{font-size:0.7rem;line-height:1rem}
... ...