1 Star 0 Fork 20

刘惠 / khxtapp

forked from 张政 / khxtapp 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
video_jichengchun.css 7.69 KB
一键复制 编辑 原始数据 按行查看 历史
计承春 提交于 2020-06-24 14:09 . 第二次提交 添加付费页面
*{
margin:0rem;
padding: 0rem;
}
.header{
width:100%;
height: 1.466666rem;
line-height: 1.466666rem;
background:white;
border-bottom:0.013333rem solid white;
box-sizing: border-box;
position: fixed;
top: 0rem;
left: 0rem;
}
.header span{
display: inline-block;
font-size: 14px;
}
.header span img{
width:0.6rem;
height: 0.6rem;
line-height: 0.6rem;
margin-left: 0.333333rem;
vertical-align: middle;
}
.header span:nth-of-type(2){
width:50%;
height: 0.6rem;
line-height: 0.6rem;
border-left: 0.026666rem solid gray;
margin-left:0.266666rem;
text-indent: 1.1rem;
position: relative;
}
.header div img{
width: 0.50rem;
height: 0.666666rem;
position: absolute;
top:0.4rem;
left: 1.733333rem;
}
.header span:nth-of-type(3){
width:15%;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
border-radius:0.4rem;
background: #EDEFF5;
}
.header span:nth-of-type(4){
width:15%;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
border-radius:0.4rem;
background: #23B8FF;
}
.pic{
width: 100%;
height: 7.2rem;
background:url(images/jcc_ketang.png) no-repeat 0 1.6rem;
background-size: 100% 80%;
}
.biaoti{
width: 100%;
height: 2.133333rem;
line-height: 2.133333rem;
border-bottom: 0.013333rem solid rgb(237,239,245);
font-size: 20px;
text-indent: 0.266666rem;
}
.biaoti_1{
width:100%;
border-bottom:0.013333rem solid #EDEFF5;
text-indent: 0.266666rem;
}
.biaoti_1 div:nth-of-type(1){
width: 100%;
height: 1.2rem;
font-size: 17px;
}
.biaoti_1 div:nth-of-type(2){
width: 100%;
height:0.666666rem;
background: url(images/jcc_bofang.png) no-repeat 0.266666rem 0.066666rem;
background-size: 4%;
text-indent: 0.9rem;
font-size: 16px;
}
.biaoti_1 div:nth-of-type(3){
width: 100%;
height:0.666666rem;
background-size: 4%;
text-indent: 0.9rem;
font-size: 15px;
color: gray;
margin-bottom: 0.266666rem;
}
.huifang{
margin-left: 0.266666rem;
}
.hf{
width: 100%;
height: 0.933333rem;
margin: 0.266666rem 0;
font-size: 16px;
}
.xiangmu{
font-size: 15px;
}
a{
color: black;
}
.xiangmu div:nth-of-type(2){
font-size: 13px;
color: #ccc;
text-indent: 0.8rem;
margin-bottom: 0.4rem;
}
.footer{
width: 100%;
height: 1.466666rem;
marign-top:0.066666rem;
box-sizing: border-box;
background:white;
position: fixed;
bottom:0rem;
left: 0rem;
}
.footer span{
display: inline-block;
width: 24%;
text-align: center;
font-size: 12px;
padding-top: 0.8rem;
box-sizing: border-box;
background: url(images/jcc_pinglun.png) no-repeat 0.92rem 0.133333rem;
background-size: 23%;
}
.footer span:nth-of-type(2){
background: url(images/jcc_tousu.png) no-repeat 0.92rem 0.133333rem;
background-size: 23%;
}
.footer span:nth-of-type(3){
background: url(images/jcc_tixing.png) no-repeat 0.92rem 0.133333rem;
background-size: 23%;
}
.footer span:nth-of-type(4){
background: url(images/jcc_chakan.png) no-repeat 0.92rem 0.133333rem;
background-size: 23%;
}
/* 立即购买 */
.mai{
width: 100%;
height: 1.466666rem;
marign-top:0.066666rem;
background:white;
position: fixed;
bottom:0rem;
left: 0rem;
}
.mai div{
width:90%;
height: 1.1rem;
line-height: 1.1rem;
font-size:16px;
color: white;
text-align: center;
background: #23B8FF;
border-radius: 0.55rem;
margin: 0.133333rem auto;
}
/* 评论页 */
.gray{
position: fixed;
width: 100%;
height: 100%;
background: #4C4C4C;
opacity: 0.5;
top: 0rem;
left: 0rem;
display: none;
}
.tips{
width: 6.666666rem;
height: 4rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: -2.666666rem;
margin-left: -3.333333rem;
background: white;
display: none;
}
/* 评论页 */
/* 付费页面 */
.ff{
background: #F2F4F5;
}
.fufei{
width: 100%;
height: 1.266666rem;
line-height: 1.266666rem;
text-indent: 1.066666rem;
font-size: 15px;
background: #E8F5FF url(images/jcc_qq.png) no-repeat 0.466666rem 0.346666rem;
background-size: 5.5%;
}
.tel{
width: 100%;
height: 1.6rem;
line-height: 1.6rem;
background: white;
}
.tel span{
display: inline-block;
}
.tel span:nth-of-type(1){
width:60%;
height: 0.666666rem;
line-height:0.666666rem ;
margin-left:0.533333rem;
font-size: 14px;
color: #7B8996;
}
.tel span:nth-of-type(2){
width: 30%;
height:0.8rem ;
line-height:0.8rem ;
border-radius: 0.4rem;
text-align: center;
border: 1px solid #CCCCCC;
font-size: 15px;
}
.xiangqing{
width: 100%;
background: white;
margin-top: 0.21rem;
padding: 0.5rem;
box-sizing: border-box;
}
.xiangqing div:nth-of-type(1){
height:0.9rem;
line-height: 0.9rem;
font-size: 14px;
color: #7B8996 ;
}
.xiangqing div:nth-of-type(2){
font-size: 14px;
}
.xiangqing div:nth-of-type(3){
font-size: 14px;
color:#7B8996;
margin-top: 0.066666rem;
}
.xiangqing div:nth-of-type(3) .xiugai{
display: inline-block;
width: 13%;
font-size: 12px;
color:darkblue;
margin-left:0.533333rem;
background:url(images/jcc_xiangyou.png) no-repeat 0.8rem 0.08rem;
background-size: 25%;
}
.xiangqing .money{
color: red;
font-size: 14px;
margin-top: 0.066666rem;
padding-bottom: 0.4rem;
border-bottom: 1px solid lightgray;
}
.youhui{
width: 100%;
padding:0 0.5rem;
box-sizing: border-box;
background: white;
}
.youhui div{
width: 100%;
height: 0.666666rem;
line-height: 0.666666rem;
font-size: 14px;
}
.youhui div:nth-of-type(1){
margin-bottom: 0.25rem;
}
.youhui div span:nth-of-type(2){
margin-left:5.333333rem;
color: darkgray;
}
.youhui div:nth-of-type(2){
padding-bottom: 0.4rem;
border-bottom: 1px solid lightgray;
}
.xieyi {
width: 100%;
padding: 0.5rem;
box-sizing: border-box;
background: white;
font-size: 15px;
}
.xieyi a{
color: blue;
}
.xieyi input{
width:0.45rem;
height: 0.45rem;
}
.bot{
position: fixed;
bottom:0rem;
left: 0rem;
width: 100%;
height: 1.6rem;
line-height: 1.6rem;
border-top:1px solid rgba(242,244,245,0.6);
box-shadow: 1rem 3em 2rem #CCCCCC;
padding: 0 0.1rem;
box-sizing: border-box;
}
.bot span{
display: inline-block;
}
.bot span:nth-of-type(1){
font-size: 14px;
color: gray;
}
.bot span:nth-of-type(2){
font-size: 19px;
color:#FF0042;
}
.bot span:nth-of-type(3){
width: 39%;
height: 1rem;
line-height: 1rem;
border-radius: 0.5rem;
border: 1px solid red;
background: red;
text-align: center;
margin-left: 0.8rem;
}
.bot span:nth-of-type(3) a{
color: white;
font-size: 17px;
}
.bot span:nth-of-type(3) a:active{
color: white;
}
/* 付费页面 */
/* 绑定手机页 */
.bangding{
width: 100%;
height: 100%;
padding: 0.133333rem 0.533333rem;
box-sizing: border-box;
}
.tel_1{
width: 100%;
height: 1.833333rem;
line-height: 1.833333rem;
text-align: center;
font-size:18px;
}
.txt_1{
width: 100%
height: 1.333333rem;
font-size: 14px;
color: gray;
margin-bottom: 0.8rem;
}
.shuru{
border-bottom: 0.016333rem solid #CCCCCC;
}
.shuru span{
display: inline-block;
font-size: 16px;
margin-bottom: 0.466666rem;
}
.shuru span:nth-of-type(2){
width: 45%;
text-indent: 0.266666rem;
}
.shuru span:nth-of-type(2) input{
outline: none;
border: none;
}
.shuru span:nth-of-type(3){
width: 30%;
font-size: 15px;
height: 0.9rem;
line-height: 0.9rem;
border-radius: 0.45rem;
background:#EEEEEE ;
text-align: center;
margin-left: 0.533333rem;
}
.yanzheng_1{
border-bottom: 0.016333rem solid #CCCCCC;
}
.yanzheng_1 span{
display: inline-block;
font-size: 16px;
margin: 0.266666rem 0 0.4rem 0;
}
.yanzheng_1 span:nth-of-type(2) input{
outline: none;
border: none;
text-indent: 0.266666rem;
}
.txt_2{
font-size: 14px;
color: #CCCCCC;
margin: 0.6rem 0;
}
.baocun{
width: 100%;
height: 1.333333rem;
line-height:1.333333rem ;
background: #91DCFF;
text-align: center;
font-size: 17px;
border-radius: 0.133333rem;
}
.baocun a{
color: white;
}
.tiaoguo{
width: 100%;
height: 1.333333rem;
line-height:1.333333rem ;
text-align: center;
font-size: 16px;
color: blue;
}
/* 绑定手机页 */
1
https://gitee.com/nongnonghui/khxtapp.git
git@gitee.com:nongnonghui/khxtapp.git
nongnonghui
khxtapp
khxtapp
master

搜索帮助