@charset "utf-8";
html{color: #333;overflow-x: hidden;height: 100%;-webkit-tap-highlight-color: transparent;}
body {font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;color: #333;-webkit-text-size-adjust: none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height: 1.5rem;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%;-webkit-margin-before:0em;margin-block-start:0em;-webkit-margin-after: 0em;margin-block-end: 0em;}
h1,h2,h3,h4,h5,h6{font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,rem,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}@
sup,sub{vertical-align:baseline}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #333;text-decoration: none;}
a:hover{color: #fb2c3c;}
img {max-width: 100%;vertical-align:middle;}
/*placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
color: #999;@
}
input:-moz-placeholder, textarea:-moz-placeholder{
color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
color: #999;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {
-webkit-appearance: none;
}
.clear{
content: "";
display: block;
clear: both;
}
.container{
width: 1140px;
height: 100%;
margin: 0 auto;
-webkit-head-sizing: border-head;
-moz-head-sizing: border-head;
head-sizing: border-head;
behavior: url(css/PIE.htc);
}
.top-header{
background-color: #f2eee2;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
float: left;
width: 50%;
height: 65px;
line-height: 65px;
}
.top-header .top-header-table .top-link-left img{
max-height: 50px;
margin-right: 15px;
}
.top-header .top-text-right{
text-align: right;
}
.top-header a,
.top-header p{
color: #666;
font-size: 14px;
display: inline-block;
}
.top-header a:hover{
opacity: .8;
}
.nav{
padding: 15px 0;
background: #fff;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -1px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -1px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -1px;
}
.nav .container{
width: 1140px;
}
.nav .container::after{
display: block;
clear: both;
content: "";
}
.nav .nav-logo,
.nav .nav-item{
float: left;
height: 44px;
line-height: 44px;
}
.nav .nav-logo img{
height: 44px;
}
.nav .nav-item{
padding-left: 100px;
}
.nav .nav-item .nav-list{
float: left;
padding: 0 30px;
}
.nav .nav-item .nav-list a{
font-weight: bold;
}
.nav .nav-tel{
float: right;
height: 44px;
line-height: 44px;
}
.nav .nav-tel p{
font-size: 18px;
position: relative;
padding-left: 30px;
color: #666;
}
.nav .nav-tel p i{
display: block;
position: absolute;
top: 50%;
margin-top: -12px;
left: 0;
width: 24px;
height: 24px;
background: url(../img/tel.png);
-moz-background-size: contain;
background-size: contain;
}
.nav .nav-tel p span{
color: #FF534D;
font-weight: bold;
padding: 0 10px;
}
.banner{
background-image: url(../img/banner.jpg);
-moz-background-size: cover;
background-size: cover;
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center top;
}
.banner .banner-text{
width: 1140px;
margin: 0 auto;
padding:120px 0 75px;
text-align: center;
}
.banner .banner-text img{
margin: 0 0 40px 290px;
}
.banner .banner-text .gk-more{
margin-top: 0;
}
.banner .banner-text .gk-more .gk-more-a{
width: 220px;
margin-left: 300px;
color: #fff;
background-color: #FF1629;
border: 2px solid #fff;
font-weight: bold;
font-size: 32px;
box-sizing: border-box;
}
.gk-head{
text-align: center;
position: relative;
height: 58px;
line-height: 58px;
padding-top: 8px;
box-sizing: border-box;
margin-bottom: 30px;
}
.gk-head .gk-title{
text-align: center;
display: inline-block;
position: relative;
z-index: 2;
font-size: 42px;
font-weight: bold;
color: #333;
}
.gk-head .gk-title p{
position: relative;
display: inline;
z-index: 1;
}
.gk-head .gk-title::before{
content: '';
position: absolute;
top: -5px;
left: -10px;
width: 36px;
height: 36px;
border-radius: 100%;
background-color: #f3e528;
z-index: 0;
}
.gk-head .gk-title i{
color: #7C1190;
padding: 0 10px;
}
.gk-head .gk-title span{
color: #fb2c3c;
}
.gk-head b{
font-size: 60px;
color: #fbe7ff;
text-transform: uppercase;
font-weight: bold;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: .5;
height: 45px;
line-height: 45px;
}
.gk-more{
margin-top: 32px;
height: 52px;
text-align: center;
}
.gk-more .gk-more-a{
display: inline-block;
width: 230px;
text-align: center;
color: #000;
height: 54px;
line-height: 54px;
background: #F2E527;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 26px;
box-sizing: border-box;
margin-bottom: 6px;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
border: 2px solid #5E0070;
box-sizing: content-box;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
}
.gk-more .gk-more-a:hover{
margin: 3px 0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.gk{
padding: 20px 0 48px;
cursor: default;
}
.gk1{
background: url(../img/bg1.jpg) center bottom no-repeat;
-moz-background-size: cover;
background-size: cover;
}
.gk1 .gk-body .gk-item:after{
content: "";
display: block;
clear: both;
}
.gk1 .gk-body .gk-item .gk-list{
float: left;
text-align: center;
height: 670px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box{
height: 580px;
position: relative;
width: 568px;
padding-top: 65px;
text-align: left;
}
.gk1 .gk-body .gk-item .gk-list .gk-box>i{
font-size: 120px;
position: absolute;
top: 50%;
width: 64px;
height: 64px;
z-index: 2;
font-weight: bold;
font-style: italic;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i{
margin-top: -102px;
right: 60px;
color: #f84350;
}
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
margin-top: -32px;
left: 0;
color: #fbf9d9;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box{
top: 70px;
color: #000;
left: 25px;
}
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
color: #fff;
left: -25px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
transform:skewX(-5deg);
z-index: 0;
box-shadow: 15px 15px 10px #ddd;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk1 .gk-body .gk-item .gk-list .gk-box:hover::before{
box-shadow: 15px 15px 10px #aaa;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box::before{
background: #fbf9d9 url(../img/ico-bg1.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box::before{
background: #f84350 url(../img/ico-bg2.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 215px;
height: 52px;
line-height: 52px;
font-size: 32px;
font-weight: bold;
text-align: center;
padding-left: 20px;
box-sizing: content-box;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-name p{
color: #000;
background: url(../img/ico-t1.png);
background-size: cover;
}
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-name p{
color: #fff;
background: url(../img/ico-t2.png);
background-size: cover;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc{
margin-top: 32px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc{
padding: 0 120px 0 20px;
}
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0 30px 0 60px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
line-height: 46px;
font-size: 22px;
position: relative;
padding-left: 133px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
position: absolute;
top: 0;
left: 0;
width: 133px;
text-align: right;
font-weight: bold;
}
.gk1 .gk-body .gk-item .gk-list .gk-box>div{
position: relative;
z-index: 1;
}
.gk2{
background: url(../img/bg2.jpg) center bottom no-repeat;
-moz-background-size: cover;
background-size: cover;
}
.gk2 .gk-head .gk-title p{
color: #fff;
}
.gk2 .gk-head b{
opacity: .08;
}
.gk2 .gk-body .gk-item{
margin: 0 -6px;
}
.gk2 .gk-body .gk-item:after{
content: '';
display: block;
clear: both;
}
.gk2 .gk-body .gk-item .gk-list{
width: 16.66%;
float: left;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
display: block;
margin: 5px 6px;
height: 120px;
padding: 18px 0 0 18px;
border-radius: 10px;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk2 .gk-body .gk-item .gk-list .gk-box:hover{
color: #333;
padding-top: 28px;
}
.gk2 .gk-body .gk-item .gk-list.l1 .gk-box{
background: #fff url(../img/gk2-1.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l2 .gk-box{
background: #fff url(../img/gk2-2.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l3 .gk-box{
background: #fff url(../img/gk2-3.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l4 .gk-box{
background: #fff url(../img/gk2-4.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l5 .gk-box{
background: #fff url(../img/gk2-5.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l6 .gk-box{
background: #fff url(../img/gk2-6.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l7 .gk-box{
background: #fff url(../img/gk2-7.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l8 .gk-box{
background: #fff url(../img/gk2-8.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l9 .gk-box{
background: #fff url(../img/gk2-9.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l10 .gk-box{
background: #fff url(../img/gk2-10.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l11 .gk-box{
background: #fff url(../img/gk2-11.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list.l12 .gk-box{
background: #fff url(../img/gk2-12.png);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
width: 100%;
height: 36px;
line-height: 36px;
background-color: transparent;
font-size: 36px;
font-weight: bold;
cursor: pointer;
margin-bottom: 5px
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
line-height: 25px;
font-size: 20px;
text-transform: unset;
color: #E80673;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-gradient(linear,left top,right bottom, from(rgba(254,104,111)), to(rgba(130,19,141)));
}
.gk3 .gk-body .gk-item{
border-radius: 20px;
overflow: hidden;
position: relative;
border: 2px solid transparent;
background-clip:padding-box,border-box;
background-origin:padding-box,border-box;
background-image:linear-gradient(90deg,#fff,#fff),
linear-gradient(90deg,rgba(254,104,111),rgba(130,19,141));
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
}
.gk3 .gk-body .gk-item::after{
content: '';
display: block;
clear: both;
}
.gk3 .gk-body .gk-item .gk-list{
width: 25%;
float: left;
padding-bottom: 30px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 30px 30px 0;
position: relative;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 2px;
height: 107px;
background-color: #f84350;
}
.gk3 .gk-body .gk-item .gk-list:first-child .gk-box::before{
background-color: transparent;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
display: block;
width: 55px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 8px;
border-bottom-right-radius: 0;
color: #fff;
font-size: 18px;
font-weight: bold;
background-image: linear-gradient(120deg, rgba(254,104,111),rgba(130,19,141));
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 10px 0 8px;
line-height: 36px;
font-size: 20px;
color: #000;
font-weight: bold;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
display: inline-block;
line-height: 24px;
height: 72px;
font-size: 18px;
}
.gk3 .gk-more .gk-more-a{
background-color: #6F1A7F;
color: #fff;
}
.gk4{
background: url(../img/bg4.jpg) center bottom no-repeat;
-moz-background-size: cover;
background-size: cover;
}
.gk4 .gk-head b{
color: #F7F6F4;
opacity: 1;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: 50px;
line-height: 50px;
margin-top: 20px;
background-color: #fff;
-moz-box-shadow: 4px 4px 7px #ddd;
-webkit-box-shadow: 4px 2px 7px #ddd;
box-shadow: 4px 4px 7px #ddd;
border-radius: 10px;
overflow: hidden;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk4 .gk-body .gk-item .gk-list .gk-box:hover{
-moz-box-shadow: 4px 4px 7px #aaa;
-webkit-box-shadow: 4px 2px 7px #aaa;
box-shadow: 4px 4px 7px #aaa;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: left;
width: 132px;
text-align: center;
color: #fff;
font-size: 20px;
font-weight: bold;
background: url(../img/gk4.png);
background-size: cover;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 20px;
font-size: 18px;
}
.gk4 .gk-more .gk-more-a,
.gk5 .gk-more .gk-more-a{
background-color: #F94350;
color: #fff;
border-color: #BB212D;
}
.gk5 .gk-body .gk-table{
border: 2px solid transparent;
background-clip:padding-box,border-box;
background-origin:padding-box,border-box;
background-image:linear-gradient(90deg,#fff,#fff),
linear-gradient(90deg,rgba(254,104,111),rgba(130,19,141));
border-radius: 10px;
-moz-box-shadow: 4px 4px 7px #ddd;
-webkit-box-shadow: 4px 2px 7px #ddd;
box-shadow: 4px 4px 7px #ddd;
overflow: hidden;
}
.gk5 .gk-body .gk-table li{
border-top: 2px solid #F84450;
vertical-align: middle;
display: flex;
}
.gk5 .gk-body .gk-table li:after{
content: '';
display: block;
clear: both;
}
.gk5 .gk-body .gk-table li span{
display: inline-block;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
float: left;
padding: 15px;
border-left: 2px solid #F84450;
font-size: 18px;
box-sizing: border-box;
vertical-align: middle;
}
.gk5 .gk-body .gk-table li span:first-child{
font-weight: bold;
border-left: none;
}
.gk5 .gk-body .gk-table li.tr1{
background-image: linear-gradient(120deg, rgba(254,104,111),rgba(130,19,141));
height: 54px;
line-height: 54px;
border-top: 0;
}
.gk5 .gk-body .gk-table li.tr1 span{
color: #fff;
height: 54px;
line-height: 54px;
font-size: 20px;
font-weight: bold;
padding: 0;
text-align: center;
}
.gk5 .gk-body .gk-table li.tr2{
border-top: none;
vertical-align: middle;
}
.gk5 .gk-body .gk-table li.tr2 span{
border-top: none;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 116px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3{
width: 260px;
}
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 250px;
}
.gk5 .gk-body .gk-table li span.span5{
border-right: none;
}
.gk5 .gk-body .gk-table li.tr3,
.gk5 .gk-body .gk-table li.tr5{
background-color: #FEFEF4;
}
.gk5 .t-lr{
display: none;
text-align: center;
margin-top: 10px;
}
.gk5 .t-lr p{
color: #41A5F5;
width: auto;
padding: 0 10px;
display: inline-block;
}
.gk6{
background: url(../img/bg6.jpg) center bottom no-repeat;
-moz-background-size: cover;
background-size: cover;
}
.gk6 .gk-head .gk-title p{
color: #fff;
}
.gk6 .gk-head b{
opacity: .1;
}
.gk6 .gk-body .gk-item{
margin: 0 -7.5px;
}
.gk6 .gk-body .gk-item:after{
content: "";
display: block;
clear: both;
}
.gk6 .gk-body .gk-item .gk-list{
width: 25%;
float: left;
text-align: center;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 8.5px 7.5px;
padding: 12px;
background-color: #fff;
position: relative;
cursor: pointer;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk6 .gk-body .gk-item .gk-list .gk-box:hover{
-moz-box-shadow: 4px 4px 2px #333;
-webkit-box-shadow: 4px 2px 2px #333;
box-shadow: 4px 4px 2px #333;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
margin-top: 10px;
height: 28px;
line-height: 28px;
font-size: 18px;
color: #181921;
font-weight: bold;
padding-top: 28px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk6 .gk-body .gk-item .gk-list .gk-box:hover>p{
color: #82138C;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box p{
margin-top: 0;
height: 0;
padding: 0;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
content: "";
display: block;
height: 2px;
width: 100%;
background: #FF9348;
position: absolute;
top: 1px;
left: 0;
background-image: linear-gradient(120deg, rgba(254,104,111),rgba(130,19,141));
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
content: "";
display: block;
position: absolute;
top: 2px;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top-color: #7C1190;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box p:before,
.gk6 .gk-body .gk-item .gk-list.last .gk-box p:after{
display: none;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
vertical-align: middle;
font-size: 20px;
font-weight: bold;
line-height: 28px;
margin-top: 10px;
padding: 0 12px 12px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
font-size: 16px;
font-weight: normal;
white-space: pre;
padding-right: 5px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-img{
height: 237px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more{
position: absolute;
left: 0;
bottom: 35px;
text-align: center;
width: 100%;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: 168px;
height: 44px;
line-height: 44px;
background-color: #FB2E3E;
color: #f3e528;
border-color: #fff;
border-radius: 5px;
font-weight: bold;
}
.gk7{
background: url(../img/bg7.jpg) center bottom no-repeat;
-moz-background-size: cover;
background-size: cover;
}
.gk7 .gk-body .gk-item{
margin: 0 -5px;
}
.gk7 .gk-body .gk-item:after{
content: '';
display: block;
clear: both;
}
.gk7 .gk-body .gk-item .gk-list{
float: left;
width: 20%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
border: 1px solid #7B1390;
margin: 7px 5px;
border-radius: 10px;
box-shadow: 3px 3px 0 #bcbcbc;
height: 130px;
background-color: #fff;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk7 .gk-body .gk-item .gk-list .gk-box:hover{
-moz-box-shadow: 4px 4px 2px #aaa;
-webkit-box-shadow: 4px 2px 2px #aaa;
box-shadow: 4px 4px 2px #aaa;
}
.gk7 .gk-body .gk-item .gk-list .gk-box img{
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk7 .gk-body .gk-item .gk-list .gk-box:hover>img{
transform: scale(1.05);
-ms-transform: scale(1.05);
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
background-color: #FB2C3C;
text-align: center;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
margin-top: 30px;
height: 30px;
line-height: 30px;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d i{
display: inline-block;
width: 12px;
height: 12px;
background-color: #f3e528;
border-radius: 50%;
margin: 0 5px;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more{
margin-top: 0;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
color: #f3e528;
border: none;
background-color: transparent;
box-shadow: none;
font-weight: bold;
width: 100%;
}
.gk8 {
background: url(../img/bg2.jpg) center top no-repeat;
-moz-background-size: cover;
background-size: cover;
padding: 0;
}
.gk8 .gk-body .gk-item{
margin: 0 -5px;
padding: 60px 0 40px;
}
.gk8 .gk-body .gk-item:after{
content: '';
display: block;
clear: both;
}
.gk8 .gk-body .gk-item .gk-list{
float: left;
width: 25%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 0 21px;
cursor: pointer;
}
.gk8 .gk-body .gk-item .gk-list .gk-box .gk-img img{
background-color: rgba(0,0,0,.4);
border-radius: 10px;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear;
}
.gk8 .gk-body .gk-item .gk-list .gk-box .gk-img img:hover{
background-color: rgba(0,0,0,.8);
}
.gk-copy{
text-align: center;
line-height: 30px;
padding: 10px 0;
margin-bottom: -15px;
}
.gk-copy,
.gk-copy p,
.gk-copy a{
color: #999 !important;
font-size: 12px;
}
.gk-copy a:hover{
opacity: .8;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 300px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 50%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: 314px;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 16.66%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 25%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
display: block;
float: left;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table{
margin: 0 auto;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 220px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
width: 100%;
height: 210px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 16.66%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 280px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 50%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: 314px;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 16.66%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 25%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table{
margin: 0 auto;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 189px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 179px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 16.66%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (min-width: 667px) and (max-width:767px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 50%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: 340px;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 25%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 189px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 179px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 16.66%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (min-width: 568px) and (max-width:666px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 50%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: 444px;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 50%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 16px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 33.33%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 197px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 187px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 16.66%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (min-width: 414px) and (max-width:567px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 100%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: auto;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 33.33%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 100%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 16px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 203px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 193px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (max-width: 413px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 100%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: auto;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 100%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 16px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 202px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 192px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (max-width: 375px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 100%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: auto;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 100%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 16px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 196px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 186px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (max-width: 360px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 100%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: auto;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 100%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 16px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 192px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 182px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}
@media screen and (max-width: 320px) {
.container{
width: 100%;
padding: 0 10px;
}
body{
font-size: 12px;
}
.top-header{
padding: 5px 0;
}
.top-header a, .top-header p{
font-size: 12px;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
width: auto;
height: 30px;
line-height: 30px;
}
.top-header .top-header-table .top-link-left img{
margin: 0 0 5px 0;
max-width: 80px;
height: auto;
max-height: 30px;
}
.top-header .top-header-table .top-text-right{
float: right;
}
.banner{
-moz-background-size: cover;
background-size: cover;
}
.banner .banner-text{
width: auto;
padding: 0;
}
.banner .banner-text img{
margin: 10px 0 10px 60px;
width: 180px;
}
.banner .banner-text .gk-more .gk-more-a{
width: auto;
margin-left: 60px;
font-size: 14px;
padding: 0 15px;
border-width: 1px;
height: 24px;
line-height: 24px;
margin-bottom: 20px;
box-sizing: border-box;
}
.gk{
padding: 10px 0;
}
.gk-head{
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0;
}
.gk-head b{
height: 40px;
line-height: 40px;
}
.gk-head .gk-title,
.gk-head b{
font-size: 16px;
}
.gk-head .gk-title::before{
width: 20px;
height: 20px;
top: 5px;
opacity: .5;
}
.gk-more{
margin-top: 10px;
height: auto;
}
.gk-more .gk-more-a{
height: 34px;
line-height: 34px;
font-size: 14px;
padding: 0 20px;
width: auto;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list{
width: 100%;
height: auto;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box{
width: 100%;
float: left;
left: 0;
top: 0;
padding: 10px;
height: auto;
margin-top: 10px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box::before{
transform: skewX(0);
box-shadow: none;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box>i,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box>i{
display: none;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name{
width: 124px;
height: 30px;
line-height: 30px;
padding-left: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-name p{
font-size: 16px;
}
.gk1 .gk-body .gk-item .gk-list.l1 .gk-box .gk-desc,
.gk1 .gk-body .gk-item .gk-list.l2 .gk-box .gk-desc{
padding: 0;
margin: 0;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p{
font-size: 14px;
padding-left: 85px;
line-height: 26px;
margin-top: 5px;
}
.gk1 .gk-body .gk-item .gk-list .gk-box .gk-desc p span{
width: 84px;
}
.gk2 .gk-body .gk-item{
margin: 0 -5px;
}
.gk2 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk2 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 10px 10px 0;
height: 60px;
border-radius: 5px;
}
.gk2 .gk-body .gk-item .gk-list .gk-box p{
font-size: 16px;
height: 20px;
line-height: 20px;
margin: 0;
}
.gk2 .gk-body .gk-item .gk-list .gk-box span{
font-size: 14px;
}
.gk3 .gk-body .gk-item{
border-radius: 5px;
border-width: 1px;
}
.gk3 .gk-body .gk-item .gk-list{
width: 100%;
padding-bottom: 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box{
padding: 10px 10px 0;
}
.gk3 .gk-body .gk-item .gk-list .gk-box::before{
display: none;
}
.gk3 .gk-body .gk-item .gk-list .gk-box i{
width: 30px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box p{
margin: 5px 0;
line-height: 36px;
font-size: 16px;
}
.gk3 .gk-body .gk-item .gk-list .gk-box span{
height: auto;
font-size: 14px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box{
height: auto;
line-height: 34px;
margin-top: 10px;
border-radius: 5px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box p{
float: none;
width: 100%;
background: #F84350;
font-size: 16px;
}
.gk4 .gk-body .gk-item .gk-list .gk-box span{
padding: 0 10px;
font-size: 14px;
display: block;
}
.gk5 .gk-body{
overflow-x : scroll;
}
.gk5 .gk-body .gk-table{
width: 688px;
border-radius: 5px;
}
.gk5 .gk-body .gk-table li.tr1{
width: auto;
}
.gk5 .t-lr{
display: block;
}
.gk5 .gk-body .gk-table li span.span1,
.gk5 .gk-body .gk-table li.tr1 span.span1{
width: 84px;
}
.gk5 .gk-body .gk-table li span.span2,
.gk5 .gk-body .gk-table li span.span3,
.gk5 .gk-body .gk-table li.tr1 span.span2,
.gk5 .gk-body .gk-table li.tr1 span.span3,
.gk5 .gk-body .gk-table li span.span4,
.gk5 .gk-body .gk-table li span.span5,
.gk5 .gk-body .gk-table li.tr1 span.span4,
.gk5 .gk-body .gk-table li.tr1 span.span5{
width: 150px;
}
.gk5 .gk-body .gk-table li.tr1 span{
font-size: 16px;
}
.gk5 .gk-body .gk-table,
.gk5 .gk-body .gk-table li,
.gk5 .gk-body .gk-table li span{
border-width: 1px;
}
.gk5 .gk-body .gk-table li span{
padding: 10px;
font-size: 14px;
}
.gk6 .gk-body .gk-item{
margin: 0 -5px;
}
.gk6 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk6 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
padding: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p{
padding-top: 18px;
font-size: 16px;
margin-top: 5px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:before{
height: 1px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box p:after{
border-width: 6px;
margin-left: -6px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major{
padding: 0;
margin: 0 0 5px;
line-height: 22px;
height: 72px;
}
.gk6 .gk-body .gk-item .gk-list .gk-box .yish-major span{
white-space: normal;
font-size: 14px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box{
height: 185px;
overflow: hidden;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box img{
max-width: 200%;
height: 175px;
}
.gk6 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
}
.gk7 .gk-body .gk-item .gk-list{
width: 25%;
}
.gk7 .gk-body .gk-item .gk-list .gk-box{
height: auto;
border-radius: 5px;
margin: 5px;
box-shadow: none;
}
.gk7 .gk-body .gk-item .gk-list.last{
width: 100%;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box{
width: auto;
margin: 0 auto;
float: none;
background-color: transparent;
border: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-d{
display: none;
}
.gk7 .gk-body .gk-item .gk-list.last .gk-box .gk-more-a{
width: auto;
padding: 0 20px;
background-color: #FB2C3C;
height: 30px;
line-height: 30px;
margin-top: 10px;
}
.gk8 .gk-body .gk-item{
padding: 10px 0;
margin: 0 -5px;
}
.gk8 .gk-body .gk-item .gk-list{
width: 50%;
}
.gk8 .gk-body .gk-item .gk-list .gk-box{
margin: 5px;
}
.gk-copy{
margin-top: 0;
line-height: 20px;
padding: 10px 0;
}
}