@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0}

header{width:100%;float:left;}

nav{width:100%;float:left;}

footer{width:100%;float:left;}

body {-webkit-text-size-adjust:none;background:#fff;font-family:"微软雅黑",Arial;font-style: normal;font-weight: normal;font-variant: normal;}

a {text-decoration: none; border: 0px none; outline: 0px none;} 

a:link{ text-decoration: none}

a:visited{ text-decoration: none}

a:hover{text-decoration: none}

a:active{text-decoration: none}

.clear {margin: 0px;padding: 0px;clear: both;}

.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}

ul,li,dt,dl,dd{	list-style-type: none;margin: 0px; padding: 0px; background:none;}

i,em{ font-style: normal;}

p {	margin: 0px; padding: 0px;}

img{ width:100%; }

.logo img{ width: auto;}

.lb_hd1{ max-width: 720px; width: 95%; margin: 0.5rem auto;}

#main{ max-width: 720px; min-width: 320px; margin: 0 auto;}

footer{ margin: 0.35rem auto 1.6rem;}

#cqmylike_footer_logo{ padding-top: 0.35rem;}

.wrap{width:100%;background:#59b9fa;}

/*网友热搜*/
.banner_gao{ margin-top: 1.125rem;}
.wrap-daohang{width:100%;max-width: 720px;min-width: 320px;position:fixed;top:1.125rem;z-index:99999;background:rgba(0,0,0,.8);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; overflow: hidden;}
.wrap-daohang .step{width:21.66%;float:left;border-right: 1px solid rgba(255,255,255,0.2);padding-top:0.125rem;padding-bottom:0.111rem;font-size:0.333rem;color:#FFFFFF;text-align:center;font-weight:600;line-height:140%;}
.wrap-daohang .step a{width:100%;height:100%;display:block;color:#FFFFFF;}
.wrap-daohang .step:nth-child(1){width:12%;color:#dcc142;}
.wrap-daohang .step:nth-child(5){border-right: none;}

.toutu{width:100%; margin-bottom:12%; position:relative;}



.tipsdiv{width:100%;height:2.51rem; margin:0 auto 5%; padding-top:0.01rem; background:url("../images/bg1.png") no-repeat; background-size:100%;}

.tipsdiv p{font-size:0.36rem; text-align:center;float:left;margin-top: 11%;margin-left: 9%;}



.click1{display:block;width:38%; position:absolute;left:31%; bottom:-20%; animation:updown 3s 0s ease both infinite;}

.click1 span{display:block;width:15%; position:absolute; left:60%; top:64%;animation:ftimg 1s 0s ease both infinite;}

/*热门问题*/

.rmwt_bibu{ padding: 0.15rem 0 0.3rem;}

.rmwt_bibu h3{ padding: 1% 0 2%; font-size:0.81rem; font-weight:600;background:linear-gradient(to right, #FFEB3B,#FFEB3B ,#FFEB3B);-webkit-background-clip:text;color: transparent; text-align: center;}

.rmwt_bibu ul{ padding: 0 1.2%; overflow: hidden;}

.rmwt_bibu ul li{ float: left; width: 47%; padding: 1.7% 0; margin: 0.2rem 1%; border-radius: 1rem; background: #f1ccff;}

.rmwt_bibu ul li:nth-child(1),.rmwt_bibu ul li:nth-child(4){ background: #a9ecf5;}

.rmwt_bibu ul li a{ display: block; font-size: 0.33rem; color: #1f1f1f; text-align: center;}

/*热门问题END*/

.ttbox{width:100%; margin:5% auto 0;}

.casediv{ width:100%; margin:0 auto 5%; position:relative; overflow: hidden;}



.casebox{width:95%; padding: 0 0 0.5rem; margin:0.6rem auto 0; background:#fff; border-radius:0.2rem; position:relative;}

.casebox .dian{font-size:1.2rem; line-height:0.3rem; color:#59b9fa; text-align:center;}

.casebox .tx{width:26%;float:left; margin-top:5%; margin-left:3%;}

.casebox .grxx{width:66%; float:left; margin-top:8%; margin-left:3%;}

.casebox .grxx .name{font-size:0.51rem;color:#242424;}

.casebox .grxx .fgx{ margin:2% 0;}

.casebox .grxx p{font-size:0.35rem;color:#353535;}

.casebox .ximg{width:92%; margin:3% auto; position:relative; overflow:hidden;}

.casebox .ximg .png{ position: relative; z-index:2;}

.casebox .ximg .gif{ position:absolute;left:25%;top:0; z-index:1; width:50%; }

.casebox .xxul{width:45%;float:left;font-size:0.35rem; color:#1f1f1f; margin-left:5%;}

.casebox .xxul li span{color:#3eaffb;}

.casebox .xxul li i{color:#ff6c65; font-style:normal;}

.casebox a.lbjg_case_btn{ display: block; width: 9.25rem; height: 1.388rem; line-height: 1.188rem; margin: 5% auto 0; background: url("../images/lbjg_btn_1.png") 0 0 no-repeat; background-size: cover; font-size: 0.388rem; color: #FFF; text-align: center;}

.casebox a.lbjg_case_btn strong{ font-size: 0.5rem; font-weight: normal;}

.click2{display:block;width:38%; position:absolute;left:31%; bottom:-16%; z-index:999;animation:updown 3s 0s ease both infinite;}

.click2 span{display:block;width:15%; position:absolute; left:60%; top:64%;animation:ftimg 1s 0s ease both infinite;}



.lbjg_ys{ padding: 5% 0; background: #bfedfc;}

.lbjg_ys a.lbjg_ys_btn{ display: block; width: 9.25rem; height: 1.388rem; line-height: 1.188rem; margin: 0 auto 3%; background: url("../images/lbjg_btn_1.png") 0 0 no-repeat; background-size: cover; font-size: 0.638rem; color: #FFF; text-align: center; animation: pulse 1.7s infinite;}

.lbjg_tehui1{ width: 9.30rem; margin: 0.277rem auto 0;}

.lbjg_tehui3{ margin: 0.277rem 0 0 0.2rem; overflow: hidden;}

.lbjg_tehui3 span{ display: inline-block; width: 4.513rem; margin: 0 0.13rem; position: relative;}

.lbjg_tehui3 span i{ display: block; width: 1.097rem; height: 1.097rem; line-height: 1.097rem; text-align: center; font-size: 0.55rem; color: #FFF; position: absolute; left: 50%; bottom: 8%; animation: pulse 1.2s infinite;}

.lbjg_tehui3 span i img{ width: 90%;}

.lbjg_tehui a.lbjg_tehui_btn{ display: block; width: 9.25rem; height: 1.388rem; line-height: 1.188rem; margin: 3% auto; background: url("../images/lbjg_btn_1.png") 0 0 no-repeat; background-size: cover; font-size: 0.638rem; color: #FFF; text-align: center; animation: pulse 1.7s infinite;}

.anniu{position:relative;width:60%;margin:6% auto 0;}

.anniu p{position:absolute;color:#fff;font-size:0.5rem;text-align:center;top: 20%;left: 16%;}

.zh_box{ overflow: hidden;}

.zh{ font-size:0.44rem;color:#1f1f1f;text-align:center;margin-top:5%;line-height:0.68rem;}

.zh strong{ color: #aa2bc3;}



.pkbox{width:93%; margin:5% auto 0;}

.pkul{width:100%; margin:3% auto; overflow:hidden;}

.pkul li{width:47%; margin-left:2%; overflow:hidden;float:left;font-size:0.2666rem;}

.pkul li span{display:block;float:left;width:13%; margin-right:2%; margin-top:5%;}

.pkul li p{width:85%;float:left;}



.tdiv{width:93%; margin:3% auto;}



.tzyd{width:98%; margin:3% auto;}

.tzyd p{font-size:0.55rem;color:#232323;}

.tzyd p span{display:inline-block;width:10%; vertical-align:middle; margin-right:1%;}



/*.tzydul{width:100%; margin:3% auto 5%; overflow:hidden;}

.tzydul li{width:48.5%;height:0.8933rem;line-height:0.8933rem;float:left; margin-left:1%; background:url("../images/bg2.png.html") no-repeat; background-size:100%;text-align:center;}

.tzydul li a{font-size:0.32rem; color:#2e2e2e;}*/

.zjtbox{width:100%; margin:0 auto;}



.h3box{font-size:0.4266rem;color:#181717; margin:5% auto; text-align:center;}

.h3box span{display:block; color:#f66a63;}



.zrxbox{width:93%; margin:5% auto 0; overflow:hidden; background:rgba(0,0,0,0.5); position:relative;}

.zrxbox li{width:2.32rem;height:2.5866rem;float:left; overflow:hidden;}

.zrxbox li .pf.ab{ position:absolute;z-index:2;}

.zrxbox li .pf .close{width:10%; position:absolute;top:-10%;right:-10%;}



.zrxbox .mb{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1; display: none;}



.zrxbox li span{display:block; position:relative;}

.zrxbox li i{display:block;width:100%;height:100%; background:#000; opacity:0.5; position:absolute;left:0;top:0;transition:all 1s ease-in-out;}

.zrxbox li.on i{opacity:0;}



.click3{display:block;width:38%; margin:0 auto; position: relative;animation:updown 3s 0s ease both infinite;}

.click3 span{display:block;width:15%; position:absolute; left:60%; top:64%;animation:ftimg 1s 0s ease both infinite;}



.ppbox{width:93%; margin:5% auto; overflow: hidden;}

.ppbox li{width:50%; float:left; position:relative;}

.ppbox li p{width:100%; position:absolute;left:0;top:72%;color:#2e2e2e; font-size:0.3466rem; text-align:center;}



/*.divlast{width:100%; padding:5% 0; background:url("../images/bg3.png.html") repeat-y; background-size:100%; margin:5% auto;}

.divlast p{ text-align:center;}

.divlast p.p1{color:#262626;font-size:0.36rem;}

.divlast p.p2{color:#59b9fa; font-size:0.48rem; font-weight:bold;}

.divlast p.p3{color:#262626; font-size:0.48rem; }*/



#zjswiper{width:100%;margin:5% auto; background:#fff; padding-bottom:7%;}

#zjswiper .swiper-slide{min-height:12.6667rem;}

#zjswiper .swiper-pagination-bullet-active{ background:#f66a63;}

.clickyy{display:block;width:70%; background:#ff2b7f;font-size:0.48rem;color:#fff; text-align:center; font-weight:bold; position:absolute; left:15%; bottom:0; line-height:1em; padding:0.5em 0; border-radius:2em;}



@keyframes ftimg{

	0%{-webkit-transform:scale(1)}

	50%{-webkit-transform:scale(1.1)}

	100%{-webkit-transform:scale(1)}

}

@keyframes updown{

    0%{opacity:1;

    transform:translateY(0)}

    50%{opacity:1;

    transform:translateY(-10px)}

    100%{opacity:1;

    transform:translateY(0px)}

}