html,body{
margin: 0 auto;
width: 100%;
overflow-x: hidden;
}
html, body {
font-family: "Microsoft Yahei","微软雅黑","Helvetica Neue","Hiragino Sans GB",Helvetica,Tahoma,sans-serif;
}
.padding-none{
padding: 0px;
}
.dn{
display: none;
}
.oh{
overflow: hidden
}
.banner2{
padding: 15px 0 0 10px;
}
.am-topbar { background: #eee;}
.am-topbar-brand img {
width: 80px;
}
.am-active .am-btn-warning.am-dropdown-toggle, .am-btn-warning.am-active, .am-btn-warning:active, .am-btn-warning:focus, .am-btn-warning:hover {
color: #fff;
border-color: #eee;
}
.am-btn-warning:focus, .am-btn-warning:hover {
background-color: #479CDF;
}
.am-btn-warning {
color: #fff;
background-color: #4C9EB3;
border-color: #479CDF;
}
.am-topbar-nav > li > a::after, .am-topbar-nav > li > a:focus, .am-topbar-nav > li > a:hover {
background-color: #479CDF;
color: #fff;
}
.am-topbar a {
color: #333;
}
.am-nav > li.am-active > a, .am-nav > li.am-active > a:focus, .am-nav > li.am-active > a:hover {
color: #fff;
background-color: #479CDF;
cursor: default;
}
a {
color: #333;
}
.am-pagination > .am-active > a, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span, .am-pagination > .am-active > span:focus, .am-pagination > .am-active > span:hover {
z-index: 2;
color: #fff;
background-color: #479CDF;
border-color: #479CDF;
cursor: default;
}
.am-gallery-default .am-gallery-item img {
width: 100%;
height: auto;
width: 100px;
float: left;
margin-right: 10px;
}
.backicon{ display:none;}
.am-header-icon-custom { height:30px; margin-top:10px; display:none;}
#overlay {
position: fixed;
background: rgba(0,0,0,0.4);
top: 0px;
right: 0px;
bottom: 0px;
z-index: 998;
display: none;
width: 100%;
height: 100%;
}
#qcode_tip {
display: block;
position: fixed;
background-color: rgba(255, 255, 255,0);
top: 15%;
left: 0;
right: 0;
bottom: 15%;
margin: auto;
z-index: 100000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.pic_share1 {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.closebtn {
width: 32px;
height: 32px;
position: absolute;
right: 0px;
top: -10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.closebtn a {
width: 32px;
height: 32px;
display: block;
overflow: hidden;
text-indent: -9999em;
background: #F8F8F8 url("/lyszipservicecom/Public/images/closebtn.png") no-repeat center center;
background-size: 24px 24px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.top_tips {
height: 40px;
line-height: 40px;
font-size: 14px;
position: fixed;
top: 0;
width: 100%;
box-sizing: border-box;
text-align: center;
z-index: 10000;
background: rgba(255,235,155,0.95);
color: #A65018;
}
.share-btn {
margin-top:5px;
float:right;
width: 4rem;
height: 1.3rem;
background: url("/lyszipservicecom/Public/images/detail-share.png") no-repeat;
background-size: 100%;
}
.flash-news-list{ padding:0;margin-left: 10px; border-left:1px solid #E4F0FB;}
.flash-news-list .flash-news {
margin-top: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
height: auto;
margin-bottom: 30px;
}
.flash-news-list .flash-news .news-item {
padding: 0 20px 0 10px;;
position: relative;
}
.flash-news-list .flash-news .news-item .new-time {
display: inline-block;
width: 45px;
color: #fff;
line-height: 20px;
height: 20px;
text-align: center;
background:#1D65D1;
margin-left:-25px;
}
.flash-news-list .flash-news .news-item p.news-detail {
display: block;
width: 100%;
overflow: hidden;
text-align: justify;
margin-top: 10px;
font-size: 16px;
line-height: 24px;
padding-bottom: 5px;
word-break: break-all;
word-wrap: break-word;
}
.am-u-lg-8 {
width: 100%;
}
.gzwx{ margin-left:20px; margin-top:8px;}
.am-popover {
border: 1px solid #eee;
}
.am-popover-inner {
background: #eee;
padding: 2px;
}
.am-popover-caret {
border-bottom: 8px solid #eee;
}
.am-titlebar-multi a {
color: #123C6F;
}
@media (max-width: 1024px) {
.banner2{
padding: 15px 0 0 0;
}
}
.am-slides img{
}
/*index*/
.banner{
margin-top: 10px;
}
.star{
width: 100%;
border-bottom: 1px solid #e1652f;
height: 15px;
text-align: center;
margin: 20px 0 30px 0;
}
.star span{
font-size: 100%;
background-color: #ffffff;
padding: 0 20px;
}
.star img{
height: 25px;
margin: -5px 10px 0 0;
}
.newatype a{
color: #222222;
}
.newatype a:hover{
color: #e1652f;
}
.news .am-list-news-bd .am-list li{
padding: 20px 0;
}
.face{
border-radius: 500px;
}
.right-bg{
padding:20px;
background-color: #f5f5f5;
margin-top: 0px;
}
.right-bg .am-list > li {
background-color: #f5f5f5;
border: 0px;
}
.right-bg .am-list-item-text{
font-size: 75%;
}
.right-bg .am-list .am-list-item-desced {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.am-titlebar .am-titlebar-title{
color: #222222;
}
.am-titlebar .am-titlebar-nav a{
color: #dddddd;
}
.am-titlebar .am-titlebar-nav a:hover{
color: #222;
}
.right-bg img {
}
footer{
background-color: #222222;
color: #ddd;
padding: 50px 0;
text-align: center;
margin-top: 50px;
}
footer a{
color: #ddd;
}
footer a:hover{
color: #fff;
}
.content{
max-width: 550px;
margin: 0 auto;
}
.am-titlebar-multi {
background-color: #eee;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top:0;
}
.am-titlebar .am-titlebar-title {
color: #123C6F;
font-size:24px;
}
.am-titlebar .am-titlebar-nav a {
color: #123C6F;
font-size:14px;
}
.mTab { background: #fff; margin: 0;}
.mTab .am-tabs-nav a { background: #fff;}
.mTab .am-tabs-nav>.am-active a { color: #222;}
.mTab .am-tabs-nav { background: #d2cfd0;}
.mTab .am-tabs-nav a {color: #71757b;}
.mTab .am-tabs-nav li { height: 43px;}
.mTab .am-tabs-nav>.am-active:after { border: none;}
.mTab .am-tabs-nav>.am-active { border-bottom: 4px solid #123C6F;}
.am-tabs-bd .myAppTabPanel { padding: 0;}
.am-tabs-bd {
border: none;
}
@media (max-width: 640px) {
.content{
font-size: 75%;
}
}
.btnlogo{
margin: 20px 0;
max-width: 500px;
text-align: center;
}
.btnlogo img{
width: 300px;
}
.w2div{
width: 350px;
margin: 0 auto;
}
.w2 .am-gallery-item img {
width: 150px;
}
.lrad img{
width: 100%;
}
@media only screen and (max-width: 640px) {
.lrad img{
margin-top: 10px;
}
.contents img?{
width:?100%;
}
}
@media (max-width: 1024px) and (min-width: 640px){
.lrad img{
padding:5px 0;
width: 99%;
}
.lrad .ms{
}
}
@media only screen and (min-width: 1024px) {
.lrad img{
margin: 0 0 10px 10px;
width: 98%;
}
}
.newshui {
background-color: #f5f5f5;
padding-bottom: 50px;
}
.newshui .am-list li{
background-color: #f5f5f5;
border: 0px;
border-bottom: 2px solid #eeeeee;
padding: 10px;
}
.newshui .am-list li:hover{
background-color: #dddddd;
}
.newshui h3{
font-size: 150%;
}
.newshui a{
color: #222222;
}
.newshui a:hover{
color: #e1652f;
}
.tag{
background-color:#f5f5f5;
margin: 0 0 0 10px;
padding: 20px;
padding-bottom: 50px;
}
.bgtag{
background-color:#f5f5f5;
padding: 20px;
padding-bottom: 50px;
}
.tag li{
background-color: #fff;
padding: 5px 8px;
float: left;
margin: 5px;
list-style-type: none;
}
.tag .active{
background-color: #e1652f;
color: #fff;
}
.tag .active a{
color: #ffffff;
}
.tag .active a:hover{
color: #ddd;
}
.mcenter{
margin: 20px auto;
}
.events .am-gallery-item .efe{
text-align: center;
margin: 0px;
padding: 20px 0;
font-size: 120%;
font-weight:900;
}
.events .am-gallery-item p{
margin: 0px;
}
.events a{
color: #222;
}
.events a:hover{
color: #f16529;
}
.fee{
margin-top: 20px;
height: 20px;
}
.events-btn{
text-align: center;
padding: 20px 0 10px 0;
}
#hdxq{
background-color: #f5f5f5;
padding: 20px;
margin: 10px 10px 0 10px
}
#hdxq h2{
margin: 0px;
font-weight:300;
}
#baoming{
padding: 20px;
border: 10px solid #ddd;
}
.newsico{
color: #ddd;
position: absolute;
margin-top: -30px;
margin-left: 50%;
}
@media only screen and (max-width: 640px) {
.newsico{
margin-left: 65%;
}
}
@media only screen and (min-width: 640px) {
.newsico{
margin-left: 75%;
}
}
.newstitles{
margin: 20px 0;
}
.newstitles h2{
font-size: 200%;
margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
.newstitles h2{
font-size: 150%;
}
.newstitles span{font-size: 80%;}
}
.newstitles img{
width: 30px;
border-radius: 30px;
}
.newstitles span{
color: #aaa;
padding: 0 5px;
}
.contents{
margin: 30px auto;
}
.shang{
width: 100%;
text-align: center;
height: 200px;
line-height: 200px;
}
#category_top{
background-image: url("/lyszipservicecom/Public/images/zlbg.png");
background-position: center center;
background-repeat: no-repeat;
padding: 30px 0;
height: 370px;
overflow: hidden;
}
@media (max-width: 640px) {
#category_top{
height: 350px;
}
.am-list-news-default .am-list-item-hd {
font-size: 1.4rem;
}
}
.kz{
height: 350px;
line-height:250px;
width:20px;
position: absolute;
text-align:center;
}
.kz i{
color: #ffffff;
font-size: 300%
}
#category_top li{
text-align: center;
height: 500px;
}
#category_top .ctl{
padding: 30px 10px;
background-color: #222222;
}
.ctl{
width: 80%;
margin: 0 auto;
text-align: center;
color: #fff;
}
.ctl img{
border-radius: 150px;
width: 50%;
border: 3px solid #fff;
margin-bottom: 20px;
padding: 2px;
}
.ctl h3,.ctl p{
margin: 0px;
height: 30px;
line-height: 30px;
font-weight: 400;
}
#category_top button{
margin-top: 30px;
}
#category_top .am-btn-default{
color: #ffffff;
background:none;
}
#category_top .active{
border: 2px solid #e1652f;
}
.ctl:hover{
border: 2px solid #e1652f;
}
#cattit{
width: 300px;
margin: 0 auto;
padding: 30px 0 0 0;
text-align: center;
font-size: 150%;
}
#cattit .active-none a{
color: #222;
}
#cattit .active-none a:hover{
color: #e1652f;
}
.cattlist_0{
width: 90%;
margin: 0 auto;
border: 1px solid #e6e6e6;
}
.cattlist_1{
background-color: #e6e6e6;
height: 120px;
width: 100%;
}
.cattlist_1 img{
width: 100%;
border-radius: 210px;
}
@media (max-width: 640px) {
.cattlist_1 img{
width: 90%;
}
.contents img{
width: 96%;
}
}
.cattlist_2{
height: 150px;
width: 100%;
padding: 10px;
overflow: hidden;
}
.cattlist_1 h3{
margin: 0px;
padding-top: 10%;
}
.cattlist_1 h4{
margin: 0px;
font-size: 85%;
padding-bottom: 10px;
font-weight: 200;
}
.cattlist_1 p{
margin: 0px;
font-size: 85%;
}
.cattlist_1 p span{
font-size: 150%;
padding: 5px 10px;
}
.cattlist_3{
height: 50px;
text-align: right;
padding-right: 20px;
}
#cattlist li{
margin-bottom: 20px;
}
.category2top{
background-image: url("/lyszipservicecom/Public/images/zlbg.png");
background-position: center center;
background-repeat: no-repeat;
padding: 30px 0;
height: 320px;
overflow: hidden;
color: #fff;
}
.category2top img{
border-radius: 300px;
width: 100%;
border: 5px solid #ffffff;
padding: 5px;
margin-top: -30px;
}
@media (max-width: 1024px) {
.category2top img{
width: 150px;
}
}
.userinfo{
max-width: 1000px;
}
.userin h3{
margin: 0px;
padding-top: 10%;
font-size: 120%;
}
.userin h4{
margin: 0px;
font-size: 85%;
padding-bottom: 10px;
font-weight: 200;
}
.userin p{
margin: 0px;
font-size: 85%;
}
.userin p span{
font-size: 150%;
padding: 5px 10px;
}
@media (max-width: 1024px) {
.userin h3{
margin: 0px;
padding-top: 10px;
font-size: 120%;
}
.userin p span{
font-size: 150%;
padding: 0px 10px;
}
.userin,.userface{
text-align: center
}
.category2top{
height: 400px;
}
}
.userinfo_left{
padding-top: 50px;
}
.userinfo_center{
padding: 80px 0 0 10px;
}
.userinfo_right{
padding-top: 100px;
text-align: right;
}
.banner{ display:none; margin: 0;}
@media (max-width: 640px) {
.newsshow img{
width: 98%;
}
.am-topbar-brand {
margin-left: 30%;
}
.am-topbar-btn {
margin-top: 12px;
}
.backicon{ float:left; display:block; width:18px;}
.am-header-icon-custom { height:25px; margin-top:10px; display:block;}
.banner{ display:block;}
}
.cbutton {
position: relative;
display: inline-block;
margin: 1em;
padding: 0;
border: none;
background: none;
color: #286aab;
font-size: 1.4em;
overflow: visible;
}
/* Ivana */
.cbutton--effect-ivana::before {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -35px;
width: 70px;
height: 70px;
border-radius: 50%;
content: '';
opacity: 0;
pointer-events: none;
}
.cbutton--effect-ivana.cbutton--click::before {
box-shadow: 0 0 0 5px rgba(255,255,255,0.8);
-webkit-animation: anim-effect-ivana-1 1s infinite;
animation: anim-effect-ivana-1 1s infinite;
}
.cbutton--effect-ivana.cbutton--click2::before {
box-shadow: 0 0 0 3px rgba(255,255,255,0.8);
-webkit-animation: anim-effect-ivana-1 1s infinite ease 0.2s;
animation: anim-effect-ivana-1 1s infinite ease 0.2s;
}
.cbutton--effect-ivana.cbutton--click2::before {
box-shadow: 0 0 0 2px rgba(255,255,255,0.8);
-webkit-animation: anim-effect-ivana-1 1s infinite ease 0.1s;
animation: anim-effect-ivana-1 1s infinite ease 0.1s;
}
@-webkit-keyframes anim-effect-ivana-1 {
0% {
opacity: 1;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
}
@keyframes anim-effect-ivana-1 {
0% {
opacity: 1;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
}
.banner{ position:relative; width:720px; height:270px; overflow:hidden; width:100%;height: auto;}
.banner .img img{ width:100%;}
.banner .fig{
position:absolute; left:0px; bottom:0px; z-index:9;
-webkit-animation: figmove 1s infinite;
animation: figmove 1s infinite;
}
.banner .fig img{ width:80%;}
.banner .box{ position:absolute; left:9px; bottom:1px;}
.am-with-topbar-fixed-top {
padding-top: 45px;
}
@-webkit-keyframes figmove {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-5px, 5px);
transform: translate(-5px, 5px);
}
}
@keyframes figmove {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(-5px, 5px);
transform: translate(-5px, 5px);
}
}