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); } }