123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
- <style type="text/css">
- *{
- margin:0px;
- padding:0px;
- vertical-align:baseline;
- font: inherit;
- -webkit-box-sizing:border-box;
- box-sizing:border-box;
- }
- html,body{
- display:block;
- }
- header,footer,aside,nav,article,section{
- display:block;
- }
- /*.body{
- display: flex;
- display: -webkit-flex;
- justify-content:flex-start;
- flex-flow:column wrap;
- -webkit-flex-flow:column wrap;
- }*/
- body{
- font-family:'microsoft yahei',Arial;
- font-size:14px;
- color:#333;
- }
- a{
- text-decoration:none;
- }
- .header{
- background-color:#668bff;
- color:#fff;
- height:56px;
- min-width:1260px;
- }
- .header__box{
- width:1260px;
- margin:0px auto;
- display: flex;
- display: -webkit-flex;
- justify-content:row-start;
- }
- .header__link{
- display:inline-block;
- height: 35px;
- margin-top:10px;
- color:inherit;
- font-size:18px;
- line-height:35px;
- margin-left:15px;
- }
- .header__link .logo-icon{
- width:35px;
- height: 35px;
- display:inline-block;
- margin-right:3px;
- background:transparent url('<%=public_path%>/img/cdlogo.png') no-repeat center center scroll;
- vertical-align:middle;
- }
- .banner{
- min-width: 1260px;
- height:364px;
- background:#f5ad03 url('<%=public_path%>/img/banner.png') no-repeat center top scroll;
- }
- .format-content{
- width:1260px;
- margin:0px auto;
- padding:30px 100px;
- }
- .format-content__item{
- margin-bottom:28px;
- }
- .format-content__title{
- display: flex;
- display:-webkit-flex;
- justify-content:flex-start;
- color:#ec4646;
- border-bottom:1px solid #ec4646;
- }
- .format-content__titletext{
- height: 40px;
- line-height:38px;
- font-size:20px;
- border-bottom:4px solid #f5ad03;
- margin-bottom:-1px;
- }
- .format-content__p{
- padding:10px 0px;
- color:#000;
- }
- .format-content__p p{
- line-height:2.0;
- }
- .format-content__p .tips{
- color:#ec4646;
- }
- </style>
- </head>
- <body class="body">
- <!--头部 start-->
- <div class="header">
- <div class="header__box">
- <a class="header__link" href="javascript:void(0);"><em class="logo-icon"></em><span class="logo-text">Qpid Live</span></a>
- </div>
- </div>
- <!--头部 end-->
- <!--banner start-->
- <div class="banner">
-
- </div>
- <!--banner end-->
- <!--正文 start-->
- <div class="format-content">
- <div class="format-content__item">
- <div class="format-content__title">
- <h3 class="format-content__titletext">Activity Rules</h3>
- </div>
- <div class="format-content__p">
- <p>1. Activity time: <span class="tips">9 Jan,2018 ~ 31 Jan,2018(GMT)</span>. </p>
- <p>2. During the activity time, every credit that you and your agency earn would be <span class="tips">doubled</span>.</p>
- </div>
- </div>
- <div class="format-content__item">
- <div class="format-content__title">
- <h3 class="format-content__titletext">Notes</h3>
- </div>
- <div class="format-content__p">
- <p>1. After the activity, rewards will be given out to you on pay day of next month. </p>
- <p>1. After the activity, rewards will be given out to you on pay day of next month.</p>
- <p>3. All rights are reserved by our company.</p>
- </div>
- </div>
- </div>
- <!--正文 end-->
- </body>
- </html>
|