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.
110 lines
3.5 KiB
CSS
110 lines
3.5 KiB
CSS
5 years ago
|
|
||
|
@charset "UTF-8";
|
||
|
/*________________reset________________*/
|
||
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0;padding:0;font-size:12px;font-family:"寰蒋闆呴粦",helvetica,arial;}
|
||
|
button, input, select, textarea { vertical-align:middle; font-family:"寰蒋闆呴粦",helvetica,arial;}
|
||
|
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
|
||
|
table{border-collapse:collapse;border-spacing:0;}
|
||
|
fieldset{border:0;}
|
||
|
img{border:none;vertical-align:top;}
|
||
|
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:normal;font-weight:normal;}
|
||
|
del,ins{text-decoration:none;}
|
||
|
li{list-style:none;vertical-align:middle;}
|
||
|
caption,th{text-align:left;}
|
||
|
abbr,acronym{border:0;font-variant:normal;}
|
||
|
sup{vertical-align:top;}
|
||
|
sub{vertical-align:bottom;}
|
||
|
legend{color:#000;}
|
||
|
select,input,textarea,a{ outline:none;}
|
||
|
textarea{resize:none;overflow:auto;}
|
||
|
table{border-collapse:collapse;border-spacing:0;}
|
||
|
a{ text-decoration:none; cursor:pointer;}
|
||
|
a:active {star:expression_r(this.onFocus=this.blur());}
|
||
|
:focus { outline:0; }
|
||
|
/*娓呴櫎娴姩*/
|
||
|
.cb{clear:both;}
|
||
|
.cl{clear:left;}
|
||
|
.cr{clear:right;}
|
||
|
.clear {clear: both;}
|
||
|
.clearfix:after,.layout:after {clear:both; content:'';display: block;font-size: 0;line-height: 0;visibility: hidden; width: 0;height: 0;}
|
||
|
.clearfix {+display: inline-block;}
|
||
|
* html .clearfix {height: 1%;}
|
||
|
/*background*/
|
||
|
.main_bg{background:#fff;}
|
||
|
/*color*/
|
||
|
.main_color{color:#999;}
|
||
|
/*text-align*/
|
||
|
.ta_c{text-align: center;}
|
||
|
|
||
|
/*diplay*/
|
||
|
.ds_inline_block{display: inline-block;}
|
||
|
/*line-height*/
|
||
|
.l_h_33{line-height:33px;}
|
||
|
|
||
|
/*font-size*/
|
||
|
.f_size_18{font-size:18px;}
|
||
|
|
||
|
/*padding*/
|
||
|
.p_t_15{padding-top:15px;}
|
||
|
.p_t_30{padding-top:30px;}
|
||
|
.p_lr_10{padding-left:10px;padding-right:10px;}
|
||
|
.p_lr_20{padding-left:20px;padding-right:20px;}
|
||
|
|
||
|
.h_t_box .icon_box{
|
||
|
display: inline-block;
|
||
|
width:120px;
|
||
|
height:120px;
|
||
|
border-radius:22px;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.h_t_box .icon_box{
|
||
|
display: inline-block;
|
||
|
width:100px;
|
||
|
height:100px;
|
||
|
border-radius:22px;
|
||
|
}
|
||
|
}
|
||
|
.h_t_box .icon_box img{
|
||
|
width:100%;
|
||
|
border-radius:22px;
|
||
|
}
|
||
|
|
||
|
.h_title_box .title{max-width:100%;}
|
||
|
|
||
|
.input_box input{display: block;width:70%;margin:0 auto 26px;line-height:48px;border:none;border-radius:8px;padding:0 10px;}
|
||
|
.input_box input[type="text"],.input_box input[type="password"]{background:#f5f5f5;color:#999;}
|
||
|
.input_box input[type="submit"]{background:#009bff;color:#fff;font-size:18px; -webkit-appearance:none;-moz-appearance:none;}
|
||
|
|
||
|
.h_ganmes_list h3 img{max-width:80%;}
|
||
|
.h_ganmes_list ul{text-align: justify;text-align-last: justify;font-size:0;}
|
||
|
.h_ganmes_list ul li{width:30%;display:inline-block;margin:1.6%;overflow: hidden;font-size:0;}
|
||
|
.h_ganmes_list ul li:last-child{float:left}
|
||
|
.h_ganmes_list ul li img{width:100%;}
|
||
|
|
||
|
.load_wrap{padding:20px 0;}
|
||
|
.load_wrap .load_btn{text-align: center;width:80%;display: block;margin:0 auto 20px;background-color:#16a4ff;line-height: 50px;max-width: 300px;border-radius: 10px;font-size:18px;color:#fff;}
|
||
|
.load_wrap .load_btn.android_btn{background:#abcd05;}
|
||
|
.load_wrap .load_btn img{width:32px;vertical-align: middle;margin-top:-7px;margin-right:3px;}
|
||
|
@media(min-width:580px){
|
||
|
.h_wrap{max-width:580px;margin-left:auto;margin-right:auto;}
|
||
|
}
|
||
|
@media(max-width:580px){
|
||
|
.h_ganmes_list h3 img{max-width:46%;}
|
||
|
}
|
||
|
@media(max-width:500px){
|
||
|
.input_box input{width:95%;margin-bottom:19px;}
|
||
|
}
|
||
|
@media(max-width:426px){
|
||
|
.h_ganmes_list ul li{width:46%;display:inline-block;margin:2%;overflow: hidden;font-size:0;}
|
||
|
}
|
||
|
.zd_name{
|
||
|
font-size:28px;
|
||
|
color:#16a4ff;
|
||
|
}
|
||
|
.jt_jincai{
|
||
|
font-size:28px;
|
||
|
color:#16a4ff;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|