@charset "utf-8";
/*
Theme ID: 132720
Author: 我爱模板网
Author QQ：820896380
Author Email：820896380@qq.com
Author URL: http://www.52muban.com/
*/
/* -- 全局 -- */
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article,footer,header,section {display: block;}
a:active,a:hover {outline: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0;padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #888;background-color: #f6f6f6;margin: 0;padding: 0;}
ul,li,dl,dd,dt,p {list-style: none;margin: 0;padding: 0;}
a {color: #333;text-decoration: none;}
a:hover{color: #b225b3;}
.container {margin-right: auto;margin-left: auto;padding-left: 10px;padding-right: 10px;}
.row {margin-left: -10px;margin-right: -10px;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {content: " ";display: table;}
.clearfix:after,.container:after,.container-fluid:after,.row:after {clear: both;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.hidden {display: none !important;}
button,
input,
select,
textarea {color: inherit;font: inherit;margin: 0;padding: 0;outline: 0;}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position: relative;min-height: 1px;padding-left: 10px;padding-right: 10px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float: left;}
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}
}

/* TianHu Theme  */
.th_top {
margin-top: 20px;
}

.project-list-wrapper {
overflow: hidden;
padding-bottom: 55px
}

.project-list .project-list-item {
cursor: pointer;
display: flex;
position: relative;
margin-top: 60px;
margin-right: 40px;
width: 560px;
height: 237px;
background: #fff;
box-shadow: 0 0 15px 0 hsla(203,6%,45%,.09);
border-radius: 8px;
float: left;
transition: transform .2s
}

.project-list .project-list-item .stock {
margin-left: 8px;
color: #ff6699;
font-size: 12px
}

.project-list .project-list-item .hot {
display: inline-block;
min-width: 43px;
height: 18px;
margin-left: 8px;
padding-right: 1px;
font-size: 12px;
color: #FFFFFF;
background-image: linear-gradient(-44deg,#ff5687,#ff6699 97%);
border-radius: 1px
}

.project-list .project-list-item .hot.active {
margin-left: 16px
}

.project-list .project-list-item .hot .fire {
float: left;
width: 12px;
height: 12px;
margin: 3px 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAcVJREFUSA3llL8rRWEYx++RLBKDiIFSDESZiLo24T/AIvkT7kA2g1kSgxLKYjDIJINSFj8WAzEoBlFkodwbx+e9Pefc13Pve5xOmTz17fn1fZ7nfc/7vieV+nfi+34GVMbdeFlcosVrx95nSJUVc5pJBlzTrQ/sMaTC2VkSSQY8SG0avfIXA3yr6SS7GLX8IjPJDspVl2WGNKhY6DoHUNQCWkNmwdCHW0NqvpCOYdHYA8cgo+nEtoGWLwJdmuv0IY9Jh3d0d0DE7gQ5yWm1EfB+1VSeWNUv2HNgFjxb8cBcFSOLro3TvDeojKHNp6kDj8Kd0ANKHfKgJkX4O57nPZE/F86w5pYaEH5zTVb+K/6MxMwQI+Y38kOSDPigwyHoYfU30i0nukl0qPSjMYlSB5UlblZ7AK5obHxbGsUxw6OFw7qTA7PVVFQVxEshX0Tx8jmI63ZnsatdheTN2whk0cUL4zDNNTXXz5aOkKAMSAtCjP+araJgyBaGp3qniPUD88CMLOm804dcBtZMlSW72GlQD9rANHgDRjZBqQvjnJFPUDQO7oFLbkkMRXUp2rYm08CsbAQMgGbwCU7BETjjygZvALdYvgFmG+mvAJrgXAAAAABJRU5ErkJggg==) 50% no-repeat;
background-size: contain
}

.project-list .project-list-item .hot .fire.active {
width: 16px;
height: 16px;
margin: 0 2px 0 -8px;
border: 1px solid #FFFFFF;
background-image: linear-gradient(-44deg,#ff5687,#ff6699 97%);
border-radius: 8px
}

.project-list .project-list-item .hot .fire.active:before {
display: block;
width: 12px;
height: 12px;
margin: 1px 2px;
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAcVJREFUSA3llL8rRWEYx++RLBKDiIFSDESZiLo24T/AIvkT7kA2g1kSgxLKYjDIJINSFj8WAzEoBlFkodwbx+e9Pefc13Pve5xOmTz17fn1fZ7nfc/7vieV+nfi+34GVMbdeFlcosVrx95nSJUVc5pJBlzTrQ/sMaTC2VkSSQY8SG0avfIXA3yr6SS7GLX8IjPJDspVl2WGNKhY6DoHUNQCWkNmwdCHW0NqvpCOYdHYA8cgo+nEtoGWLwJdmuv0IY9Jh3d0d0DE7gQ5yWm1EfB+1VSeWNUv2HNgFjxb8cBcFSOLro3TvDeojKHNp6kDj8Kd0ANKHfKgJkX4O57nPZE/F86w5pYaEH5zTVb+K/6MxMwQI+Y38kOSDPigwyHoYfU30i0nukl0qPSjMYlSB5UlblZ7AK5obHxbGsUxw6OFw7qTA7PVVFQVxEshX0Tx8jmI63ZnsatdheTN2whk0cUL4zDNNTXXz5aOkKAMSAtCjP+araJgyBaGp3qniPUD88CMLOm804dcBtZMlSW72GlQD9rANHgDRjZBqQvjnJFPUDQO7oFLbkkMRXUp2rYm08CsbAQMgGbwCU7BETjjygZvALdYvgFmG+mvAJrgXAAAAABJRU5ErkJggg==) 50% no-repeat;
background-size: contain
}

.project-list .project-list-item .promo-item {
display: inline-block;
max-width: 80px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
height: 16px;
line-height: 16px;
margin-left: 8px;
color: #ff6699;
font-size: 12px;
text-align: center;
border: 1px solid #ff6699;
border-radius: 1px
}

.project-list .project-list-item .project-list-item-img {
transition: transform .1s;
background: #FFFFFF;
box-shadow: 3px 3px 2px 0 rgba(0,0,0,.1);
border-radius: 8px;
left: 20px;
bottom: 24px;
position: absolute;
width: 175px;
height: 233px;
background-repeat: no-repeat;
background-size: 100% 100%
}

.project-list .project-list-item .project-list-item-img img {
width: 100%;
height: 100%
}

.project-list .project-list-item:hover .project-list-item-img {
transform: translate3d(0,-10px,0)
}

.project-list .project-list-item .project-list-item-detail {
margin-left: 223px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
margin-top: 30px;
width: 286px;
height: 48px;
font-size: 18px;
color: rgb(24, 25, 28);
letter-spacing: 0;
line-height: 24px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price {
margin-top: 40px;
color: #ff6699
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price,.project-list .project-list-item .project-list-item-detail .project-list-item-price .not-free {
display: flex;
align-items: flex-end
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price .can-sale {
font-size: 20px;
color: #ff6699;
letter-spacing: 1px;
line-height: 20px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price .can-not-sale {
font-size: 20px;
color: #9499A0;
letter-spacing: 1px;
line-height: 20px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price .price-symbol {
align-self: flex-end;
font-size: 18px;
line-height: 18px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price .price {
margin-left: 4px;
font-size: 28px;
letter-spacing: 1px;
line-height: 24px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price .start {
line-height: 12px;
margin-left: 5px;
font-size: 12px;
color: #9499A0;
margin-bottom: 2px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price .status {
font-size: 20px;
color: #9499A0;
letter-spacing: 1.33px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-address {
margin-top: 10px;
display: flex;
align-items: center;
height: 17px;
font-size: 14px;
color: #9499A0
}

.project-list .project-list-item .project-list-item-detail .icon {
margin-top: 1px;
margin-right: 8px;
display: inline-block;
width: 12px;
height: 13px;
background-repeat: no-repeat;
background-size: 100% 100%
}

.project-list .project-list-item .project-list-item-detail .address-icon {
margin-top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAABHdJREFUSA2dlm9o1VUYx3d/3txMyxVboOxFhVqmL8SwyDD/4Iu4ltKbRSR3jP25wQQteuULozcVYnMGtfb3wtyKltAIm6gVMiRERVYpU3EqDpyEdYewe93udm+f7+F3Lufe3bsbHXju85zn+Z7ne85z/vxuoGSe1tbWVhEIBHam0+k3ga3CXo69CPs+ch0Z8jzvu4aGhhHseVsgX7Szs/PJ2dnZ/cT2IKUOJgZZgn4FhAutH99pCD+or6+/bH25eg4RJK+lUqljJKoE/IAkUWQgGAyeq62tfagExAIdHR0voF+nG0FWIknI6lldD/acFnQ97e3t77KSKL5HkFbkQGNjo8qU1SBO47gigewwpO+hP2aCz2YBnU5mRVoJJD8TS5GoAYKjDq6oqVX6E8iLNUTaE2ZzFXAl4HAhkt7e3senpqaW1NXV3c2bDefg4GDp2NjYZ5hHI5HIJYszpfM3XnvSmo+Ekm5XieLx+BrNnNN4D+xBsEeYWMomkx4fH38atQ//RvTLiGmejjCWTtcD5IDxOj/UP0z3FLIWkj/QZ0lSjm4mpv3Maqz2GvELYF9igiIzzcO5E6sUHWWpWRvf09PzFCX9gkEzxEPE1yGb6K+lfwMdhizk58oo/C1+Z691ejh1GUsYOGCdVicSic3YS4l9TZlOWD9ko7o36jORXdbv6O+x4+TeZH0exip1dE+s09EmRn/Y8RmTff1dBpOwmAyEiSTp3ESWUZXFCqh0y9ExexnltI1ZX5PNzNZbn6Otz2AcvzHJOyqDqpi7pdLp7Zo10ZwfynIGVwyJsBeZEnV1dT1HomYf/oOvc5WeqhImq4NTotL9g1Rw+pbK4TZKcB9gE0kXQDoAZoSTdH5mZuZPJvgM2E727qQ7xtrEV8hGK78p3YgM9kjv1ZzG2/UtZFsIXIJwJQM3oO8iTZA0zhngO4ivQKarqqpuyBWkM8Tgbcx4B/2LPi5L8SoP4XiRFT1aVla2qKam5m8BCvHw0rzKYVHJzoZCoSlhPQjaxQxZU39/v/arYKOUcUtSEEQAkg8VJ++XFucxeJzONxBVxmKxOhv4v5pDs5qxegRul5eX6z6ZpsOgdgh2nbxPo9Fo3r0yqCI/VGQhFeoFxrZ6h6qrqzOn2RBRa31XPgKwZHp6+se+vr4niuTMG6YiXQTWM+lf2ddWF2RXpI39BMAxgs9PTk4e56485gKL2Rz7z8HsRkaZ9NvkynrVM0QE0tQ0jD4DcCN35aS+P8UIFIekmTF6++4xXo9v1uMsTIZIHWqaYMAOkdF9he/PafbM3GzFcxtYfZuOoN8npm/UVipzPRenfuZT7gZ1XyD7iQRb0No/zfJODkb/K7oRlcuQgLnqYlw7a0U2wIA4F/MNSAYhWYP/gv5T2Li+U8R+ob8bfQvZPB+JxuVdkU3IcV0wMTHRAtkekumoHkSG6begl+H7jQm9FQ6H/7JjCul5iewgLuE7JP8KMfvlkx6mv5+V6NtTtP0nImXp7u6uTCaT+zD1N1l/YoaLZncA/wI5+QZSrZRLqQAAAABJRU5ErkJggg==)
}

.project-list .project-list-item .project-list-item-detail .venue-name-and-address {
flex: 1 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 260px
}

.project-list .project-list-item .project-list-item-detail .city-name {
margin-right: 10px
}

.project-list .project-list-item .project-list-item-detail .project-list-item-time {
margin-top: 19px;
display: flex;
align-items: center;
height: 17px;
font-size: 14px;
color: #9499A0
}

.project-list .project-list-item .project-list-item-detail .project-list-item-time .time-icon {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAAi5JREFUSA3tlU1IG0EUx3c3u0ECFdIeWpCAN6VgQXrsUUohl0LFgJgekmySkyCUgvTWHnsolEJpdpPm5tkPvHvQixe1QqE3hZJGBEEPARd209+IGzb7YbK09dSFx7yP//vPmzezM7IU8dXr9RnHcV6nUqlcPp+/CIM1Go0J27Y/JRKJxVKp9CMMo4Q5hQ/yF91u91mn05mOwkA+A+apGKMwaq1W0xRFeQPhLCChL5fL5TU3AYItMK7ZNxLrsw3DeItvXpblC8SAx1BBvId8CQexroXc68uSpCPsjs/nmndRHrgG4xgyDoeGUFfNUSEu4TxTVXWyWCyeesD2tf6yWq1ue/w9FYIqxhfIrrCVSkXH1k3TfETRB4JbIXgHafvIJXwmgA/pdHq3x+hTksnkGpiPYvSGaM03YcMxKloU+lH1IYFXocFrZ6FQaKMu3YSJPEU3JcWJBVZA/+7TvwokWhwiWtVmDz77cwITQD4H6J0fOMim3xLFrdP/n15sYIJMJmO2Wq1jEuKu4ETX9T5yMVFggmw2e4l/w1vFn+i3v8mi2mazOW5Z1kjMys852r/8OYEWsVHPIV/1A4ewHW7Xh/5bNTABx20fshUk7grONE0bvMmchGPIF4aoeCjIP9/kW5nAYa2xfqpBveEad/ls8R7s8dc+xvmVxMAxG0QWEZ8SfsGtQi4utk2kIJx/8fsO97IsCDm/4tF5wuMd92hG1XPOQ7WTy+WsKMB/f68DvwErc967V/DPSQAAAABJRU5ErkJggg==)
}

.th_img {
width: 100%;
object-fit: cover;
}

.toucon{
height:35px;
line-height:35px;
background: #eee;
color: #817b8c;
overflow: hidden;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.13);
}

.th_logo{
float: left;
}

.th_logo img{
height:70px;
}

.th_search{
float:right;
margin-top:20px;
}

.th_search input:nth-child(1){
font-size: 14px;
background: #fcfcfc;
height: 30px;
line-height: 30px;
text-indent: 10px;
border: 0;
border: 1px solid #ddd;
border-radius: 2px;
transition: all .35s ease 0s;
width:240px;
}

.th_search input:nth-child(2){
height: 30px;
line-height: 28px;
text-align: center;
box-sizing: border-box;
border: 1px solid #b225b3;
color: #fcfcfc;
padding: 0px 8px;
border-radius: 2px;
cursor: pointer;
background: #f46;
}

.toucon_right a{
color: #817b8c;
transition: 0.3s ease-out;
}

.toucon_right a:hover{
color: #b225b3;
}

.thlogocon{
height:70px;
overflow: hidden;
margin:10px 0px;
position: relative;
}

/* 头部菜单 */
.th_header {
height: 60px;
line-height: 60px;
background-color: #b225b3;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

.th_fixed{
position:fixed;
top:0;
z-index: 100;
width:100%;
opacity:0.95;
}


.tougao {
position: absolute;
top: 0px;
right: 0;
}

.th-menu>li {
position: relative;
float: left;
height: 60px;
line-height: 60px;
}
.th-menu>li>a {
display: inline-block;
font-size: 15px;
padding: 0 15px;
color: #fff;
transition: 0.4s ease-out;
}

.th-menu>li>a:hover{
color: #fff;
background-color: #b645dd;
}

.th-menu .active a{
color: #fff;
background-color: #b645dd;
}

.th-menu>li>ul {
display: none;
position: absolute;
left: 0;
white-space: nowrap;
top: 60px;
background-color: #fff;
border-bottom: 2px solid #b645dd;
z-index: 1010;
width: 100%;
}

.th-menu>li:hover ul {
transition: 0.3s ease-out;
display: block;
}
.th-menu>li ul li{
height: 35px;
line-height: 35px;
text-align: center;
}
.th-menu>li ul li a {
line-height: 35px;
color: #4c4c4c;
display: block;
}
.th-menu>li ul li a:hover{
color: #fff;
background-color: #b645dd;
}
/* menu end */

.model_bg {
border-top: 1px solid #291F39;
background-color: #291F39;
padding-bottom: 20px;
}


/* tab 切换 */
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: left;
}

.th_tab{
border-bottom: 2px solid #443559;
overflow: hidden;
}

.th_tab a {
display: block;
float: left;
height: 50px;
line-height: 50px;
padding: 0 10px;
color:#e4e4e4;
font-size:16px;
transition: 0.3s ease-out;
}
.th_tab a.current_menu {
color: #b225b3;
}

.th_tabcon{
background-color: #291F39;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
border: 4px solid #443559;
box-sizing: border-box;
}

.index_tj {
width:100%;
padding:0 10px;
}

.index_tj li {
line-height: 40px;
height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.index_tj li i {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
margin-right: 10px;
background-color: #eee;
text-align: center;
font-style: normal;
color: #888;
border-radius: 5px;
}

.index_tj li:nth-child(1) i,
.index_tj li:nth-child(2) i,
.index_tj li:nth-child(3) i {
color: #fff;
background-color: #b225b3;
}

.index_tj li div.date {
float: right;
color: #fff;
}

.index_tj li div.date span {
color: #FFDA2D;
}

.index_tj li a {
transition: 0.3s ease-out;
color: #e4e4e4;
}

.index_tj li a:hover {
color: #b225b3;
}

/* banner start */
.banner {
background-color: #291F39;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
border: 4px solid #443559;
box-sizing: border-box;
height: 458px;
}

.banner_height {
height: 450px;
}

.swiper-button-next,
.swiper-button-prev {
color: #fff;
opacity: 0.5;
transition: 0.3s ease-out;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
color: #f2f5f7;
opacity: 1;
}

.swiper-container{
--swiper-theme-color: #b225b3;
--swiper-pagination-color: #b225b3;/* 两种都可以 */
}

.thbn-title {
position: absolute;
width: 100%;
top: -52px;
left: 0;
background-color: #291F39;
color: #fff;
font-size: 14px;
opacity: 0;
height: 52px;
line-height: 52px;
box-sizing: border-box;
padding: 0 10px;
overflow: hidden;
transition: all 0.5s;
}

.banner_ahover:hover .thbn-title {
top: 0px;
opacity: 0.8;
}
/* banner end */

/* tian hu shop */
.th_shop_title {
height: 45px;
font-weight: 700;
text-align: center;
line-height: 45px;
overflow: hidden;
text-align: center;
font-size: 20px;
color: #A943F3;
}

.th_shop_title i {
font-size: 25px;
}

.th_shop_con {
background-color: #fff;
border: 4px solid #443559;
}

.shop_icon_public {
position: absolute;
top:4px;
left: 4px;
}

.shop_icon_public span {
font-size: 12px;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
padding: 0 10px;
border-radius: 0 15px 0px 15px;
}

.th_shop_icon1 span,.th_shop_icon12 span{
background: #FF6DAD;
background: linear-gradient(-45deg, #FF6DAD, #FF7F6F);
background: -webkit-gradient(-45deg, linear, left, right, #FF6DAD), to(#FF7F6F);
background: -moz-linear-gradient(-45deg, left, #FF6DAD, #FF7F6F);
background: -webkit-linear-gradient(-45deg, left, #FF6DAD, #FF7F6F);
background: -o-linear-gradient(-45deg, left, #FF6DAD, #FF7F6F);
}

.th_shop_icon2 span,.th_shop_icon11 span{
background: #3297fc;
background: linear-gradient(-45deg, #082c46, #3297fc);
background: -webkit-gradient(-45deg, linear, left, right, #082c46), to(#3297fc);
background: -moz-linear-gradient(-45deg, left, #082c46, #3297fc);
background: -webkit-linear-gradient(-45deg, left, #082c46, #3297fc);
background: -o-linear-gradient(-45deg, left, #082c46, #3297fc);
}

.th_shop_icon3 span,.th_shop_icon10 span{
background: #ff0082;
background: linear-gradient(-45deg, #FF6DAD, #ff0082);
background: -webkit-gradient(-45deg, linear, left, right, #FF6DAD), to(#ff0082);
background: -moz-linear-gradient(-45deg, left, #FF6DAD, #ff0082);
background: -webkit-linear-gradient(-45deg, left, #FF6DAD, #ff0082);
background: -o-linear-gradient(-45deg, left, #FF6DAD, #ff0082);
}

.th_shop_icon4 span,.th_shop_icon9 span{
background: #8623e2;
background: linear-gradient(-45deg, #FF6DAD, #8623e2);
background: -webkit-gradient(-45deg, linear, left, right, #FF6DAD), to(#8623e2);
background: -moz-linear-gradient(-45deg, left, #FF6DAD, #8623e2);
background: -webkit-linear-gradient(-45deg, left, #FF6DAD, #8623e2);
background: -o-linear-gradient(-45deg, left, #FF6DAD, #8623e2);
}

.th_shop_icon5 span,.th_shop_icon8 span{
background: #0f0d88;
background: linear-gradient(-45deg, #FF6DAD, #0f0d88);
background: -webkit-gradient(-45deg, linear, left, right, #FF6DAD), to(#0f0d88);
background: -moz-linear-gradient(-45deg, left, #FF6DAD, #0f0d88);
background: -webkit-linear-gradient(-45deg, left, #FF6DAD, #0f0d88);
background: -o-linear-gradient(-45deg, left, #FF6DAD, #0f0d88);
}

.th_shop_icon6 span,.th_shop_icon7 span{
background: #ef1d88;
background: linear-gradient(-45deg, #FF6DAD, #ef1d88);
background: -webkit-gradient(-45deg, linear, left, right, #FF6DAD), to(#ef1d88);
background: -moz-linear-gradient(-45deg, left, #FF6DAD, #ef1d88);
background: -webkit-linear-gradient(-45deg, left, #FF6DAD, #ef1d88);
background: -o-linear-gradient(-45deg, left, #FF6DAD, #ef1d88);
}



.th_shop_con a {
display: block;
position: relative;
}

.th_shop_con a img {
opacity: 1;
transition: 0.3s ease-out;
}

.th_shop_con a:hover img {
opacity: 0.6;
}

.shop_img_height {
height: 150px;
}

.th_shop_t {
padding:5px;
}

.th_shop_t a {
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
transition: 0.3s ease-out;
color: #464646;
text-align: center;
}

.th_shop_t a:hover{
color: #b225b3;
}

.th_shop_p {
color: #e1251b;
font-size: 16px;
overflow: hidden;
position: relative;
}

.th_shop_bt {
position: absolute;
top: 0px;
right: 0px;
}

.th_shop_bt a {
font-size: 12px;
color: #fff;
padding: 1px 5px;
border-radius: 3px;
}

.th_shop_bt a i {
vertical-align: middle;
}

.th_shop_info {
margin-top: 15px;
}

.th_shop_info a {
font-size: 12px;
color: #fff;
padding: 5px 5px;
border-radius: 3px;
}

/* index pai ban 2 */
.thleftcon{ transition: 0.3s ease-out;}
.thleftcon:hover{box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);}

.thleftbt {
height: 50px;
line-height: 50px;
/* background: #fff; */
position: relative;
box-sizing: border-box;
font-size: 18px;
}

.thsec4::before {
background-color: #b225b3;
}

.thleftbt::before {
content: "";
display: block;
position: absolute;
left: -2px;
top: 35%;
width: 4px;
height: 30%;
border-radius: 5px;
}

.thleftbt span {
margin-left: 15px;
font-weight: bold;
}

.listMore {
position: absolute;
top: 0px;
right: 10px;
}

.th_cl4 {
color: #b225b3;
font-weight: bold;
}


.thliorder1 {
padding-bottom: 15px;
position: relative;
z-index: 1;
/* padding: 10px; */
border-radius: 1px;
transition: 0.3s ease-out;
overflow: hidden;
background-color: #fff;
top: 0px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}

.thliorder1:hover{
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
top:-8px;
}

.gundongimg {
border: 1px solid #fff;
box-sizing: border-box;
overflow: hidden;
}

.gundongimg a img {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

.gundong-img-height {
height: 260px;
}

.thwenzhang{
background-color: #fff;
}

.daodu {
margin-top: 10px;
padding: 0px 15px;
}

.daodu a {
height: 25px;
line-height: 25px;
overflow: hidden;
display: block;
white-space: nowrap;
overflow: hidden;
transition: 0.3s ease-out;
color: #464646;
font-weight: bold;
font: 700 14px 'Microsoft Yahei', 'Hei', Tahoma, 'SimHei', sans-serif;
}

.listMore a{
transition: 0.3s ease-out;
font-size: 16px;
}

.daodu a:hover,.listMore a:hover{
color: #b225b3;
}

.daoducon {
color: #999;
height: 44px;
line-height: 22px;
overflow: hidden;
font-size: 12px;
margin-top: 6px;
}

.thinfo {
color: #999;
height: 22px;
line-height: 22px;
overflow: hidden;
font-size: 12px;
margin-top: 6px;
padding: 0px 15px;
}

.thinfo i{
vertical-align:middle;
}

.th_padding {
padding-left: 0;
padding-right: 0;
}

/* 文章分类板式 */
.th-5 {
padding: 10px 0px;
background: #fff;
}

.th-5 li {
line-height: 36px;
height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0px 10px;
}

.th_toutiao_li li:nth-child(6) {
border-bottom: 1px dashed #eee;
margin-bottom: 10px;
}

.bottom1 {
width: 30%;
float: left;
position: relative;
}

.bottom2 {
width: 68%;
float: right;
}

.bottom2 a {
font-weight: normal;
display: block;
height: 25px;
line-height: 25px;
overflow: hidden;
width: 100%;
white-space: nowrap;
transition: 0.3s ease-out;
text-align: left;
text-overflow: ellipsis;
}

.th-5 li.th_li {
height: 80px;
}

.banner_bottom {
height: 80px;
}

.th-5 li i {
display: inline-block;
margin-right: 5px;
opacity: 0.5;
}

.th-5 li a{
transition: 0.3s ease-out;
}

.th-5 .date {
float: right;
color: #bbb;
}

.bottom2_info {
height: 66px;
line-height: 22px;
overflow: hidden;
font-size: 12px;
color: #999;
margin-top: 5px;
white-space: normal;
}

/* 友情链接 */
.th-8 {
background: #fff;
overflow: hidden;
padding: 15px 15px 10px 15px;
}

.th-8 li {
float: left;
margin-right: 15px;
line-height: 25px;
}

.th-8 li a {
color: #999;
transition: 0.3s ease-out;
}

.th-8 li a:hover {
color: #b225b3;
}

/* 站底 */
.footer1{
width: 100%;
background: #291F39;
padding:20px 0px;
color: #ccc;
font-size: 12px;
margin-top: 15px;
}
.foot_menu{
height:30px;
}
.foot_menu li{
float: left;
margin-right:15px;
line-height:30px;
height:30px;
}
.foot_menu li a{
line-height:30px;
height:30px;
color: #ccc;
transition: 0.3s ease-out;
}
.foot_menu li a:hover{
color:#b225b3;
}
.footer_copy{
margin-top:10px;
}
.foot_info{
line-height:25px;
color: #817b8c;
}
.foot_info a{
color: #817b8c;
}
.foot_line{
height:30px;
margin-top:10px;
}
.foot_line li{
float: left;
margin-right:15px;
line-height:25px;
height:30px;
color: #817b8c;
}
.foot_line li a{
line-height:30px;
height:30px;
color: #817b8c;
transition: 0.3s ease-out;
}
.foot_line li a:hover{
color:#b225b3;
}

/* xuanfu top start */
.thgotop {
position: fixed;
left: 50%;
margin-left: 615px;
bottom: 100px;
z-index: 99;
}

.thgotop ul li {
width: 40px;
height: 40px;
background: #fff;
margin-top: 10px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
border: 1px solid #fff;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
}

.ditop {
cursor: pointer;
text-align: center;
vertical-align: middle;
transition: 0.3s ease-out;
position: relative;
}

.ditop i {
display: inline-block;
margin-top: 5px;
font-size: 20px;
color: #000;
}

.ditop span {
display: none;
font-size: 12px;
width: 30px;
margin: 0 auto;
margin-top: 3px;
}

.ditop:hover {
background-color: #b225b3;
border: 1px solid #b225b3;
color: #fff;
}

.ditop:hover i {
display: none;
}

.ditop:hover span {
display: block;
}

.ditopcon {
position: absolute;
width: 160px;
bottom: -50px;
left: -161px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
border: 1px solid #fff;
border-radius: 4px;
box-sizing: border-box;
transition: 0.3s ease-out;
display: none;
padding: 10px;
background-color: #fff;
}

.ditop-top {
margin-top: 10px;
}

.ditop-qq-img {
width: 35px;
height: 35px;
margin: 0 auto;
}

.ditop-qq-btn {
overflow: hidden;
margin: 10px 0px 0px 0px;
}

.ditop-qq-btn img {
margin-bottom: 8px;
}

.ditop-qq-height {
height: 35px;
}

.ditop-time {
color: #999;
font-size: 12px;
line-height: 25px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
}

.ditop-tel {
color: #3297fc;
font-size: 18px;
line-height: 30px;
}

.ditop-email {
color: #FF5151;
font-size: 12px;
line-height: 25px;
}

.ditop:hover .ditopcon {
display: block;
color: #999;
font-size: 14px;
}
.topthewm {
width: 100px;
height: 100px;
border: 1px solid #f0f0f0;
margin: 0 auto;
margin-top: 10px;
box-sizing: border-box;
padding: 5px;
border-radius: 5px;
}
/* xuanfu top end */

/* page 配置 */
.th_page {
background-color: #fff;
text-align: center;
line-height: 40px;
}

.th_page a {
background-color: #999;
color: #fff;
padding: 5px 10px;
transition: 0.3s ease-out;
}

.th_page span.now-page {
padding: 5px 10px;
color: #fff;
}

.th_page_color a:hover {
background-color: #b225b3;
}

.th_page_color span.now-page {
background-color: #b225b3;
}

/* page 配置 */

/* ar con */
.xhz_arcon{
overflow: hidden;
background-color: #fff;
padding: 20px;
}
.detail_title {
color: #333;
font: 700 16px 'Microsoft Yahei', 'Hei', Tahoma, 'SimHei', sans-serif;
}
.detail-icon {
margin-top: 20px;
font-size: 14px;
}
.detail-icon p span {
margin-right: 10px;
}

.detail_con {
font-size: 15px;
line-height: 26px;
word-break: break-all;
word-wrap: break-word;
position: relative;
padding: 10px 20px 20px 20px;
background-color: #fff;
color: #333;

}
.detail_con p{    margin: 0 0 15px 0;}
.detail_con img,.detail_con p img {
border: 0;
max-width: 100%;
margin: 0 auto;
display: block;
}

.detail_jie{
margin-top: 20px;
background: #fff7f9;
border: 1px dashed #fbbdcd;
overflow: hidden;
padding: 0px 10px 10px 10px;
position: relative;
}

.detail_jie ul{
overflow: hidden;
margin-top:15px ;
}

.detail_jie ul li{
float: left;
border: 1px solid #fdbcc8;
padding: 2px 5px;
margin-right: 10px;
background: #fff0f2;
color: #b225b3;
font-size: 13px;
line-height: 20px;
margin-top:8px;
}

.detail_jie_po{
font-size: 12px;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0 20px;
border-radius: 0 0px 0px 25px;
position: absolute;
top:0px;
right:0px;
background: #8623e2;
background: linear-gradient(-45deg, #FF6DAD, #8623e2);
background: -webkit-gradient(-45deg, linear, left, right, #FF6DAD), to(#8623e2);
background: -moz-linear-gradient(-45deg, left, #FF6DAD, #8623e2);
background: -webkit-linear-gradient(-45deg, left, #FF6DAD, #8623e2);
background: -o-linear-gradient(-45deg, left, #FF6DAD, #8623e2);
}

.detail_shuo{
margin-top:15px;
}


.shuo_title{
font-size:18px;
line-height:30px;
overflow: hidden;
color: #333;
}
.shuo_title i{
color: #b225b3;
font-size:20px;
}
.umCopyright {
line-height: 22px;
display: inline-block;
padding: 10px 15px;
font-size: 12px;
color: #9ca0ad;
background: #f6f7fa;
border: 1px dashed #e3e5ec;
width: 100%;
margin: 25px 0 0;
}

.detail-arr {
margin-top: 20px;
}

.detail-arr-left,
.detail-arr-right {
color: #bbb;
line-height: 30px;
}
.detail-arr-left a,
.detail-arr-right a,
.detail-tags a {
transition: 0.3s ease-out;
}

/* 评论 */

ul.msg {
width: 100%;
margin: 10px 0 20px 0;
padding: 5px 0px;
text-align: left;
list-style-position: outside;
table-layout: fixed;
word-wrap: break-word;
}

.tbname {
height: 35px;
line-height: 35px;
font-size: 16px;
background: #f6f7fa;
padding-left: 20px;
border-left: 4px solid #080808
}

li.msgname {
padding: 0 0 10px 0px;
font-size: 14px;
vertical-align: middle;
color: #9ca0ad;
}

li.msgname a {
color: #9ca0ad;
}


li.msgurl {
text-align: right;
padding: 2px 10px 2px 10px;
margin: 0;
font-size: 1em;
}

.commentname {
float: left;
}


.th-mp1,
.th-mp2 {
margin: 0px;
}

.th-mp1 {
height: 40px;
line-height: 40px;
}

.th-mp2 {
font-size: 14px;
color: #777;
}

li.msggravatar {
display: block;
float: left;
margin-right: 5px;
}

li.msgarticle {
list-style-position: outside;
padding: 10px;
margin: 0;
border-bottom: 1px solid #eaeaea;
}

li.msgtime {
padding: 5px 0 0 0;
font-weight: normal;
font-size: 0.8em;
}

img.avatar {
float: left;
margin-right: 15px;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
border: 2px solid #fff;
}

ul.msg ul.msg {
padding: 10px 0 0 0;
margin: 20px 0 0 0;
border-top: 1px solid #eaeaea;
border-bottom: none;
}

ul.msg ul.msg li.msgarticle {
padding-bottom: 0px;
border-bottom: 0px solid #eaeaea;
}

ul.msg ul.msg li.msgname {
padding: 0px;
}

#txaArticle {
position: relative;
z-index: 1;
padding: 5px;
height: 100px;
min-height: 14px;
margin: 0;
resize: none;
outline: 0;
width: 100%;
min-width: 100%;
border: 1px solid rgba(227, 229, 236, .4);
background: #f8f8fc;
border-radius: 0rem;
font-size: 14px;
line-height: 1.6;
}

.th-ulmsg {
overflow: hidden;
margin-bottom: 10px;
}

.th-ulmsg li {
margin-top: 10px;
}

input.text {
border-radius: 0;
transition: all .35s ease 0s;
line-height: 38px;
height: 38px;
width: 100%;
padding: 0 10px;
border: 1px solid rgba(227, 229, 236, .4);
background: #f8f8fc;
}

input.text:focus,
#txaArticle:focus {
border: 1px solid #7cbeff;
}

.button {
display: inline-block;
height: 38px;
line-height: 38px;
padding: 0 20px;
background-color: #67C23A;
transition: 0.3s ease-out;
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 14px;
border: 0;
border-radius: 2px;
cursor: pointer;
opacity: .9;
filter: alpha(opacity=90);
vertical-align: middle;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}

.comment {
font-size: 16px;
line-height: 25px;
color: #333;
}

.msgname{
line-height:30px ;
}
.postbottom{
margin-top:10px;
}


.th-7 {
background: #fff;
overflow: hidden;
padding: 15px 15px 10px 15px;
}

.th-7 li {
float: left;
margin-right: 6px;
width: 30%;
text-align: center;
}

.th-7 li a {
display: inline-block;
border-radius: 2px;
width: 100%;
height: 30px;
line-height: 30px;
box-sizing: border-box;
border-radius: 2px;
padding: 0px 5px;
overflow: hidden;
border: 1px solid #f0f0f0;
background-color: #f2f5f7;
font-size: 12px;
color: #999;
transition: 0.3s ease-out;
}

.th-7 li a:hover {
color: #fff;
background-color: #b225b3;
}

.search_arr{
text-align: center;
padding:200px  0px;
}
.search_arr1 i{
font-size:100px;
}

.search_arr2{
margin-top:20px;
font-size:20px ;
}

.wap_click{
display: none;
}

@media (min-width: 768px) {
.container { width: 730px;}
}

@media (min-width: 992px) {
.container {width: 950px;}
}

@media (min-width: 1200px) {
.container {width: 1220px;}
}


@media only screen and (min-width: 320px) and (max-width: 992px) {
.banner{height:220px;}
.banner_height{height:220px;}
}

@media screen and (max-width:1280px) {
.toucon,.th_search{
display: none;
}

.thlogocon{
margin: 0px;
}

.th_header{
position: fixed;
top: 0;
left: -100%;
height: 100%;
background: rgba(242, 246, 249, .98);
z-index: 9999;
transition: all .3s linear;
width:120px;
}
.wap_padding{padding-left:0;padding-right:0;}
.th-menu{
width:120px;
}

.th-menu>li {
float: none;
height: 40px;
line-height: 40px;
border-bottom: 1px rgba(0, 0, 0, .09) solid;
}

.th-menu>li>a {
display: inline-block;
font-size: 15px;
padding: 0 15px;
color: #666;
transition: 0.4s ease-out;
width: 100%;
}

.th-menu>li>ul {
top: 0px;
left:120px;
}

.th_header.thact {left: 0;box-shadow: 20px 0 20px rgba(0, 0, 0, .38);}

/* 菜单图标变换 */
.wap_click{position:absolute;display:inline-block;width:28px;height:28px;top:20px;right:0px;vertical-align:middle;}
.wap_click i{position:absolute;top:50%;left:50%;display:block;width:100%;height:2px;margin:-1px 0 0 -50%;background-color:rgba(12,24,30,.68);transition:background-color 0.3s;}
.wap_click.wapact i{background-color:transparent;}
.wap_click i:before,.wap_click i:after{position:absolute;left:0;width:100%;height:100%;background:rgba(12,24,30,.68);content:'';transition:transform 0.3s;}
.wap_click i:before{transform:translateY(-400%);}
.wap_click i:after{transform:translateY(400%);}
.wap_click.wapact i:before{transform:translateY(0) rotate(45deg);}
.wap_click.wapact i:after{transform:translateY(0) rotate(-45deg);}

/* 模特详情 */
.detail_jie ul li{
float: none;
margin-top:8px ;
}
}
.lan_diy{
font-size: 14px;
line-height: 1.75em;
color: #222;
margin-bottom: 35px;
}
.lan_diy h1{font-size: 28px;
text-align: center;
line-height: 1.35em;
font-weight: normal;
margin-bottom: 25px;}
.pcd_ad{display:block;}

.mbd_ad{ display:none}

@media(max-width:768px) {

.pcd_ad{display:none !important;}

.mbd_ad{display:block !important;}

}
.meihua_1 {
display: block;
margin-top: 10px;
padding: 5px 10px;
background-color: #b225b3;
color: #FFF;
font-weight: bold;
font-size: 18px;
font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 {
background-color: #fff;
margin-bottom: 20px;
box-shadow: 0 1px 2px rgba(15,39,65,0.1);
font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 .meihua_2_1 {
height: auto;
overflow: hidden;
background-color: #FFF;
border: 1px solid #DDDDDD;
border-width: 1px 1px 1px 1px;
padding: 20px;
}
.meihua_2 .meihua_2_1 p {
margin: 0px auto!important;
}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
border: 1px solid #8a8a8a;
font-size: 14px;
height: 36px;
line-height: 36px;
padding-left: 40px;
margin: 0px 10px 0 0;
overflow: hidden;
border-radius: 2px;
background: url(../images/30.png) no-repeat 5px 3px #FF6DAD;
border: 1px solid #FF6DAD;
color: #FFF;
text-decoration: none;    padding-right: 10px;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
background-color: #8623e2;border: 1px solid #8623e2;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;margin-top: 20px;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.short-btn {
float: left;
border: 1px solid #8a8a8a;
font-size: 14px;
height: 36px;
line-height: 36px;
padding-left: 40px;
margin: 0px 10px 0 0;
overflow: hidden;
border-radius: 2px;
background: url(../images/10.png) no-repeat 5px 3px #FF6DAD;
border: 1px solid #FF6DAD;
text-decoration: none;color: #FFF!important;padding-right: 10px;text-decoration: none;
}
.short-btn:hover {
background-color: #8623e2;border: 1px solid #8623e2;
}


/* 首页排行榜 */

.phb{
width:1200px;
height:294px;
margin:auto;
// margin-bottom:16px;
}
.phb .phb1,.phb .phb2,.phb .phb3{
width:388px;
height:294px;
background:#fff;
float:left;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.phb2{
margin:0 18px;
}
.phb div .phb-h{
width:inherit;
height:66px;
line-height:66px;
font-size:22px;
text-align:left;
font-weight:bold;
text-indent:28px;
color:#fff;
}
.phb div .phb-h a{
font-size:14px;
color:#fff;
float:right;
margin-right:2em;
font-weight:500;
}
.phb1 .phb-h{
background:url(http://ppt1.dasuancai.com/common/newindex/images/wordph.png?imageMogr2/quality/50) center no-repeat;
background-size:100% 100%;
}
.phb2 .phb-h{
background:url(http://ppt1.dasuancai.com/common/newindex/images/pptph.png?imageMogr2/quality/50) center no-repeat;
background-size:100% 100%;
}
.phb3 .phb-h{
background:url(http://ppt1.dasuancai.com/common/newindex/images/excelph.png?imageMogr2/quality/50) center no-repeat;
background-size:100% 100%;
}
.phb div ul{
width:358px;
margin:auto;
margin-top:4px;
}
.phb div ul li {
display:block;
width:inherit;
height:24px;
line-height:24px;
text-align:left;
margin-top:17px;
font-size:16px;
}
.phindex{
font-weight: bold;
color: #959595;
}
.ph-0{
color: #FA6363 !important;
}
.ph-1{
color: #FF9336 !important;
}
.ph-2{
color: #FCC957 !important;
}
.phb div ul li a{
margin-left:30px;
font-weight:400;
color:#333;
}
.phb div ul li a:hover{
color:#7CBAF2 !important;
}

/* 内页页面 */

.lazy {
background: #eee;
display: block;
width: 100%;
}

.wlimit .m-l .mubanTitle {
width: inherit;
height: 40px;
line-height: 20px;
text-align: left;
font-size: 18px;
}

.middle .m-r .mould1 .d-btn {
margin: 18px auto 18px;
width: 280px;
height: 56px;
border-radius: 2px;
background: #3484FF;
color: #fff;
font-size: 23px;
line-height: 55px;
cursor: pointer;
border-radius: 8px;
position: relative;
text-indent: 1.5em;
}

.middle{overflow:hidden;margin-bottom:10px;width:100%;height:auto;}

.middle .m-l{position:relative;float:left;display:block;overflow:hidden;margin-right:16px;width:780px;background:#fff;height:336px;overflow-y: scroll;border-radius:8px;}

.middle .m-l .copyright{float:left;color:#999;font-size:14px;line-height:25px;}

.middle .m-l video{

width:780px;

margin-bottom: 15px;

box-shadow: 0 0 5px #d2d2d2;

}

.middle .m-r{float:left;display:block;width:320px;}

.middle .m-r .mould1{margin-bottom:16px;padding:20px 41px;width:380px;height: 536px;background:#fff;border-radius:8px;}

.middle .m-r .mould1 .d-btn{margin:18px auto 18px;width:280px;height:56px;border-radius:2px;background:#3484FF;color:#fff;font-size:23px;line-height:55px;cursor:pointer;border-radius:8px;position:relative;text-indent:1.5em;}

.middle .m-r .mould1 .d-btn:hover{opacity:.8;filter:alpha(opacity=80);}

.middle .m-r .mould1 .d-btn i{display:block;position:absolute;left:152px;top:18px;width:20px;height:20px;background:url(http://ppt1.dasuancai.com/p/2020/11-11/7e4a867ece1099dd31de90fcd2f057ad.png) no-repeat;}

.middle .m-r .mould1 .d-coll{margin:0 auto 17px;width:298px;height:53px;border:1px solid #d4d7d8;border-radius:2px;background:#fff;color:#5c5c5c;text-align:left;font-size:16px;line-height:53px;cursor:pointer;}

.middle .m-r .mould1 .d-coll:hover{background:#f4f4f4;}

.middle .m-r .mould1 .d-coll i{display:inline-block;width:136px;height:40px;background:url(../../common/image/common.png) 88px -30px no-repeat;vertical-align:-8px;}

.middle .m-r .mould1 .d-coll span{display:inline-block;}

.middle .m-r .mould1 .d-coll .chose{background:url(../../common/image/common.png) 90px -633px no-repeat;}
.mubanTitle .d-coll{
width:40px;
height:40px;
background:url(http://ppt1.dasuancai.com/p/2020/11-10/bea39fe0d1fac7ddfec1fabb9e7dbad7.png) no-repeat 0px 0px;
position: absolute;
right:0px;
top:-10px;
cursor:pointer;
}
.mubanTitle .d-coll:hover{
background:url(http://ppt1.dasuancai.com/p/2020/11-10/bea39fe0d1fac7ddfec1fabb9e7dbad7.png) no-repeat -40px 0px;
}
.mubanTitle .chose{
background:url(http://ppt1.dasuancai.com/p/2020/11-11/26355c16d7c58f7acc84e5ed1c658d42.png) no-repeat !important;
}
.middle .m-r .mould1 .d-msg{height:50px;font-family:Arial;line-height:50px;margin-bottom:15px;}

.middle .m-r .mould1 .d-msg .d-view{float:left;display:block;width:33%;height:50px;color:#838383;text-align:center;font-size:15px;}

.middle .m-r .mould1 .d-msg .view-num{display:inline-block;margin-right:10px;width:22px;height:20px;background:url(http://ppt1.dasuancai.com/p/2020/11-11/4e6973efbfaf9420802244043ba545d1.png) no-repeat;vertical-align:-4px;}

.middle .m-r .mould1 .d-msg .down-num{display:inline-block;margin-right:10px;width:20px;height:20px;background:url(http://ppt1.dasuancai.com/p/2020/11-11/1783f0c3c7a1e92fd81c98b4ccffd93e.png) no-repeat;vertical-align:-4px;}

.middle .m-r .mould1 .d-msg .coll-num{display:inline-block;margin-right:10px;width:20px;height:20px;background:url(http://ppt1.dasuancai.com/p/2020/11-11/52e1d12612097f95bf2dd719a97a26bf.png) no-repeat;vertical-align:-4px;}

.middle .m-r .mould2{overflow:hidden;margin-bottom:16px;padding:26px 31px;width:300px;height:400px;background:#fff;border-radius:8px;}

.middle .m-r .mould2 li{float:left;display:block;width:100%;height:33px;color:#838383;font-size:13px;line-height:33px;}

.middle .m-r .mould2 li .m-l2{float:left;display:inline-block;color:#000;}

.middle .m-r .mould2 li .m-r2{float:left;display:inline-block;color:#838383;}

.middle .m-r .mould2 li .m-r2 img{margin-right:-7px;}

.middle .m-r .mould1 li{float:left;display:block;width:100%;height:33px;color:#838383;font-size:13px;line-height:33px;}

.middle .m-r .mould1 li .m-l2{float:left;display:inline-block;color:#000;}

.middle .m-r .mould1 li .m-r2{float:left;display:inline-block;color:#838383;}

.middle .m-r .mould1 li .m-r2 img{margin-right:-7px;}
.mould1 ul{
margin-top:10px;
}

.middle .m-r .mould1 .zjlb {
padding-top: 8px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}

.middle .m-r .mould1 .zjlb div {
border-radius: 5px;
background-color: #f6f6f6;
margin-bottom: 10px;
width: calc(50% - 5px);
}

.middle .m-r .mould1 .zjlb div:hover {
background-color: #ffeef1;
}

.middle .m-r .mould1 .zjlb div a {
display: block;
padding: 8px 12px;
color: #252525;
position: relative;
}

.middle .m-r .mould1 .zjlb div a .view-lock {
background: url(../images/xiguaxing.png) no-repeat center top;
background-size: 80%;
float: right;
display: inline-block;
height: 36px;
width: 30px;
position: absolute;
top: -4px;
right: -6px;
}

.middle .m-r .mould3{margin-bottom:16px;padding:20px 31px;width:300px;height:50px;background:#fff;background:url(http://ppt1.dasuancai.com/detail/image/webcollect.png) center center no-repeat #fff;text-align:left;font-size:13px;line-height:50px;}

.middle .m-r .mould3 i{display:inline-block;margin-right:18px;width:40px;height:40px;border-radius:100px;background:#080808;color:#2d2d2d;vertical-align:-14px;font-size:14px;}

.middle .m-r .mould3 .m3-name{color:#7f7e7e;}

.middle .m-r .mould4{overflow:hidden;padding:20px 31px;width:301px;background:#fff;color:#616161;font-size:12px;}

.middle .m-r .mould4 .m-about{margin-bottom:17px;width:100%;color:#000;text-align:left;font-weight:700;font-size:15px;}

.middle .m-r .mould4 a{float:left;display:block;overflow:hidden;margin-right:10px;margin-bottom:9px;width:130px;height:30px;border:1px solid #dcdcdc;text-align:center;line-height:30px;}

.you-like{overflow:hidden;width:100%;}

.wlimit .m-l .mubanTitle img {
height: 23px;
margin-top: -3px;
margin-right: 3px;
}

.tag-packet li a {
display: block;
width: inherit;
height: inherit;
color: #666 !important;
text-align: center;
}

.middle .m-r .mould1 li .m-r2 {
float: left;
display: inline-block;
color: #838383;
}

.fgx {
width: inherit;
height: 1px;
background: #ddd;
}


.xgbq {
width: inherit;
height: 30px;
font-size: 15px;
line-height: 30px;
text-align: left;
margin-top: 10px;
color: #000;

}

.tag-packet li {
width: 70px !important;
height: 22px !important;
line-height: 24px !important;
margin-left: 8px;
margin-bottom: 10px;
border: 1px solid #666666;
overflow: hidden;
border-radius: 10px;

}

.tag-packet {
width: 280px;
height: 160px;
}



{
padding-top: 70px
}

.title {
font-size: 28px;
font-weight: 700;
color: #333;
line-height: 40px
}

.hot-city {
font-size: 14px;
line-height: 20px;
padding: 20px 0;
color: #333
}

.hot-city dd {
margin-right: 10px;
padding: 0 10px;

cursor: pointer
}

.hot-city dd.at, .hot-city dd:hover {
background-color: #00c777;
color: #fff;
border: 1px solid #00c777;
border-radius: 2px;
position: relative
}

.hot-city dd.at:before {
position: absolute;
width: 8px;
height: 8px;
bottom: -3px;
background-color: #00c777;
left: 50%;
margin-left: -5px;
content: "";
transform: rotate(45deg);
z-index: -1
}

.hot-city {
font-size: 14px;
line-height: 20px;
padding: 20px 0;
color: #333
}

.dflex {
display: flex
}



.project-list-item {
cursor: pointer;
display: flex;
position: relative;
margin-top: 60px;
margin-right: 40px;
width: 560px;
height: 237px;
background: #FFFFFF;
box-shadow: 0 0 15px 0 hsla(203,6%,45%,.09);
border-radius: 8px;
float: left;
transition: transform .2s
}

.project-list-item .project-list-item-detail .project-list-item-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
margin-top: 30px;
width: 286px;
height: 48px;
font-size: 18px;
color: var(--Ga10);
letter-spacing: 0;
line-height: 24px;
}

.project-list-item .project-list-item-detail .project-list-item-time {
margin-top: 19px;
display: flex;
align-items: center;
height: 17px;
font-size: 14px;
color: #9499A0;
}

.project-list-item .project-list-item-detail .project-list-item-price .price-symbol {
align-self: flex-end;
font-size: 18px;
line-height: 18px;
}

.project-list .project-list-item .project-list-item-detail .project-list-item-price {
margin-top: 40px;
color: #ff6699;
}

.col-md-12 col-xs-12  li {
float: left;
height: 100px;
overflow: hidden;
background: #f6f6f6;
width: 100%;
margin-top: 10px;
cursor: pointer;
}


.acgn-clearfix:after {
content: "";
display: table;
clear: both;
zoom: 1;
}

.acgn-rank-header-link {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px
}

.acgn-rank-list {
padding: 0 32px
}

.acgn-rank-list .item {
float: left;
height: 64px;
line-height: 64px;
margin-right: 40px;
font-size: 18px
}

.acgn-rank-list .item a {
color: #333333
}

.acgn-rank-list .item.active a,.acgn-rank-list .item a:hover {
color: #fc6976
}

.acgn-rank-header-sort {
margin: 40px 0 25px
}

.acgn-rank-sort {
padding: 0 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.acgn-rank-sort .item {
float: left;
width: 64px;
height: 32px;
line-height: 32px;
text-align: center;
color: #333333;
font-size: 14px;
cursor: pointer
}

.acgn-rank-sort .item:hover {
color: #fc6976
}

.acgn-rank-sort .item.active {
background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-face.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: #ffffff
}

.acgn-rank-sort-container {
margin-bottom: 43px
}

.acgn-rank-sort-container .item {
float: left;
margin-bottom: 32px;
-webkit-box-shadow: 0 0 4px 0 #dcdcdc;
box-shadow: 0 0 4px 0 #dcdcdc;
width: 31.426056338%;
margin-right: 1.860915493%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 16px
}

.acgn-rank-sort-container .item.mrg0 {
margin-right: 0
}

.acgn-rank-sort-container .item .comic-item {
margin-bottom: 20px
}

.acgn-rank-sort-container .item .item-title a {
display: inline-block;
font-weight: 400;
color: #333333;
background-color: #f5f5f5;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
font-size: 18px;
padding: 8px 26px
}

.acgn-rank-sort-container .item .item-title a:hover {
color: #fc6976;
background-color: #FFF4F4
}

.acgn-rank-sort-container .comic-sort-list {
margin-top: 20px
}

.acgn-rank-sort-container .comic-sort-list .comic-amount,.acgn-rank-sort-container .comic-sort-list .comic-name,.acgn-rank-sort-container .comic-sort-list .item-order {
height: 24px;
line-height: 24px;
float: left
}

.acgn-rank-sort-container .comic-sort-list .item-order {
width: 24px;
font-size: 14px;
color: #666666;
padding-left: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.acgn-rank-sort-container .comic-sort-list .item-order.mask-1 {
background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-1.png)
}

.acgn-rank-sort-container .comic-sort-list .item-order.mask-2 {
background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-2.png)
}

.acgn-rank-sort-container .comic-sort-list .item-order.mask-3 {
background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-3.png)
}

.acgn-rank-sort-container .comic-sort-list .item-order[class*=mask-] {
color: transparent;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
left: -3px
}

.acgn-rank-sort-container .comic-sort-list .comic-name {
font-size: 14px;
width: 67.7914110429%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}

.acgn-rank-sort-container .comic-sort-list .comic-name a {
color: #333333
}

.acgn-rank-sort-container .comic-sort-list .comic-name a:hover {
color: #fc6976
}

.acgn-rank-sort-container .comic-sort-list .comic-amount {
font-size: 0;
width: 24.5398773006%;
text-align: right;
float: right
}

.acgn-rank-sort-container .comic-sort-list .comic-amount span {
width: 60%;
font-size: 12px;
color: #666666;
display: inline-block;
height: 24px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}

.acgn-rank-sort-container .comic-sort-list .comic-amount [class*=ift] {
margin-left: 2px;
font-size: 16px;
color: #dcdcdc;
vertical-align: middle
}

.acgn-rank-sort-container .comic-sort-list .comic-detial {
clear: both;
padding: 10px 0
}

.acgn-rank-sort-container .comic-sort-list .detail-image-container,.acgn-rank-sort-container .comic-sort-list .detail-text-container {
float: left
}

.acgn-rank-sort-container .comic-sort-list .detail-image-container {
width: 40.251572327%
}

.acgn-rank-sort-container .comic-sort-list .detail-image-container .image {
width: 100%;
padding-bottom: 133.59375%;
position: relative;
overflow: hidden
}

.acgn-rank-sort-container .comic-sort-list .detail-image-container .bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container {
width: 59.748427673%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .auth,.acgn-rank-sort-container .comic-sort-list .detail-text-container .sort-list {
font-size: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .auth {
margin-bottom: 14px
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .auth span {
display: inline-block;
font-size: 14px;
color: #999999
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .auth .title {
color: #333333;
margin-left: .5em
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .sort-list a {
color: #999999;
font-size: 14px;
display: inline-block;
line-height: 1.5;
margin-right: .5em
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .sort-list a:hover {
color: #fc6976
}

.acgn-rank-sort-container .comic-sort-list .detail-text-container .description {
margin-top: 7px;
font-size: 12px;
color: #999999;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
word-wrap: break-word;
word-break: break-all;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
max-height: 53px
}

.acgn-rank-sort-container .item .comic-item {
margin-bottom: 20px;
}


.acgn-rank-sort-container .item .item-title a {
display: inline-block;
font-weight: 400;
color: #333333;
background-color: #f5f5f5;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
font-size: 18px;
padding: 8px 26px;
}

.More {
position: absolute;
top: 0px;
margin-left: 115px;
}



        /* 收藏按钮样式 */
        .collect-btn {
            margin-left: 15px;
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            color: #666;
            font-size: 14px;
        }
        .collect-btn img {
            width: 20px;
            height: 20px;
        }
        .collect-btn:hover {
            color: #ff4444;
        }