You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
6.5 KiB
CSS
124 lines
6.5 KiB
CSS
5 years ago
|
.header {ox-shadow: 0 2px 12px 1px rgba(153, 153, 153, 0.5);}
|
||
|
|
|
||
|
|
.condition {padding-top:15px;}
|
||
|
|
.condition .table{table-layout:fixed;font-size:14px;}
|
||
|
|
.condition .table-cell {padding:5px 0;}
|
||
|
|
.condition .condition-name{color:#000;font-weight:bold;width:75px;}
|
||
|
|
.condition .condition-value .condition-item{margin:0 8px;position:relative;padding:1px 5px;border-radius:2px;color:#999;display:inline-block;}
|
||
|
|
.condition .condition-value .condition-item~.condition-item:before {content:'';position:absolute;width:1px;height:10px;left:-9px;top:6px;background:#999;}
|
||
|
|
.condition .condition-value .condition-item:hover,.condition .condition-value .condition-item.active {background:#42B5FF;color:#FFF;}
|
||
|
|
|
||
|
|
/*.list {min-height:600px;}*/
|
||
|
|
.list ul {
|
||
|
|
padding-bottom:15px;
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.list li {
|
||
|
|
background-color:#fff;
|
||
|
|
width:148px;
|
||
|
|
float:left;
|
||
|
|
margin:15px 0 15px 25px;border:1px solid transparent;box-shadow:2px 0px 2px #ededed,-2px 0px 2px #ededed,0px 4px 8px #ededed;}
|
||
|
|
.list li.first {margin-left:0;}
|
||
|
|
.list li .item {padding:10px;text-align:center;}
|
||
|
|
.list li .pic {overflow:hidden;width:88px;height:88px;position:relative;background:#DEDEDE;color:#FFF;margin:0 auto;}
|
||
|
|
.list li .pic .font {font-size:14px;}
|
||
|
|
.list li .txt {padding-top:10px;}
|
||
|
|
.list li .txt .name {width:100%;display:block;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||
|
|
.list li .txt .downloadnum{margin:3px 0;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
||
|
|
.list li .txt .butn{width:69px;height:24px;line-height:24px;text-align:center;color:#42B5FF;border:1px solid #42B5FF;border-radius:2px;display:block;margin:10px auto 0;}
|
||
|
|
.list li .txt .butn:hover{background:#42B5FF;color:#fff;}
|
||
|
|
.list li:hover{border-color:#CAEAFF;}
|
||
|
|
|
||
|
|
|
||
|
|
.detail .bg {height:400px;width:100%;background:#DEDEDE center center no-repeat;background-size:cover;position:relative;color:#FFF;}
|
||
|
|
.detail .bg .font {font-size:20px;}
|
||
|
|
.detail .wrap {position:relative;top:-150px;z-index:3;}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
/*margin-bottom:30px;*/
|
||
|
|
margin-bottom: -70px;
|
||
|
|
}
|
||
|
|
.content .tab {height:53px;line-height:53px;background:#5A5A5A;color:#FFF;font-size:16px;}
|
||
|
|
.content .tab .tab-item {width:135px;float:left;text-align:center;}
|
||
|
|
.content .tab .tab-item:hover,.detail .content .tab .tab-item.active {background:#515151;}
|
||
|
|
|
||
|
|
.content .panal {background:#FFF;}
|
||
|
|
.content .panal .base {padding:23px 53px 5px 43px;}
|
||
|
|
.content .panal .base .item {position:relative;float:left;width:100%;height:119px;}
|
||
|
|
.content .panal .base .item .pic {height:104px;width:104px;position:relative;top:0;left:0;float:left;background:#DEDEDE;}
|
||
|
|
.content .panal .base .item .pic .font {font-size:14px;}
|
||
|
|
.content .panal .base .item .but {position:absolute;right:0;top:0;height:100%;}
|
||
|
|
.content .panal .base .item .but .qrcode-area{width:104px;height:100%;float:left;margin-right:60px;}
|
||
|
|
.content .panal .base .item .but .qrcode-area img {width:104px;height:104px;}
|
||
|
|
.content .panal .base .item .but .qrcode-area p {margin:0;text-align:center;color:#999;font-size:14px;}
|
||
|
|
.content .panal .base .item .but .butn-area {float:right;width:95px;}
|
||
|
|
.content .panal .base .item .but .butn-area .butn {height:35px;line-height:35px;border-radius:3px;margin-bottom:7px;color:#FFF;display:block;text-align:center;}
|
||
|
|
.content .panal .base .item .but .butn-area .butn img {margin-top:-5px;margin-right:4px;}
|
||
|
|
.content .panal .base .item .but .butn-area .download-and {background:#5ED772;}
|
||
|
|
.content .panal .base .item .but .butn-area .download-ios {background:#42b5ff;}
|
||
|
|
.content .panal .base .item .but .butn-area .qq-butn {background:#F17E50;margin-bottom:0;}
|
||
|
|
.content .panal .base .item .but .butn-area .butn.disabled {background:gray;cursor:default;}
|
||
|
|
|
||
|
|
.content .panal .base .item .txt {margin-left:114px;height:104px;margin-right:270px;}
|
||
|
|
.content .panal .base .item .txt .name {margin:0;padding:5px 0 10px;font-size:22px;width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||
|
|
.content .panal .base .item .txt .info {margin:0;padding:5px 0;color:#999;}
|
||
|
|
.content .panal .base .item .txt .info .table {width:auto;}
|
||
|
|
.content .panal .base .item .txt .info .table-cell {padding:5px 20px 5px 0;}
|
||
|
|
|
||
|
|
.content .panal .screenshot,.content .panal .desciption {padding:15px 53px 0 43px;}
|
||
|
|
.content .panal .screenshot .pic{position:relative;color:#FFF;background:#DEDEDE;height:376px;width:212px;}
|
||
|
|
.content .panal .screenshot .pic .font {font-size:18px;}
|
||
|
|
|
||
|
|
.picScroll-left{ overflow:hidden; position:relative;width:100%;height:376px;}
|
||
|
|
.picScroll-left .prev,.picScroll-left .next {position:absolute;top:0;height:100%;width:34px;background:#1E201E;background:rgba(0,0,0,.7);z-index:3;cursor:pointer;}
|
||
|
|
.picScroll-left .prev {left:0;}
|
||
|
|
.picScroll-left .next {right:0;}
|
||
|
|
.picScroll-left .prev span,.picScroll-left .next span{display:block;width:16px;height:26px;position:absolute;top:50%;background-repeat:no-repeat;background-position:center center;background-size:16px 26px;margin-top:-13px;}
|
||
|
|
.picScroll-left .prev span{background-image:url(../../images/slide_icon_left.png);left:7px;}
|
||
|
|
.picScroll-left .next span{background-image:url(../../images/slide_icon_right.png);right:7px;}
|
||
|
|
|
||
|
|
.picScroll-left .bd{width:100%;position:relative;}
|
||
|
|
.picScroll-left .bd ul{zoom:1; }
|
||
|
|
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:223px;}
|
||
|
|
|
||
|
|
.content .panal .desciption .desciption-content {padding-bottom:30px;color:#666;}
|
||
|
|
|
||
|
|
|
||
|
|
.open-list,.gift-list {position:relative;padding:15px 53px 0 43px;min-height:300px;}
|
||
|
|
.open-list tr{line-height:38px;}
|
||
|
|
.open-list th {background:#E4E4E4;font-size:14px;}
|
||
|
|
.open-list td {text-align:center;}
|
||
|
|
.open-list .opening {color:#42B5FF;}
|
||
|
|
|
||
|
|
.gift-list li {width:264px;height:130px;float:left;border:1px solid #EAEAEA;margin-left:13px;margin-bottom:15px;}
|
||
|
|
.gift-list li.first{margin-left:0;}
|
||
|
|
.gift-list li:hover {border-color:#42B5FF;}
|
||
|
|
.gift-list li .item {padding:15px;position:relative;}
|
||
|
|
.gift-list li .item h5 {font-size:14px;margin:0;
|
||
|
|
font-size: 14px;
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.gift-list li .item p {margin:0;padding-top:10px;height:32px;}
|
||
|
|
.gift-list li .item .suplus {padding-top:10px;}
|
||
|
|
.gift-list li .item .suplus span {color:red;}
|
||
|
|
.gift-list li .item .butn {position:absolute;right:15px;bottom:0;width:48px;height:24px;line-height:26px;border:1px solid #42B5FF;color:#42B5FF;text-align:center;border-radius:3px;display:block;}
|
||
|
|
.gift-list li .item .butn:not(.disabled):hover {background:#42B5FF;color:#FFF;}
|
||
|
|
.gift-list li .item .butn.disabled {color:#999;border-color:#999;}
|
||
|
|
|
||
|
|
|
||
|
|
.gift-list li .item .suplus .and,.gift-list li .item .suplus .ios {margin-top:-6px;margin-left:5px;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|