lixin-web/webapp/css/ssc-resp.css

vue and bootstrap

		
@media screen and (max-width: 1026px){
	.page-content > .page-container{margin-top:0px;}
	.page-content > .page-container{width:100%}
	.page-content .lottery-nav{height: 60px;    position: relative;}
	.page-content .lottery-nav > .menu{height:60px;    width: 100%;padding: 10px;}
    a.will-back{position: absolute;right: 0px;top: 12px;}
    .lot-desc{width: 500px;display: none;}
	.page-container{width:100%}
	.lottery-open{height:400px;background:none;width: 100%}
	.lottery-open-code{/*left: 320px;*/left:0px;width:100%;overflow:hidden;height: 155px;}
	.lottery-code-trend{z-index:100;    left: 0px;height:139px;background: #00C4FF;color: #fff;padding-top: 30px;width: 47px;font-size: 16px;}
	.lot .logo{margin-left: 40px;}
	.lottery-open-list > .title{height: 40px;font-size: 15px;line-height: 37px;}
    .lottery-open-list{    width: 100%;right: 0;    height: 219px;top: 150px;}
    .lottery-open-list .list > .item{padding: 10px 0px 4px 0;font-size: 14px;}
    .lottery-open-list .list > .item > .expect{    width: 40%;height: 30px;line-height: 25px;}
    .lottery-open-list .list > .item > .code > .num, .lottery-open-list .list > .item > .code > .more{    width: 22px;
    height: 22px;
    line-height: 23px;
    margin-left: 5%;}
    .page-content .center-side{width:100%}
    .lottery-open-list .list > .item > .code{width:60%}
    .lottery-open-list > .content > .wrapper{height:178px;}
    .lottery-open-list > .title > .expect{width:40%}
    .lottery-open-list > .title > .code{width:40%}
    .lottery-betting > .play-groups{width:100%;background: #EBEBEB;border: none;}
    .lottery-betting > .play-groups > ul > li{width:9%;}
    .lottery-betting > .play-groups > ul > li > a{width:100%;text-align: center;font-size: 15px;padding: 0;border-bottom: 1px solid #E8E8E8;}
    .lottery-betting > .play-help > .prize{font-size: 14px;top: 55px;right: 2px;}
    .lottery-record{    width: 95%;margin: 0 auto;}
    .lottery-record > .list{width:70%}
    .lottery-open-code .big{top:5px}
    .lottery-open-code > .code.ssc > ul.small{top: 0px;}
    .tip1{width: 42%;background: none;color: #424250;top: 90px;font-size: 16px;}
.lottery-betting > .play-groups > ul > li > a.selected{height:42px}
.lottery-record > .list{border:none}
 
   }
    @media screen and (max-width: 768px)

}
@media screen and (max-width:740px){
	.lot-desc{display:none}
}
@media screen and (max-width:580px){
	#slider01 .flex-control-nav{width:100%;bottom: 50px;height: 80px;}
}
@media screen and (max-width: 1025px){
	.lottery-open-code > .code{top: 22%;left: 26%;}
	.lottery-open-code > .expect{width:100%;left: -56px;font-size:17px;}
	/*.lottery-open-info{width: 326px;height: 111px;font-size: 14px;}
    .lottery-open-info > .expect{width: 174px;margin-top: 28px;}
	.lottery-open-info > .last-time{margin-top: 29px;font-size: 26px;margin-right: 23px;}*/
	.lottery-open-list{top:180px}
}
@media screen and (max-width: 967px){
	.lottery-open-info{width: 100%;top: 125px;margin-right: 0;}
    .lottery-open-info > .expect{    font-size: 17px;    width: 355px;margin-top: 28px;}
    .lottery-open-list{top:247px;}
    .lottery-open-info {height: 88px;}
    .lottery-open-info > .last-time {margin-top: 18px;}
    .lottery-betting{top:66px;}
    .lottery-betting > .play-options{height:170px;}
    .lottery-record > .list{width:100%}
    .lottery-betting > .adjust-prize{bottom: 130px; } 
    
}
	@media screen and (max-width: 768px){
	.page-content .lottery-nav{margin-top:50px;}
	.page-content{margin-top:50px;}
	.lottery-betting > .play-groups{width: 20%;height:100%;min-height: 550px;overflow:hidden;background: #F4F4F4;position: absolute;left: 0px;top: 0px;}
    .lottery-betting > .play-list{width: 80%;overflow: hidden;margin-left: 20%;padding-top: 40px;font-size: 15px;}
    .lottery-betting > .play-area,.lottery-betting > .play-help{margin-left: 20%;}
    .lottery-betting > .play-options{margin-left:21%;padding-left:5px;}
	.lottery-betting > .play-groups > ul > li{float:none;width:100%;height: 50px;}
	.lottery-betting > .play-groups > ul > li > a.selected{background-color: #00C4FF;box-shadow: none;color: #fff;height: 50px;line-height:50px;border: none;}
    .lottery-betting > .play-groups > ul > li > a{height: 50px;line-height:50px;color: #7F7F7F;}
    .lottery-betting > div{padding:0px;}
    .lottery-betting > .play-area{width:80%;padding:5px;}
    .lottery-betting > .play-area > .row > .balls > ul > li{width:20%}
    .lottery-betting > .play-help > .prize{top: 0px;right: 3%;text-align: left;}
    .lottery-betting > .play-area > .row > .label{font-size: 16px;border-left: 3px solid #E43145;border-radius: 0;line-height: 17px;}
    .lottery-betting > .play-area > .row > .tools > ul > li > a{    height: 32px;width: 32px;line-height: 28px;background: none;background: #F5F5F5;border: 1px solid #DEDDDD;}
    .lottery-betting > .play-list > .row > .label{width:100%;color: #B4B4B4;    font-size: 14px;border-bottom: 1px solid #F3F3F3;}
    .lottery-betting > .play-list > .row > .column{border-radius: 16px;line-height: 22px;font-size: 14px;padding: 2px 17px;height: 28px;margin: 8px 5px 5px 5px;}
    .lottery-betting > .play-list > .row{padding:0px;}
    .lottery-betting > .play-list > .row > .column.selected{border-radius: 16px;box-shadow: none;text-shadow: none;border: none;background: #00C4FF;}
    .lottery-betting > .play-help > .tips{line-height:20px;width: 100%;display:none}
    .lottery-betting > .play-help{height:0px;}
    .lottery-record > .button{float: none;position: absolute;    width: 100%;bottom: -45px;}
    .lottery-record > .button > .btn{ width: 31%;}
    .lottery-record{margin-bottom: 40px;    margin-top: 145px;}
    .lottery-record > .button > .btn[data-command="add"]{top: -100px;left: 0;}
    .lottery-record > .button > .btn[data-command="clear"]{top: -100px;left: 35%;}
    .lottery-record > .button > .btn[data-command="chase"]{top: -100px;left: 69%;}
    .lottery-betting > .adjust-prize{width: 80%;bottom: 0px;font-size: 16px;height:34px;    line-height: 20px;padding-left:5px;}
    .lottery-record > .total{display:none}        
    
    .lottery-open-info > .last-time{position: absolute;color:#EA565E;right:0px;font-size: 19px;}
    .lottery-open-info > .last-time i:before{border-radius:2px;}
    .lottery-open-info > .last-time i:after{border-radius:2px;}
    .lottery-open-info > .last-time i{background:none;color:#EA565E}
    .lottery-open-info > .expect{font-size: 14px;margin-top: 10px;width: 152px;left: 0px;position: absolute;}
    .lottery-open-list > .title{border:none}
    .lottery-betting > .adjust-prize .noUi-target{position: absolute;top: -18px;left: 0;}
    .lottery-record > .button > .btn-big{    position: absolute;right: 12%;bottom: -26px;}
    .lottery-open-code{    top: 20px;}
    .lottery-betting > .play-area > .row > .balls > ul > li > a{background: #F9F9F9;border: 1px solid #E6E6E6;width: 34px;height: 34px;margin: 3px 6px;line-height: 33px;}
    .lottery-betting > .play-area > .row > .balls > ul > li > a.selected {color: #fff;background:#981010;}
	.lottery-betting > .play-area{margin-top:0px;}
	
	
	.lottery-betting > .play-area > .row{border-bottom: 1px solid #F3F3F3;}
	.lottery-record > .button > .btn{text-shadow: none;box-shadow: none;border-radius: 30px;}
	.lottery-betting > .play-help > .prize > i{display:none}
	.lottery-record > .button > .btn.w-order-list{display:none}
	.lottery-record > .button{border:none}
	.lottery-open-code > .code.d3{ top: 53px;left: 50%; margin-left: -65px;} 
}
@media screen and (max-width: 668px){
	.lottery-open-code > .code{top:100px;left: 50%;margin-left: -155px;}
	.lottery-open-code > .code.ssc > ul > li, .lottery-open-code > .code.x511 > ul > li, .lottery-open-code > .code.k3 > ul > li, .lottery-open-code > .code.d3 > ul > li{
	width: 35px;height: 35px;margin: 0 5px;font-size: 22px;line-height: 36px;background: #F3F3F3;}
	.lottery-open-code > .expect{top: 52px;font-size: 15px;left: 5%;}
	.lot .logo{margin-left: 105px;margin-top: 5px; }
	.lottery-open-code > .code.ssc > ul, .lottery-open-code > .code.x511 > ul{margin-top:-20px;/* width: 50%; */margin-left: 15%;}
	.lottery-betting > .play-options > .multiple > input{width:20px;}
	.lottery-record > .list .table > tbody > tr{line-height:45px;}
	.lottery-record > .list .table > tbody > tr > td.content [data-command="details"]{display:none}
	td.multiple input{margin:0}
	.lottery-record > .list .table > tbody > tr > td.point{display:none}
	.lottery-betting{min-height:550px;}
	.lottery-open-code .big{top: 0px;}
	.tip1{top:57px;}
	.lottery-open-code{height: 130px;}
	.lottery-open-code > .code.ssc > ul.small{top:-20px;}
	.lottery-chase .panels > .sections table > tbody > tr{line-height:17px;}
	.lottery-chase .panels > .sections table > thead > tr{line-height:24px;}
	
}
@media screen and (max-width: 330px){.lottery-open-info > .last-time{line-height: 80px;}}
@media screen and (min-width: 320px) and (max-width:768px){
	.lottery-betting > .play-options > .model{width:100%;font-size: 15px;}
	.lottery-betting > .play-options > .model a{font-size: 16px;width: 32px;height: 32px;background: #FDFDFD;border-radius: 50%;margin-right: 5px;line-height: 27px;}
    .lottery-betting > .play-options > .model > a.selected{border-radius: 50%;background: #00C4FF;color: #fff;}
    .lottery-betting > .play-options > .label{font-size:13px;}
}