/*
Theme name: DingShe
Author: Me
Author URI: https://www.net.cn/
*/
* { -webkit-tap-highlight-color: transparent; }
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,main,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}

body {background: #f8f8f8;font-size: 14px;font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {cursor: pointer;color: #ef443b; text-decoration: none;font-weight: 400;outline: none; }
a:hover { color: #ef443b;border-bottom: none }
input { -webkit-appearance: none; border-radius: 0; }
input:focus { outline: none; }
.clear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }

/*gold*/
.inner { width: 1280px; margin: 0 auto; }
.blank { height: 82px; width: 100%; }
.thumbnail a { display: block; position: relative; overflow: hidden; padding-bottom: 75%; }
.thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; }

/*header*/
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 999; transition: all 0.3s ease 0s; box-shadow: 0 3px 4px rgba(153, 153, 153, 0.5);     background: #fff}
.header .inner { position: relative; }
.header.fixed { background: rgba(255, 255, 255, 0.95); }

/*logo*/
#logo {float: left;}
#logo a {display: block;border-bottom:none;line-height: 58px;color: #ef443b;font-size: 24px;overflow: hidden;background: no-repeat left center;background-size: contain;font-weight: 700;}

/*nav*/
.nav { float:left; padding-left:10%;}
.nav li {float: left;list-style: none;font-size: 14px;line-height: 34px;position: relative;padding: 12px 15px;}
.nav li a {color: #222;border-bottom: none;display: block;padding: 0 12px;font-size: 16px;transition: all 0.3s ease 0s;}
.nav li.cur > a { background-color: #f1f3f4; color: #ef443b; border-radius: 2px; }
.nav li ul { position: absolute; left: 50%; top: 100%; width: 140px; margin-left: -70px; background-color: #f1f3f4; display: none; }
.nav li li { float: none; padding: 0; font-size: 14px; text-align: center; border-bottom: 1px solid #f1f3f4; border-top: 1px solid #f1f3f4; }
.nav li li a { color: #1a73e8; padding: 5px; }
.nav li li a:hover { background-color: #f1f3f4; }
.nav li em,
.navBtn { display: none; }

/*searchbox*/
.search { float: right; padding: 18px 0; }
.search span { cursor: pointer; color: #BDC3C7; font-size: 18px; width: 22px; height: 22px; line-height: 22px; display: block; background: url(images/icon_search.png) no-repeat center center;
    background-size: contain;margin-right: 15px;}
.search .form {position: absolute;right: 1px;top: 100%;margin-top: 1px;background-color: #fff;background-color: rgba(255, 255, 255, .9);padding: 10px 0;display: none;width: 100%;}
.search form {border: 1px solid #ef443b;width: 80%;overflow: hidden;padding-right: 0;position: relative;margin: 0 auto 0;}
.search .text { height: 24px; line-height: 24px; padding: 5px 3%; width: 94%; border: none; }
.search .submit {background-color: #ef443b;position: absolute;right: 0;top: 0;width: 15%;height: 100%;-webkit-appearance: none;cursor: pointer;color: #fff;border: none;font-size: 14px;}
/*searchbox*/
.searchbox {float: right;padding: 19px 0;}
.searchbox a{background:#ef443b;border-bottom: none;font-size:14px;padding:10px 20px;border-radius:8px;color:#fff;}

.main{padding:58px 0 3%;min-height:600px;}
h3.title{text-align: center;padding:60px 0 20px;font-size:36px;}
h3.title a{color:#333;font-weight:700;}
p.txt{text-align: center;margin-top:-10px;margin-bottom:20px;    color: #666;}

.banner{margin:0 auto}
.banner img{max-width:100%;width:100%}

.list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px}
.infoblock{padding:10px;background:#fff;border-radius:10px}
.item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fbe2e7;align-items: center;}
.pr{position:relative}
.hawarpblock{position:absolute;bottom:10px;z-index:10;right:10px}
.tr,.tright{text-align:right!important}
.arealabs{padding:1px 4px;background:#ff4467;border-radius:5px;color:#fff}
.mt5{margin-top:5px}
.ageblockabs{padding:1px 4px;background:#fca886;border-radius:5px;color:#fff}
.heightblockabs{padding:1px 4px;background:#00c7ff;border-radius:5px;color:#fff}
.imageblock{width:100%;text-align:center;position:relative;padding-bottom:140%;overflow:hidden;display:block}
.imageblock img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}
.pt10{padding:10px}
.infoblock .desc,.infoblock2 .desc{line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;margin:10px 0;font-size:16px;-webkit-box-orient:vertical;word-wrap:break-word}
.fs16{font-size:16px!important}
.mg1015{margin:10px 0}
.overflowhide{overflow:hidden}
.subbgcolor{background:#fbe2e7!important}
.br10{border-radius:10px}
.infoblock .title,.infoblock2 .title{font-size:18px;text-align:center;font-weight:700;color:#dc143c;border:none}
.m10{margin:10px}
.overhidenoe{white-space:nowrap;overflow:hidden;margin-top:5px;text-align:center;padding:5px 15px;border-radius:10px;background:#fff}

.swiper-container{width:100%;height:350px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);margin-bottom:40px;position:relative}
.swiper-slide{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease;height:100%}
.swiper-slide:hover{transform:scale(1.02)}
.image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f8f9fa}
.swiper-slide img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition:transform .5s ease}
.swiper-slide:hover img{transform:scale(1.05)}
.swiper-button-next,.swiper-button-prev{width:50px;height:50px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease;top:50%;transform:translateY(-50%);z-index:10}
.swiper-button-next{right:20px}
.swiper-button-prev{left:20px}
.swiper-button-next:after,.swiper-button-prev:after{font-size:20px;color:#2c3e50;font-weight:700}
.swiper-button-next:hover,.swiper-button-prev:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}
.lightbox.active{display:flex;opacity:1}
.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}
.lightbox-image-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;overflow:auto;padding:20px}
.lightbox-image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px;box-shadow:0 5px 25px rgba(0,0,0,.5)}
.lightbox-close{position:absolute;top:20px;right:20px;color:#fff;font-size:2.5rem;cursor:pointer;background:rgba(0,0,0,.5);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background .3s ease}
.lightbox-close:hover{background:rgba(0,0,0,.8)}
.lightbox-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 20px;z-index:1001}
.lightbox-nav button{background:rgba(255,255,255,.2);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.lightbox-nav button:hover{background:rgba(255,255,255,.4)}
.lightbox-counter{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#fff;font-size:1.1rem;z-index:1001}
.instructions{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);max-width:600px;margin:0 auto}
.instructions h2{color:#2c3e50;margin-bottom:15px}
.instructions p{color:#7f8c8d;line-height:1.6;margin-bottom:10px}
@media (max-width:768px){.swiper-container{height:300px}
.swiper-button-next,.swiper-button-prev{width:40px;height:40px}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px}
.lightbox-content{padding:20px}
}
.swiper-button-next, .swiper-button-prev{width:45px!important;height:45px!important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 24px!important;}
.pt20{padding:40px 0!important;}
/*pagination*/
.pagination{display:block;margin:30px 0 0;padding-bottom:30px;text-align:center}
.pagination a{display:inline-block;margin:0 3px 0 0;width:36px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#2b2929;color:hsla(0,0%,100%,.8);text-align:center;line-height:36px}
.pagination a i{width:36px;height:36px;line-height:36px}
.pagination .current,.pagination a:hover{background:#505050;color:hsla(0,0%,100%,.8);text-decoration:none}
.pagination .page-number{display:inline-block;margin:0 3px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#2b2929;color:hsla(0,0%,100%,.8);line-height:36px}

.newsitebg{background:#ededed;padding:20px;margin-top:20px}
.ib{display:inline-block;vertical-align:top!important}
.ib h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#dc143c;font-size:18px}
.girlbr{height:50px;width:50px;line-height:50px;border-radius:35px;overflow:hidden;margin-right:10px;margin-top:7px}
.girlbr img{height:100%;object-fit:cover;width:100%}
.ageheight{border:#ebd5b6 1px solid;border-radius:3px;margin-top:5px}
.ageheight .age{background:#f8f1eb}
.ageheight span{padding:2px 5px;color:#d27f48;background:#fff}
.content{background:#fff;padding:20px}
.flex-container{display:flex;gap:20px}
.block-1{flex:0 0 calc(30% - 10px)}
.block-2{flex:0 0 calc(70% - 10px);overflow:hidden}
.posre{position:relative;padding-top:0!important;font-size:18px}
.btn{display:inline-block;height:30px;line-height:30px;padding:0 18px;background-color:#dc143c;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:10px;cursor:pointer}
.posabs{position:absolute;color:#ff4467;top:5px;right:10px}
.vtop{vertical-align:top;font-size:14px}
.block-1 p{font-size:16px;margin-top:10px;line-height:32px}
.block-2 .swiper-container{box-shadow:none;margin-top:15px}
.one-1{flex:0 0 calc(70% - 10px)}
.one-2{flex:0 0 calc(30% - 10px);overflow:hidden}
.sidebar{margin-top:20px;    padding: 0 1%;    flex: 0 0 calc(28% - 10px);}
.video-container{position:relative;margin-top:15px;width:100%;margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3);cursor:pointer}
video{width:100%;display:block;background:#000}
.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:1;transition:opacity .3s}
.play-overlay.hidden{opacity:0;pointer-events:none}
.play-icon{width:80px;height:80px;background:rgba(255,71,87,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:transform .3s,background .3s}
.play-overlay:hover .play-icon{transform:scale(1.1);background:#ff4757}

.con{margin:15px auto;line-height:200%;font-size:16px;color: #333;margin-bottom:1rem}
.con h2,.con h3,.con h4,.con h5{line-height:1.4;margin:25px 0;padding:0;color: #333;font-weight:700;padding:10px 0 10px 10px}
.con h2,.con h3,.con h4,.con h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:1.4}
.con h3{font-size:18px}
.con h4{font-size:15px}
.con h5{font-size:14px}
.con img{max-width:100%;margin:auto;display:block}
.con iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.con ol,.con ul{margin:0 0 18px 15px}
.con ul{list-style:disc}
.con ol{list-style:decimal}
.con li{margin-bottom:6px}
.con p{padding:0 0 6px 0;word-wrap:break-word;line-height:180%}
.con pre{word-wrap:break-word}
.con table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.con table th{background-color:#f9f9f9;text-align:center}
.con table td,.con table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
blockquote{background:#f3f3f3;padding:20px;border-radius:10px;margin-left:20px;margin-bottom:10px}
blockquote p{padding-bottom:0!important}



.footer{background:#111827;color:#9ca3af;padding:64px 0 32px}
.footer-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;}
.footer-content{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-bottom:48px}
.footer-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}
.footer-links{list-style:none}
.footer-links li{margin-bottom:8px}
.footer-links a{color:#9ca3af;text-decoration:none;font-size:14px;transition:color .3s}
.footer-links a:hover{color:#fff}
.footer-ewm .footer-title{text-align: center;}
.footer-two{padding: 20px 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;justify-items: center;}
.footer-two span{display: block;font-size:18px;color:#fff;text-align: center;}
.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid #374151}
.footer-bottom p{font-size:14px;margin-bottom:8px}

        



















@media only screen and (max-width:1280px) {
	.main{padding-top:60px;}
	/*1280*/
	.inner { width: 93.75%; }
	/*1280*/
	#logo { padding: 19px 0; }
	#logo a {height: 40px;}
	/*1280*/
	.nav li { font-size: 16px; padding-left: 10px; padding-right: 10px; }
}
@media only screen and (max-width:1024px) {
	/*1024px*/
	.blank { height: 58px; }
body{-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}

	/*1024px*/
	.searchbox { padding: 17px 20px; }
	.searchbox span { color: #999; font-size: 20px; }
	
	.menu-on{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transform:translateX(80%);-ms-transform:translateX(80%);transform:translateX(80%);-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
	.menu-on .header{box-shadow:none}
	.menu-on .menu-on-shadow{display:block;position:fixed;z-index:19999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);content:"";cursor:pointer}
	.menu-on .navBtn{position: fixed;right: 104%;z-index: 999;}
	.menu-on #logo{position: fixed;top: 0;right: 100%;width: 80%;transition: all 0.3s ease 0s;box-shadow: 0 3px 4px rgb(153 153 153 / 50%);}
	.menu-on #logo a{ margin-left:5%;}

	/*1024px*/
	#logo {padding: 0;}
	#logo a {height: 58px;padding-left: 0;}

	/*1024px*/
	.navBtn { display: block; width: 22px; position: relative; float: right; height: 24px; padding: 17px 0; cursor: pointer; }
	.navBtn span { display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top: 50%; left: 0; margin-top: -1px; }
	.navBtn span:before,
	.navBtn span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #999; position: absolute; left: 0; top: -8.5px; transition: transform .3s; transition: transform .3s; }
	.navBtn span:after { top: auto; bottom: -8px; }
	.navBtn.open span { height: 0; }
	.navBtn.open span:before { transform: rotate(45deg); top: 0; }
	.navBtn.open span:after { transform: rotate(-45deg); bottom: auto; top: 0; }

	/*1024px*/
	.nav {position: fixed;padding-left:0;left: -80%;top:58px;width: 80%;z-index: 9;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;transition: left .3s;}
	.nav.open {left: -80%;}
	.nav ul {padding:5px 0 30px 0;}
	.nav li { float: none; padding: 0; position: relative;border-bottom: 1px solid #eee; }
	.nav li a {color: #222;padding: 5px 45px 5px 20px;}
	.nav li em { display: block; position: absolute; width: 34px; height: 34px; right: 10px; top: 5px; cursor: pointer; }
	.nav li em:after {content: '';display: block;border-right: 1px solid #222;border-bottom: 1px solid #222;transform: rotate(-45deg);width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -6px;transition: all .3s;}
	.nav li em.open:after { transform: rotate(45deg); margin-top: -8px; }
	.nav li ul { position: static; left: auto; top: auto; margin-left: 0; width: auto; background-color: transparent; padding: 0; }
	.nav li li { border: none; text-align: left; border-bottom:none; border-top: 1px solid #eee;}
	.nav li li a {padding: 5px 0px 5px 3em;color: #222;font-size: 15px;}
	
}
@media only screen and (max-width:768px) {
	/*768*/
	.header .inner { position: static; }
	.list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media only screen and (max-width:767px) {
	.list,.footer-grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.flex-container{flex-direction: column;}
}