@charset"UTF-8";
a, body, div,footer, h1, h2, h3, h4, h5, h6, header, html, i, img, menu, nav,  p ,ul {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
*, :after, :before {box-sizing: border-box;}
a{text-decoration:none;color:#000;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent; outline: none;transition: color .1s ease;}
li {list-style: none;}
html,body{overflow-x: hidden;max-width:568px;margin:0 auto;}
.doume{-webkit-animation:tada 1s .2s ease both infinite ;-moz-animation:tada 1s .2s ease both infinite ;}   
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}
@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}
@keyframes fade-in {0% {opacity: 0;}40%{opacity: 0.5;}100%{opacity: 1;} }    
@-webkit-keyframes fade-in { 0% {opacity: 0;}40% {opacity: 0.5;}100% {opacity: 1;}}    
.light{ background-image: -webkit-linear-gradient(left,#eeeFBD,#E7A138 16.66%,#EDB63C 33.33%,#eeeFBD 50%,#E7A138 66.66%,#EDB63C 83.33%,#eeeFBD);-webkit-text-fill-color: transparent;-webkit-background-clip: text;color: transparent;background-size: 200% 100%;animation: light 2s linear infinite;}
@keyframes light{0% {background-position: 0 0;}100% {background-position: -100% 0;}}
@keyframes move {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}

body {color: #666;min-height: 560px;font-size: 15px;position: relative;background-color: #fff;font-family: 'Microsoft Yahei';}
header{width: 100%;height: 60px;background: #fff;box-shadow: 0 5px 13px rgba(0,0,0,.1);position: fixed;left: 0;top: 0;transition: top .5s;z-index: 999;}
.guize_html {
position: fixed;
top: 21.5%;
left: 50%;
margin-top: -80px;
margin-left: -150px;
width: 300px;
height: auto;
border-radius: 30px;
background-color: #fff;
color: #000;
text-align: center;
font-size: 12px;
}
.guize_html p {
padding:0 10px;
text-align:left;
text-indent:2em;
}
.guize_html_nei {
width:300px;
min-height:350px;
/*overflow-y:auto;*/
max-height:500px;
height:350px;
display:block;
}
.btnXZ {
display:block;
margin:10px auto;
width:125px;
height:40px;
border-radius:30px;
background-image: linear-gradient(to right, #2e2460, #2e2460);
color:#fff;
text-align:center;
line-height:40px;
cursor:pointer;
}
.GB {
display:block;
margin:10px auto;
width:125px;
height:40px;
border-radius:30px;
background-color:#7d7776;
color:#fff;
text-align:center;
line-height:40px;
cursor:pointer;
}
.overfloat {
position:fixed;
top:0;
left:0;
z-index:9;
display:none;
width:100%;
height:100%;
background-color:rgba(1,1,1,.5);
}
.header{max-width: 720px;width: 100%;height:60px;margin: 0 auto;padding:5px 10px ;display: -webkit-box;display: flex;justify-content:space-between;align-items:center;}
.header .logo{width:150px;height:50px;}
.header .logo img{width: 100%;height: auto;}
.header .contact i{font-size:26px;color:#666;}
.header .back{width:50px;height:50px;text-align:left}
.header .back i{font-size:22px;line-height:50px;color:#666;}
.header .title{max-width: calc(100% - 100px);width: 100%; margin: 0 50px 0 0;text-align: center;}
.header .title h1{width: 100%;font-size: 18px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
main{max-width:568px;width: 100%;padding:1px;margin:0px auto 0;}
.ad{width:100%;height:auto;}
.ad img{width:100%;height:auto;display:block;}
.hot{width: 100%;height:auto;}
.swiper-container{width: 100%;height: 100%;margin:10px 0 0 ;}
.swiper-slide,.hot-content{text-align: center;font-size: 14px;display: -webkit-box;display: flex;justify-content: center;align-items: center;}
.swiper-item,.hot-item{width:100%;position: relative;margin:10px 0 5px;border-radius:5px;box-shadow: 0 0 10px #dedede;}
.swiper-bit,.hot-bit{position: absolute;top: -10px;left: 0;}
.swiper-img,.hot-img,.minute-img{width: 80px; height: 80px;overflow: hidden;border-radius: 30%;}
.swiper-img,.hot-img{margin:2px auto 0;}
/*.swiper-img,.hot-img,.minute-img,.cont-img,.single-mode1-img{display:block;box-shadow: 0 5px 13px rgb(255 202 210);}*/
.swiper-img,.hot-img,.minute-img,.cont-img,.single-mode1-img{display:block;}
.swiper-img img,.hot-img img,.minute-img img,.cont-img img,.listing-bit img,.single-mode1-img img{width: 100%;height: 100%;}
.swiper-img img:hover,.hot-img img:hover,.minute-img img:hover,.cont-img img:hover,.single-mode1-img img:hover{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.swiper-title,.hot-title{font-size:12px;color:#666;padding:5px 5px;text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-weight:bold;}
.hot-content{justify-content: flex-start;flex-wrap: wrap;}
.hot-item{width:calc(20% - 4px)!important;margin:0px 2px 2px;}
.minute-source{flex-direction: column;width: calc(100% - 140px);margin:0 10px;}
.minute-source .minute-title{position:relative;font-size:20px;line-height: 30px;font-weight: 600;color: #000;}
.minute-source .minute-title:after{content: '推荐';position:absolute;top:6px;font-size: 12px;font-weight: normal;color: #fff;height:20px;line-height:20px;padding: 0 10px;margin: 0 0 0 5px;background: #ff7575;border-radius: 0px 30px 35px 50px;}
.minute-source h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.minute-source .minute-number{line-height:30px;font-size:15px;color:#222;}
.minute-source .minute-suggest{line-height:20px;font-size:14px;color:#909090;}
.minute-down i{font-size: 32px;color:#ff7575 ;margin:0 10px 0 0}
.tool{width: 100%;padding:10px 0;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items: center;}
.tool h1{font-size:16px;color:#666;text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-weight: bold;}
.tool h1 i{font-size:20px;color:#ff7575;margin:0 5px 0 0;}
.tool h2{max-width:50%;line-height: 1;color: #666;font-size: 16px;border-width: 0 0 0 3px;border-style: solid;border-color:#000;letter-spacing: 1px;padding-left: 10px;text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tool .next,.tool .more,.tool .number{font-size:14px;color:#909090;}
.tool .next i{font-size:14px; color:#909090;margin:0 5px 0 0}
.index{width: 100%;margin:10px 0;}
.index .cont,.cont-minute.archive,.links{width: 100%;padding:10px; margin:10px 0;border-radius:5px;box-shadow: 0 0 10px #dedede;}
.cont-listing{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;text-align:center;flex-wrap: wrap;align-items:center;overflow: hidden;}
.cont-listing-item{width: 21%;min-height: 135px;margin: 25px 2% 10px;position: relative;text-align:center;background: #f5f5f5;border-radius: 5px;}
.cont-listing-item .cont-img{width: 80px;height: 80px;position: absolute;left: 0;right: 0;top: -15px;z-index:666;margin: auto;overflow: hidden;border-radius: 30%;}
.cont-listing-item .cont-source{margin: 65px 0 0 0;}
.cont-listing-item .cont-source h2{color:#666;font-size:15px;line-height:2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cont-listing-item .cont-source:after{content: '';display: block; width: 60px;height: 60px;border-radius: 100%;position: absolute;background-color: rgba(255,90,94,0.2);top: 20px;right: 20px;}
.cont-listing-item .cont-source:before{content: '';display: block;width: 40px;height: 40px;border-radius: 100%;position: absolute;background-color: rgba(255,90,94,0.2);top: 10px;right: 10px;}
.cont-listing-item .cont-down{margin:0 0 10px 0;}
.cont-listing-item .cont-down a{display:block;width:80px;height:30px;line-height:28px;font-size: 14px;;color: #ff5a5e;text-align:center;margin:0 auto;border-radius: 28px;border: 1px solid #ff5a5e;}
.cont-listing-item .cont-down a:hover{color:#fff;background: #ff5a5e;border: 1px solid #ff5a5e;}
.cont-listing-item .cont-down a.noapp,.single-mode1-source-down.noapp{color:#9e9d9d!important;background: #eee!important;border: 1px solid #eee!important;}
.cont-minute-item{padding:10px 0!important;}
.cont-minute-item,.single-mode1{padding:20px 0 ;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items: center;}
.links li{display: inline-block;vertical-align: top;margin:0 10px 0 0;white-space:nowrap;line-height: 2;}
.links li a{color: #666;}
.single-mode1-img{width: 100px;height: 100px;overflow: hidden;border-radius: 30%;}
.single-mode1-source{width: calc(100% - 220px);text-align: left;}
.single-mode1-source h2{font-size: 20px;line-height: 30px;font-weight: 600;color: #000;}
.single-mode1-source h3{font-size:14px;line-height:20px;color:#909090;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.single-mode1-source h3 i{font-size:14px;color:#0084ff;margin:0 5px 0 0;}
.single-mode1-source-down{display:block;width:130px;height:34px;line-height:32px;font-size: 14px;;color: #fff;text-align:center;margin: 8px 0 0;border-radius: 34px;border: 1px solid #ff7575;background: #ff7575;}
.single-mode1-erma{width:100px;height:100px;text-align:center}
#single-mode1-erma-qrcode{width:80px;height:80px;margin:0 auto}
.single-mode1-erma em{font-size:14px;color:#909090;line-height:20px}
.single-mode2{padding:10px 0;}
.single-mode2 img{width:100%;height:auto}
.single-mode2 p{font-size:15px;color:#666;line-height:2}
.footer{width: 100%;padding: 10px;color: #909090;}
.footer a{color:#909090}
.floatbox{z-index:999;filter:alpha(opacity=60);background:#000;opacity: 0.6;-moz-opacity: 0.6;left:0;top:0;height:100%;width:100%;position:fixed;display:none;}
.floatbox-contact{width:300px;height:300px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-150px;margin-top:-150px;text-align:center;border:1px dotted #dedede;display:none;}
.floatbox-contact li{width: 100%;height:70px;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items:center;}
.floatbox-contact li i{font-size:36px;color:#ff5a5e}
.floatbox-contact li .contact-source{width: 120px;text-align: left;}
.floatbox-contact li .contact-source h2{font-size:15px;line-height:20px;color:#000;}
.floatbox-contact li .contact-source h3{font-size:12px;line-height:16px;color:#909090;}
.floatbox-contact li a{display:block;font-size: 14px;width:100px;height:34px;line-height:32px;text-align:center;border-radius: 34px;color: #ff5a5e;border: 1px solid #ff5a5e;}
.floatbox-contact li a:hover{color: #fff;background:#ff5a5e;}
.floatbox-contact em{line-height: 50px;font-size: 14px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.floatbox-contact .close{float:right;}
.mode2{width: 100%;margin: 0 auto 40px;padding: 20px;}
.readmore{width: 100%;padding: 0 10px;margin:20px 0;text-align: center;}
.readmore a,.readmore span{font-size:16px;color:#999;margin:0 5px;}
.readmore a:hover,.readmore span.current{color:#000;}
#kong{width: 100%;text-align: center;padding: 50px 0;}
#kong i{font-size: 30px!important;color: #909090!important;}
#kong p {font-size: 14px;color: #909090;line-height: 2;}
/*.swiper, .swiper-slide a {  width: 100%; height: 80px;}*/
.swiper-slide img {  display: block; width: 100%; height: 100%; }
@media (max-width:560px) {/*.hot-item { width: 29.33%!important;}*/.swiper-img,.hot-img,.minute-img{width: 70px; height: 70px;overflow: hidden;border-radius: 15%;}
.cont-listing-item{width: 29.33%;}.cont-listing-item .cont-source:after,.cont-listing-item .cont-source:before{display:none;}.single-mode1-source{width: calc(100% - 110px);}.single-mode1-erma{display:none}
.hot-bit{left: 0px;top: -6px;} .hot-bit img {width: 50px;}
}


/*添加滚动*/
* {
    padding: 0;
    margin: 0;
    list-style: none;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
}

@media screen and (min-width:320px) {
    html {
        font-size: 21.33px;
    }

    body {
        font-size: 12px;
    }
}

.wrap {
    width: 100%;
    max-width: 568px;
    margin: 0 auto;
}

.img-row>img {
    display: block;
    width: 100%;
}

.pr {
    position: relative;
}



.slide-hd {
    text-align: center;
    height: 33px;
    line-height:33px;
    border-bottom: 2px solid #E5E5E5;
}

.slide-hd ul {
    width: 100%;
    display: -webkit-flex;
    -webkit-flex-flow: row;
    -webkit-align-items: stretch;
    -webkit-justify-content: space-between;
    display: flex;
    flex-flow: row;
    align-items: stretch;
    justify-content: space-between;
}

.slide-hd li {
    flex: 1;
    text-align: center;
}

.slide-hd a {
    cursor: pointer;
    display: inline-block;
    line-height:33px;
    font-size: 17px;
    height: 33px;
    color: #5C5C5C;
    font-weight: bold;
    position: relative;
}

.slide-hd a.on {
    color: #fe562a;
}

.slide-hd a.on:after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 85%;
    height: 5px;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FE67B0), to(#A982F5));
    background-image: -webkit-linear-gradient(left, #e85902, #d69490);
    background-image: -moz-linear-gradient(left, #FE67B0, #A982F5);
    background-image: -o-linear-gradient(left, #FE67B0, #A982F5);
    background-image: linear-gradient(left, #FE67B0, #A982F5);
    border-radius: 8px;
}
@media screen and (max-width:767px) {
    .pc {
        display: none;
    }

    .slide-hd {
        margin-top: -0.5rem;
    }
}

@media screen and (min-width:768px) {
    .pc {
        display: show;
    }
}


@media screen and (max-width: 767px) {
    .slide-hd {
        margin-top: 0rem;
    }

    .g-list img {
        display: block;
        width: 72px;
        height: 72px;
        border-radius: .24rem;
        margin: 0 auto;
    }

    .g-list p {
        font-size: 0.25rem;
    }
}