@charset "utf-8";
/* CSS Document */

body{font:12px/1.5 arial,Microsoft YaHei, georgia, verdana, helvetica, sans-serif; color:#404040; background: #F7F8FC}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form{ margin:0;padding:0;}
html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
ul,li,ol{list-style:none outside none;}
img{ border:0 none; vertical-align:top;}
input,select{vertical-align:middle;}

table { border-collapse:collapse; }
address, caption, cite, code, dfn, th, var, optgroup ,em{font-style:inherit; font-weight:inherit;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select {*font-size: 100%;}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea{ resize:none;}
input,textarea,button {border:0 none;background:#fff; padding:0px;}

/*focus*/
input,textarea,a,button {outline:none;}
input::-moz-focus-inner {border:0;}

/*a*/
a{ color:#404040; text-decoration:none;}
a:visited { color:#404040;}
a:hover, a:active, a:focus{ color:#00cece; text-decoration:underline;}

/*clear*/
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix {zoom:1;}
.clearit { clear:both; height:0; font-size:0; overflow:hidden;}

/*nomove*/
.nomove{ width: 160px; float: left; padding: 20px 10px; position: fixed; background: #fff; border-radius: 12px}
.nav{ width: 160px; height: 50px; margin: 0px auto; padding: 70px 0px 30px 0px; background: url(../images/wowant/new.png) no-repeat 1150px 75px; overflow: hidden;}
.subnav{ width: 205px; padding-left: 38px; float: left; height: 100%; border-right: 1px #efefef solid; font-size: 16px; overflow: hidden;}
.subnav a{ width: 64px; height: 28px; float: left; color: #5d5d5d;}
.subnav a:hover{ color: #00cece;}

/*con-header*/
.con-header{ width:100%; height:50px; background:#fff; -webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.04);  z-index:999; position:fixed; left:0; overflow:hidden}
.logo{ width:188px; height:60px; float:left; color:#fff; padding-left:15px; background-image:linear-gradient(to right, #00cece, #00e0c5); border-radius: 20px; overflow:hidden}
.logo img{ float:left; padding-right:6px; padding-top:10px}
.logo h6{ padding-top:8px; font-weight: bold;}
.logo a{ font-size:18px; color:#fff}
#minlogo img{ padding-top: 15px}

/*con-nav*/
.con-nav{ width: auto; position: relative; background: url(https://www.wogif.com/statics/images/wogif/new.png); background-repeat: no-repeat; background-position: 68px 268px; overflow: hidden}
.con-nav h1{ width: 130px; overflow: hidden; margin-left: -15px}
.con-nav h3{ width: 130px; overflow: hidden; margin-left: -15px}
.con-nav a{ float: left; line-height: 50px; font-size: 16px; color: #323232; font-weight: 300; width: 100px; margin-left: 38px; transition: all 0.2s ease-out; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s}
.con-nav a:hover{ color:#00cece; text-decoration:none; transform:translateY(-5%); -moz-transform:translateY(-5%); -webkit-transform:translateY(-5%); -o-transform:translateY(-5%)}
#wogifso{ width: 50px; height: 32px; float: left; background: #f9f9fd; text-align: left; line-height: 32px; margin-top: 15px; border-radius: 100px; margin-left: 10px; margin-bottom: 15px}
#wogifso svg{ width: 15px; margin: 9px 0px 0px -25px; float: left}
#wogifso font{ color: #aeb3bd; font-size: 14px; display: block}

.weibo{ width: auto; padding:20px; color: #ccc; font-size: 12px}

.wowant_pubt{ padding: 0px 50px; height:60px; line-height:60px; overflow:hidden}
.wowant_pubt h2{ font-size:22px; float:left}
.wowant_pubt span{ color:#909090; font-size: 16px}
.wowant_pubt span a{ color:#bbb; padding-left: 30px}
.wowant_pubt span a:visited{ color:#bbb}
.wowant_pubt span a:hover{ color:#00cece; text-decoration:underline}
.wowant_pubt em{ float:right}
.wowant_pubt em a{ font-size:16px; color:#909090; padding:0px 10px}
.wowant_pubt em a:hover{ font-size:16px; color:#00cece; padding:0px 10px}
.iconfont{ width:10px; height:10px; padding:0px 3px 3px 3px; margin-left:8px; border-radius:50%; font-size:18px; line-height:10px; background:#b0b0b0; color:#fff}

.con_topad{ width: 1040px; height: 50px; font-size: 18px; line-height: 50px; float: right}
.con_topad a{ color: #fff; text-decoration: none; display: block; text-align: left; padding: 0px 50px; background: url(https://www.wogif.com/statics/images/wowant/adbg.png) #6991d9 180px -102px no-repeat; background-size: 15%; border-radius: 12px; text-shadow: 1px 1px 1px #3f6cbd}
.con_topad font{ border-radius: 10px;padding: 6px 8px;margin-right: 30px;background: #ffcc59;color: white}
.con_topad span{ font-size: 16px; color: #80859c; border-radius: 50px; background-image: linear-gradient(to right, #fff, #fff); float: right; width: 100px; height: 38px; line-height: 38px; text-align: center; margin-top: 6px}

.wogif-wraps{ width: 800px; margin-left: 190px; float: left; overflow: hidden}
.wogif_tj{ width: 730px; overflow: hidden; background: #fff; padding: 36px; border-radius: 12px}
.text_tj{ width: 374px; float: left; padding-left: 36px}
.text_tj h3{ width: 380px; font-size: 20px; font-weight: bold; margin-bottom: 6px; overflow: hidden}
.text_tj h3 i{ background: #ff5d38; padding: 3px 4px; font-size: 16px; border-radius: 6px; font-style: normal; color: #fff; margin-left: 5px}
.text_tj h4{ width: 380px; font-size: 20px; font-weight: bold; margin-bottom: 6px; margin-top: 20px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.text_three{ max-width: 350px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.text_tj h4 a{ margin-right:30px; color:#515356}
.text_four{ width: 380px; float: left}
.text_four span{ float:left; font-size:16px; line-height:38px}
.text_four span a{width: 50px; display:block; position:relative}
.text_four span a:before{ content: " "; width: 1px; height: 15px; background: #ddd; position:absolute; top:10px; right:9px}
.text_four font{ font-size:16px; line-height:38px}
.text_four font a{ width: 320px; display:block; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; transition: all 0.2s ease-out; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s}
.text_four font a{ color: #515356;}
.text_four font a:hover{ color: #00cece;}
.text_four font a:hover{ transform:translateX(3%); -moz-transform:translateX(3%); -webkit-transform:translateX(3%); -o-transform:translateX(3%)}
.text_tj dl dt{ font-size:20px; color:#bbb; padding-bottom: 8px}
.text_tj dl dt em{ font-size:16px; color:#eee; font-style:italic; padding-left:15px}
.text_tj dl dd{ width:400px; height:38px; font-size:16px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; transition: all 0.2s ease-out; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s}
.text_tj dl dd a{ color: #404040;}
.text_tj dl dd a:hover{ color: #00cece;}
.text_tj dl dd:hover{ transform:translateX(3%); -moz-transform:translateX(3%); -webkit-transform:translateX(3%); -o-transform:translateX(3%)}
.text_tj dl dd b{ font-size: 17px;}
.column{ margin: 10px auto; overflow: hidden; padding: 10px 40px 20px 40px; background: #fff; border-radius: 12px; margin-left: 160px}
.wogif-column{ float: left; border-radius: 12px; overflow:hidden}
.wogif-bd{ width:360px; height: auto; border-radius: 10px; overflow: hidden;}
.wogif-bd p{ width:360px; padding: 12px 0px; font-size:16px; border-top: 1px #f5f5f5 solid; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.wogif-al{ width: 320px; height: auto; float:left; position: relative; overflow: hidden;}
.wogif-al-img{ width:320px; height:180px; float:left; border-radius: 16px; position:relative; overflow:hidden}
.wogif-al-img img{ min-height:180px; max-width:320px; min-width:320px}
.wogif-al span{ width: 255px; padding-top: 10px; position: absolute; left: 15px; top: 118px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); padding-left: 40px}
.wogif-al span a{ font-size: 16px; color: #fff}
.wogif-al span p{ color: #fff; margin-top:-3px}
.wogif-al-imglist{ width: 320px; height: auto; padding-top: 8px; overflow: hidden;}
.wogif-al-imglist a{ width: 320px; padding: 10px 0px; display: block; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.2s; font-size: 14px; border-bottom: 1px #f5f5f5 solid; overflow: hidden}
.wogif-al-imglist a:last-child{ border:none}
.wogif-al-imglist a:hover{ -webkit-transform:translateX(3%)}
.wogif-al-imglist a:before{ content: " "; width: 4px; height: 4px; background: #c6cdd9; display: block; float: left; margin-right: 10px; margin-top: 8px; border-radius: 50%;}
.wogif-al-list{ width: 410px; height: auto; padding-left: 40px; overflow: hidden;}
.wogif-al-list a{ width:380px; height:38px; display: block; font-size:16px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; -webkit-transition: all 0.2s;}
.wogif-al-list a:hover{ -webkit-transform:translateX(3%);}

/*banner*/
.banner{width:320px; height:auto; float:left; overflow:hidden}
.flexslider { width:320px; height:180px; position:relative; border-radius:16px; overflow:hidden}
.slidestitle { width:320px; height:80px; position:absolute; top:280px; padding-left:20px}
.slides img { min-height:180px; min-width:320px; max-width:320px}
.slidestitle h3 { width:300px; font-size:18px; line-height:26px; color:#FFF; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.slidestitle h3 a { color:#FFF; text-decoration:none; text-shadow:0px 0px 1px #000}
.slidestitle p { width:300px; color:#f1f1f1; padding-top:3px; line-height:16px}
.slidestitle h3 a:visited { color:#FFF; text-decoration:none; }
.slidestitle h3 a:hover { color:#FFF; text-decoration:underline }
.flex-direction-nav a { width:40px; height:40px; display:block; background:url(../images/wowant/ad_ctr.png) no-repeat 0 0; position:absolute; top:68px; z-index:10; cursor:pointer; text-indent:-9999px; opacity: 0.3; filter:alpha(opacity=50);}
.flex-direction-nav .flex-next { background-position: -10px -82px; right:8px}
.flex-direction-nav .flex-prev { background-position: -9px -23px; left:8px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { border-radius:50%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); }
.flex-control-nav { width:100%; position:absolute; top:360px; text-align:center}
.flex-control-nav li { margin:0 0px; display:inline-block; zoom: 1; }

.wogif-hot{ width:320px; padding: 3px 0px; overflow:hidden}
.wogif-hot p{ width:320px; padding: 12px 0px; font-size:14px; border-bottom: 1px #f5f5f5 solid; overflow:hidden}
.wogif-hot p a:before{ content:" "; width:4px;height:4px; background:#c6cdd9; display:block; float:left; margin-right:10px; margin-top:8px; border-radius: 50%;}

.mianbaoxie{ line-height: 38px; padding: 0px 0px 5px 0px; font-size: 14px}
.mianbaoxie a{ color: #666; padding: 10px 15px; background: #fff; margin-right: 10px; border-radius: 12px}

.s_h{ width:30px; height:30px; position:absolute; top:0px; right:-4px; background:url(../images/wowant/h.png) no-repeat}
.s_n{ width:30px; height:30px; position:absolute; top:0px; right:-3px; background:url(../images/wowant/n.png) no-repeat}
.s_p{ width:30px; height:30px; position:absolute; top:70px; left:12px; background:url(../images/wowant/play_small.png) no-repeat}
.s_xp{ width:30px; height:30px; position:absolute; top:80px; left:10px; background:url(../images/wowant/play_small.png) no-repeat}
.s_g{ width:25px; height:16px; position:absolute; bottom:0px; right:0px; background:url(../images/wowant/g.png) no-repeat}
.s_t{ position: absolute; left: 15px; bottom: 15px; background: rgb(255,166,90,0.6); color: #FFF; padding: 8px 5px 6px 7px; font-size: 14px; font-weight: normal; border-radius: 8px}

.kb{ width: 350px; height: 15px;}
.wogif-al-list b a{ font-size:18px;}

.wogif-pubt{ height: 50px; line-height: 50px; margin: 10px 0px 10px 0px; position:relative; z-index:999}
.wogif-pubt h2{ font-size:22px; float:left}
.wogif-pubt h2 a:before{ width: 50px; height: 10px; background: #90f0ff; position: absolute; content: " "; top: 30px; z-index: -9;}
.wogif-pubt span{ color:#909090; font-size: 14px; padding-left: 5px;}
.wogif-pubt span a{ color:#909090; padding: 0px 15px; border-right: 1px solid #eee;}
.wogif-pubt span a:visited{ color:#909090}
.wogif-pubt span a:hover{ color:#00cece; text-decoration:underline}

.next-p{ font-size: 22px; line-height: 40px; padding: 20px 0px 0px 0px; clear: both; overflow: hidden;}
.wogif-dx{ color: #ddd; font-size: 14px}
.wogif-ingzh{ width:320px; height:60px; margin-top:8px;}
.wogif-ingzhimg{ width:60px; height:60px; float:left; border-radius:40%; overflow:hidden}
.wogif-ingzhdes{ width:250px; float:left; color:#00cece; font-size:16px; padding-left:10px;}
.wogif-ingzhdes p{ color:#999; font-size:13px; line-height:18px}

.wowant_title{ width:990px; height:auto; padding:20px 0px 30px 0px}
.wowant_title h5{ font-size:18px; padding-bottom:3px; float:left}
.wowant_title h5 a{ color:#404040}
.wowant_title p{ color:#ccc; float:right; padding-top:6px}
.wowant_title p a{ color:#909090; padding:0px 15px}
.wowant_title p a:visited{ color:#909090;}
.wowant_title p a:hover{ color:#404040;}

.pubtitle{ width:330px; height:18px; line-height:18px; margin:30px 0px 10px 0px}
.pubtitle h3{ width:auto; font-size:18px; font-weight: bold;}
.pubtitle h3 a{ color: #555;}

.xxl-item{ width: 740px; margin: 5px 0px; padding: 25px 30px; background: #fff; border-radius: 12px; float: left; overflow: hidden}
.xxl-img{ width: 158px; height: 100px; float: left; margin-right: 20px; border-radius: 12px; overflow: hidden;} 
.xxl-img img{ min-width: 158px; max-width: 158px; min-height: 100px;} 
.xxl-con{ display: table-cell; vertical-align: middle; overflow: hidden;} 
.xxl-con h2{ font-size: 18px; font-weight:bold} 
.xxl-item a:hover{ text-decoration:none} 
.xxl-des{ font-size: 14px; padding-top: 5px; color: #86898d; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.xxl-date{ font-size: 14px; padding-top: 5px; color: #bbb;}
.xxl-date span{ width: 30px; height: 18px; float: left; display: block; overflow: hidden;}
.xxl-date font{ color: #ff003b; margin-right: 10px;}
.xxl-date a{ color: #bbb; float: left;}

/*footer*/
.footer{ width: 1130px; padding: 10px 0px 10px 190px; margin: 0px auto; overflow: hidden}
.footer a{ padding:0px 7px 0px 7px;}

/*links*/
.links{ width: auto; margin: 0px auto; padding: 20px 0px 15px 30px; border-bottom: 1px #F7F8FC solid; overflow: hidden; background: #fff; border-radius: 12px 12px 0px 0px}
.links a{ padding:0px 10px;}
.copy{ width: auto; height: 43px; margin: 0px auto; line-height: 43px; overflow: hidden; background: #fff; padding-left: 30px}
.copy span{ display:block; float:left}
.copy font{ display: block; float: left; padding-left: 30px}
.copy font em{ color:#999; padding-left:5px;}
.copy font em img{ margin-top:13px; padding-left:5px;}
.copy span b{ font-weight:normal; padding:0px 3px 0px 3px; height:12px; color:#b5b5b5; overflow:hidden}

/*anquan*/
.record{ width: auto; margin: 0px auto; padding: 15px 0px 15px 30px; color: #aaa; background: #fff; border-radius: 0px 0px 12px 12px}
.anquan{ width: auto; margin: 0px auto; padding-top: 10px; overflow: hidden; background: #fff; padding-left: 30px}
.anquan a{ padding-right:10px; float:left}

.main{ width: 1320px; margin: 10px auto}
.wogif-content{ float: left; position: relative; overflow: hidden; border-radius: 12px; padding: 50px 80px; background: #fff; width: 640px}

.describe{ width:680px; color:#404040; font-size:16px; line-height:30px; overflow:hidden}
.describe p{ text-indent:24px; padding-top:25px;}
.describe img{ margin:0px auto}

.wogif-content h1{ font-size:32px; line-height:46px; padding: 15px 0px; color: #191919; font-weight:bold; overflow:hidden}
.path{ width:300px; color:#fff; margin-left: -2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.path a{ padding:0px 5px; color:#fff}
.path span{ padding:0px 2px}

.info{ width:auto; height: 60px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; overflow: hidden}
.infoimg{ width:46px; height:46px; float:left; border-radius:50%; position: relative; background: url(https://www.wogif.com/statics/images/wogif/wogif.jpg) center no-repeat; background-size: 110%; border: 1px solid #eee}
.infoimg img{ width:46px; height:46px; border-radius: 50%}
.infoimg::after{ content: ''; width: 16px; height: 16px; background: url(https://www.wogif.com/statics/images/wowant/lanv.png) center no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0px;}
.infodes{ float:left; padding-left:10px; padding-top: 5px; line-height: 22px; overflow:hidden}
.infodes span{ font-size: 16px; color: #333; display: block; font-weight: bold}
.infodes font{ font-size: 13px; color: #999; overflow: hidden}
.infodes font a{ color:#999}
.infodes font em{ margin: 0px 10px; border-right: 1px solid #ddd}

.article{ font-size:16px; color:#50555c; padding-top: 10px}
.article h3{ font-size: 18px; padding:15px 0px; position: relative; font-weight: bold; z-index:999}
.article h3:before{ width: 60px; height: 10px; background: #90f0ff; position: absolute; content: " "; top: 30px; z-index: -9;}
.article p{ padding:15px 0px; line-height:28px}
.article p strong{ font-size: 16px;}
.article img{ max-width:640px; border-radius: 12px; margin: 0px auto; display: block}
.article video{ padding:15px 0px; max-width:680px}
.article a{ color: #2670C0; padding-right: 15px; position: relative; display: inline-block}
.article a:before{ content: ""; position: absolute; top: 5px; right: 0; width: 14px; height: 14px; background: url(https://www.wogif.com/statics/images/wogif/so.png) no-repeat; background-size: 100% 100%;}
.article a:hover{ color: #00c6c6}

.con-sm{ color:#bbb; font-size: 13px; padding-top: 10px; padding-bottom: 5px}
.con-sm a{ color:#bbb; padding-left:8px; font-size:13px}

.wowant-congz{ width:600px; height:60px; margin-top:20px; margin-bottom:10px}
.wowant-conimg{ width:60px; height:60px; float:left; border-radius:36%; overflow:hidden}
.wowant-condes{ width:410px; float:left; color:#00cece; font-size:16px; padding-left:15px; margin-top:8px; overflow:hidden}
.wowant-condes p{ color:#bbb; font-size:13px; line-height:18px; padding-top:3px; text-indent:0px; overflow:hidden}
.wowant-conbut a{width:60px; height:28px; float:right; display:block; border-radius:20px; line-height:28px; font-size:14px; text-align:center; border:1px #00cece solid; color:#00cece; margin-top:16px; overflow:hidden}

.sidebar{ width:200px; float:left; overflow:hidden}
.sidebar.sidebar_fix{ position:fixed; _position:absolute; z-index:111;}

.tuijian{ width:900px; height:auto; padding-top:20px; overflow:hidden}
.tuijian span{ height:20px; line-height:21px; padding:0px 8px; text-align:center; float:left; margin-right:10px; color:#FFF; font-size:12px; background:#F85F83; margin-top:3px; position:relative}
.tuijian em{ width:0px; height:0px; border-top:0px transparent solid; border-right:10px transparent solid; border-bottom:6px transparent solid; border-left:6px #F85F83 solid; display:block; position:absolute; right:-14px; top:0px; overflow:hidden}
.tuijian h5 a{ font-size:18px; color:#00cece}

.t_tag{ width:auto; overflow:hidden}
.t_tag a{ padding:8px 12px; background:#F7F8FC; margin-right: 5px; border-radius:10px; color:#888; line-height:38px}
.t_tag a:hover{ background:#00c6c6; color:#FFF; text-decoration:none}

.giftag{ position: relative;}
.giftag a{ font-size: 14px; color: #797979; display: block; text-indent: 23px; line-height: 40px;}
.giftag a:before{ width: 10px; height: 4px; background: #eee; position: absolute; content: " "; border-radius: 10px; left: 0px; margin-top: 19px;}
.giftag a:hover{ color: #00cece}
.giftag a:hover:before{ background: #00cece}

.fftu{ width: 680px; margin: 0px auto; text-align: center}
.fftu a:hover{ color: #fff;}
.fftu a:visited{ color: #fff;}
.fftu_t{ font-size: 18px; color: #333;}
.fftu_b{ width: 100px; height: 44px; display: block; margin: 15px auto 0; line-height: 46px; background: #ff503f; font-size: 16px; color: #fff; box-shadow: 0 8px 20px rgba(255, 75, 55, 0.3); border-radius: 30px; font-weight: bold;}
.fftu_u{ font-size: 14px; color: #777; margin-top: 15px;}
.fftu_u span{ margin-right: 4px; color: #ff7045;}

/*domove*/
.domove{ width: 120px; height: 100%; float: left; position: fixed; overflow: hidden; top: 0px; right: 0px; padding: 80px 0px; background: #fff}
.share-tucao{ width: 100px; height: auto; font-size: 16px; margin: 0px auto; color: #999; text-align: center; padding-bottom:20px}
.share-tucao a{ width:40px; height:40px; border-radius:50%; background:url(https://www.wogif.com/statics/images/wogif/view.png) #f7f7f8 no-repeat center; display:block; margin:0px auto; margin-bottom: 10px}
.share-tucao a:hover{ background:url(https://www.wogif.com/statics/images/wogif/view.png) #90f0ff no-repeat center}
.share-phone{ width: 100px; height: auto; font-size: 18px; margin: 0px auto; text-align: center; padding-bottom:20px}
.share-phone a{ width:40px; height:40px; border-radius:50%; background:url(https://www.wogif.com/statics/images/wogif/phone.png) #f7f7f8 no-repeat center; display:block; margin:0px auto}
.share-phone a:hover{ background:url(https://www.wogif.com/statics/images/wogif/phone.png) #90f0ff no-repeat center}
#share{ padding-top: 20px; overflow: hidden}
#share a{ width: 40px; height: 40px; border-radius: 50%; float:left; display: block; margin: 15px 20px 15px 0px; webkit-transform: scale(1); transform: scale(1); transition: all linear .1s; border: 1px solid #edf1fd}
#share .share_wb{ background:url(https://www.wogif.com/statics/images/wogif/sharewb.png) no-repeat center;}
#share .share_fz{ background:url(https://www.wogif.com/statics/images/wogif/sharefz.png) no-repeat center;}
#share .share_qq{ background:url(https://www.wogif.com/statics/images/wogif/shareqq.png) no-repeat center;}
#share a:hover{ background-color: #90f0ff; cursor:pointer}
.share-title{ width: 80px; height: auto; position: relative; text-align: center}
.share-title span{ background: #fff; padding: 0 5px; color: #bbb;}
.share-title span::after{ content: ""; display: block; width: 100%; height: 1px; background: #e8e8e8; position: absolute; top: 50%; z-index: -1;}

.resoubang{ width: 260px; float: right; background: #fff; border-radius: 12px; padding: 30px 20px 10px 40px}
.resoubang h3{ font-size:20px; color:#404040; padding-bottom: 10px; font-weight: bold}
.resoubang h3:after{ content: ""; display: inline-block; vertical-align: top; width: 6px; height: 6px; margin-left: 2px; border: 2px solid #ff5d38; border-radius: 50%}
.resoubang a{ width: 260px; height: 44px; line-height:44px; font-size:15px; color:#404040; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.resoubang a span{ width: 20px; color:#c3c3c3; font-weight:bold; display:block; float:left}
.resoubang a em{ padding: 2px 3px 1px 3px; background-color: #ff6050; color: #fff; border-radius: 3px; font-size: 12px; margin-left:5px}
.resoubang a i{ padding: 2px 3px 1px 3px; background-color: #3cc183; color: #fff; border-radius: 3px; font-size: 12px; margin-left:5px; font-style: normal}
.resoubang a b{ padding: 2px 3px 1px 3px; background-color: #5b95ff; color: #fff; border-radius: 3px; font-size: 12px; margin-left:5px}
#rsb1{color:#ff1636}
#rsb2{color:#ff6150}
#rsb3{color:#ff8200}

.wogif-gzh{ width: 260px; padding: 30px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; background: #fff; margin: 10px 0px; float: right}
.wogif-gzh img{ width:80px; height:80px}
.wogif-gzh h6{ font-size: 14px; width: 170px}
.wogif-gzh span{ font-size:16px; font-weight:bold}
.wogif-gzh p{ font-size:14px; color:#999}
.wogif-gzh a{ color:#FF6600; display: block}

.wogif-related{ width:800px; overflow: hidden}
.wogif-more{ width: 800px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold}
.wogif-more a{ color:#515356}
.wogif-recommend{ width:720px; margin:30px auto 20px auto; overflow: hidden}
.wogif-recommend a{ padding:10px 22px; font-size:16px; color:#333}
#redrop{ width:80px; background:url(https://lf3-cdn2-tos.bytescm.com/toutiao/toutiao_web_pc/svgs/arrow.ea756e97.svg) no-repeat 60px 50%; padding-right:40px}
.wogif-todaynews{ width: 740px; margin-top: 10px; background: linear-gradient(186deg,#fff3f3 -1.9%,rgb(255 255 255 / 23%) 30.62%,rgb(47 224 255 / 0%) 98.17%),#fff; padding: 30px 30px 20px 30px; clear: both; border-radius: 10px}
.today-resou{ width:auto; font-size:16px; color:#555}
.today-resou span{ padding:3px 4px; font-weight:bold; background:#ff5d38; border-radius:5px; color:#fff; margin-right:3px}
.today-resou i{ padding-left:10px; font-size:14px; color:#777; font-style: normal}
.today-resoutxt{ padding-top:10px}
.today-resoutxt p{ width:600px; padding: 5px 0px; font-size:15px; overflow:hidden}
.today-resoutxt p a:before{ content:" "; width:4px;height:4px; background:#c6cdd9; display:block; float:left; margin-right:10px; margin-top:8px; border-radius: 50%;}

.tit{ padding: 40px 80px 40px 30px; overflow: hidden; background: #fff; margin: 10px 0px; border-radius: 12px}
.tit:last-of-type{ border:none}
.tit a{ text-decoration:none}
.tit h3{ width:380px; padding-left: 58px; font-size:16px; color:#818997; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.tit h3 img{ width: 20px; padding-right: 5px; padding-top: 1px}
.des{ font-size: 16px; color: #515356; padding: 5px 0px 5px 58px; margin-top: -10px; overflow: hidden; line-height: 26px}
.date{ width:auto; color:#b6bcc5; padding-top:5px}
.ding{ height: 16px; line-height: 18px; padding-left: 80px; color: #808080; display: block; font-size: 14px; margin-top: 8px; float:left; padding-right:30px}
.ding:before{ width: 16px; height: 16px; content: " "; background: url(https://m.wogif.com/static/images/ding.png) center no-repeat; background-position: left center; background-size: 16px; display: block; position: absolute; color: #f66; margin-left: -22px}
.zhuan{ height: 16px; line-height: 18px; color: #808080; display: block; padding-left: 22px; font-size: 14px; margin-top: 8px; float:left; padding-right:30px}
.zhuan:before{ width: 16px; height: 16px; content: " "; background: url(https://m.wogif.com/static/images/share.png) center no-repeat; background-position: left center; background-size: 16px; display: block; position: absolute; color: #f66; margin-left: -22px}
.dian{ height: 15px; font-size: 14px; margin-top: 10px; float: right; padding-right: 5px}
.ping{ height: 16px; line-height: 18px; color: #808080; display: block; padding-left: 22px; font-size: 14px; margin-top: 8px; float:left; padding-right:30px}
.ping:before{ width: 16px; height: 16px; content: " "; background: url(https://m.wogif.com/static/images/comment.png) center no-repeat; background-position: left center; background-size: 16px; display: block; position: absolute; color: #f66; margin-left: -22px}

.pic{ width: 100px; padding-left: 58px; margin: 10px 0px; position: relative; overflow: hidden}
.pic img{ min-width: 100px; max-width: 100px; max-height: 180px; border-radius: 12px}
.pic em{ background: #00c1e0; padding: 1px 5px; position: absolute; bottom: 0px; right: 0px; border-radius: 5px; color: #fff;}
.nextonep{ width:auto; font-size:14px; padding:50px 60px; background:#fff; color:#bbb}
.nextonep a{ font-size:18px; font-weight:bold}

.xxlmove{ float: left; position: fixed; padding-top: 25px;}
.navmove{width: 100px; font-size: 16px; text-align: center}
.navmove .default-navmove{ background-image: linear-gradient(to right, #00cece, #00e0c5); color: #fff;}
.navmove a{ height: 36px; line-height: 38px; padding: 3px 0px; margin-top: 10px; background-color: #fff; border-radius: 30px; color: #333; display: block;}
.navmove a:hover{ background-image: linear-gradient(to left, #00cece, #00e0c5); text-decoration: none;}

.sp-header{ width:100%; height:50px; background:#fff; position: fixed; z-index: 9999; left: 0; top: 0; box-shadow: 0px 2px 8px #eee; overflow:hidden}
.sp-nav{ height:50px; float:left; padding-left:15px; padding-right: 5px; overflow:hidden}
.sp-nav a{ padding:0px 18px; text-align:center; line-height:50px; font-size:15px; color: #888; border-right: 1px solid #f5f5f5;}
.sp-nav a:hover{ color:#00cece; text-decoration:none; transform:translateY(-5%); -moz-transform:translateY(-5%); -webkit-transform:translateY(-5%); -o-transform:translateY(-5%)}

.wogif-spm{ width: 600px; margin: 80px auto 0px auto; background: #fff; padding: 0px 50px 30px 50px; border-radius: 8px;}
.wogif-sp{ width: 600px; height: 40px; text-align: center; position: relative; border-radius: 0px 0px 20px 20px; overflow: hidden;}
.wogif-sp img{ min-width: 600px; max-width: 600px; min-height: 40px; mix-blend-mode: multiply}
.wogif-sp h1{ width: 600px; color: #fff; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); font-size: 22px; text-shadow: 0 1px 1px #808080; font-weight: bold;}
.wogif-spdes{ width: 600px; padding: 30px 0px; color: #bbb; font-size: 14px; text-indent: 30px; position: relative;}
.wogif-spdes:before{ content:","; padding-right: 10px; color: #bbb; font-size: 60px; position: absolute; top: -38px; left: -30px;}
.wogif-spcon{ width: 600px;}
.wogif-spcon p{ width: 600px; padding: 18px 0px; font-size: 16px; color: #404040; border-bottom: 1px dotted #eee;}
.wogif-spcon p:before{ content:"我想网想友："; padding-right: 10px; display: block; padding-bottom: 5px; color: #999;}
.wogif-spf{ width: 680px; height: 38px; margin: 0px auto; font-size: 12px; color: #999; text-align: center; line-height: 38px;}

.wogif-container{ width: 800px; float: left; margin-left: 190px; overflow: hidden}
.comments{ width:860px; height:auto; padding:40px 50px; margin-top:20px; overflow:hidden}
.com_list{ padding-bottom:20px;}
.com_list li{ width:760px; border-bottom: 1px solid #f1f1f1; padding:10px 0; word-break: break-all}
.com_list span{ width:26px; height:26px; margin-right:10px}
.com_list span img{ width:26px; height:26px; border-radius:26px; vertical-align:middle}
.com_list font{ height:20px; line-height:20px; font-size:12px; margin-right:10px;}
.com_list em{ color:#bbb}
.com_list font a{ color:#00cece}
.com_list i{ line-height:30px; padding-top:7px; padding-left:30px; font-style:normal; color:#444}

.shuo{ width:740px; height:40px; background:#f6f6f6; padding:10px; overflow:hidden}
.shuotext{ width:628px; height:38px; float:left; background:#fff; border:1px solid #e5e5e5; padding-left:10px; color:#c9c9c9; overflow:hidden}
.shuosubmit{ width:100px; height:40px; float:left; background:#00cece; text-align:center; color:#fff; font-size:16px; cursor:pointer; overflow:hidden}
.shuosubmit:hover{ background:#00cece;}

.wowant_text{ width:960px; height:auto; padding:30px 5px; margin-top:15px; background:#FFF; overflow:hidden}
.wowant_text ul{ padding-left:20px}
.wowant_text li{ width:270px; height:auto; border-bottom:1px solid #eeeeee; margin:15px; float:left; padding-bottom:20px}
.wowant_text li a{ width:250px; display:block; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.wowant_text li a:link{ color:#555}
.wowant_text li a:visited{ color:#555}
.wowant_text li a:hover{ color:#00cece}
.wowant_text li span{ color:#bbb; line-height:24px}
.wowant_text li p{ color:#7d7d7d; line-height:24px; padding-top:5px}

.wogif-side{ width: 180px; height: auto; padding-top: 170px; position: absolute; right: -250px; top: 0px}

.mimi{ width:300px; height:auto; background:#fff; overflow:hidden}
.mimi ul li{ height:auto; padding:15px 0px; line-height:22px}
.mimi ul li a{ display:block; color:#555; font-size:15px; overflow:hidden}
.mimi ul li span{ color:#bbbbbb; padding-right:10px; font-size: 13px}
.mimi ul li p{ color:#bbb; padding-left:50px}

.gaoxiao{ width:300px; height:auto; background:#FFF; padding-bottom:15px; overflow:hidden}
.gaoxiao_tu{ width: 80px; height: 80px; float: left; border-radius: 8px; margin-right: 10px; overflow: hidden;}
.gaoxiao_tu img{ max-width:80px; min-height:80px; min-width:80px; webkit-transform: scale(1); transform: scale(1); transition: all linear .4s}
.gaoxiao_tu:hover img{-webkit-transform: scale(1.2); transform: scale(1.2); opacity:0.9; filter(alpha=90)}
.gaoxiao li{ width:300px; height:auto; padding: 15px 0px 12px 0px; float:left; border-bottom: 1px solid #f6f6f6; overflow:hidden}
.gaoxiao li p{ font-size:16px; overflow:hidden}
.gaoxiao li span{ color:#bbb; line-height:26px}

.zipai{ width:300px; height:auto; background:#FFF; margin-top:20px; padding-bottom:15px; overflow:hidden}
.zipai_tu{width:150px; height:80px; position:relative; overflow:hidden;}
.zipai_tu img{ max-width:150px; min-height:80px; min-width:150px; webkit-transform: scale(1); transform: scale(1); transition: all linear .4s}
.zipai_tu:hover img{-webkit-transform: scale(1.2); transform: scale(1.2); opacity:0.9; filter(alpha=90)}
.zipai li{ width:150px; height:auto; padding:8px 0px; margin: 10px; float:left; overflow:hidden}
.zipai li p{ width:150px; height:auto; padding: 8px 0px; font-size:12px; overflow:hidden}
.zipai li span{ color:#999}

.upload{width:810px; height:auto; padding:20px 0px 50px 50px; float:left; margin-top:20px;}
.know{ width:810px; height:auto; font-size:20px; color:#00cece; overflow:hidden}
.up_text{ width:810px; height:auto}
.up_text li{ padding-top:30px; line-height:36px; font-size:14px}
.up_text li em{ padding:0px 10px; color:#00cece}

.up_text li input{ width:450px; height:36px; border:1px #E4E4E4 solid; padding-left:10px;}
.up_text li textarea{ width:600px; height:auto; border:1px #E4E4E4 solid; background:#FCFCFC; padding:15px; line-height:26px; color:#404040; vertical-align:middle}
.up_text li p{ padding:10px 0px 0px 55px;}
.up_img{ width:70px; height:27px; line-height:23px; text-align:center; float:left; display:block; background:url(../images/wowant/uploadpv.gif) 0 3px no-repeat}
.up_video{ width:70px; height:27px; line-height:23px; text-align:center; float:left; display:block; background:url(../images/wowant/uploadpv.gif) 0 -41px no-repeat}

.up_label{ width:670px; overflow:hidden}
.up_label span font{ width:auto; line-height:30px; font-size:12px; text-align:center; padding:6px 12px; background:#eee; color:#666; margin-right:10px; border-radius:2px; cursor:pointer}
.up_label span.active font{ background:#00cece; color:#FFF}
.up_text li .up_submit{ width:120px; height:36px; line-height:36px; border:0px; padding:0px; margin-left:55px; border-radius:2px; background:#00cece; text-align:center; color:#fff; font-size:16px; cursor:pointer; overflow:hidden}
.up_text li .up_submit:hover{ background:#00cece}

.pub_right{ width:210px; height:auto; float:left; padding:30px; margin-top:50px; line-height:30px; color:#555; background:#faf1ed}
.pub_right p{ padding-bottom:20px;}
.pub_right em{ color:#ff875f;}

.page{ padding: 30px 0px; clear: both}
.page span{ width:auto; height:auto; padding:10px 15px; margin-right:5px; background:#00cece; color:#fff; font-size:14px; border-radius:8px;}
.page a{ padding: 10px 14px; margin-right: 3px; background: #fff; font-size: 14px; border-radius: 8px}
.page a:hover{ background:#00cece; color:#FFF; text-decoration:none}
a.page_select{ background:#00cece; color:#FFF}

.default_page{ height:auto; padding:30px; text-align:center; margin:0px auto; overflow:hidden}
.default_page a{ width:auto; height:auto; padding:10px 15px; margin-right:5px; background:#fff; border:1px #eee solid; font-size:14px}
.default_page span{ width:auto; height:auto; padding:10px 15px; margin-right:5px; background:#00cece; color:#FFF; font-size:14px}
.default_page a:hover{ background:#00cece; color:#FFF; text-decoration:none}

.wxgzh{ width: 300px; height: 210px; text-align: center; line-height: 26px; font-size: 15px; color: #555; position: relative; padding: 20px 0px; border-radius: 10px; background-image: linear-gradient(to top, #ffffff, #fafbfb)}
.wxgzh-img{ width: 80px; height: 80px; margin: 0px auto; border-radius: 50%; overflow: hidden;}
.wxgzh-img img{ min-width: 100px; min-height: 100px; max-width: 100px;}
.wx-v{ width: 20px; height: 20px; position: absolute; top: 81px; right: 116px; background: url(../images/wowant/lanv.png) no-repeat; z-index: 99; background-size: 20px;}
.tougif{ padding-top: 10px;}
.wxgzh-gz{ width: 150px; margin: 0px auto; padding: 18px;}
.wxgzh-gz a{ line-height: 30px; background-image: linear-gradient(to top, #7a7d8e, #8288a7); border-radius: 50px; color: #FFF; padding: 12px 30px;}
.wxgzh-gz a:hover{ background-image:linear-gradient(to top, #00cece, #00e0c5);}
.wxgzh-des{ width: 300px; margin: 0px auto; line-height: 22px; padding: 15px 0px;}
.wxgzh font{ width: 100px; text-align: center; float: left}

/*阅读全文*/
#wogif-expand{
display: none;
}
.content-more{
display: none;
}

#wogif-expand:checked ~ #wogif-text{
max-height: 1000px;
overflow: hidden;
}

#wogif-expand:checked ~ .content-more{
display: block;
position: relative;
text-align: center;
}

#wogif-expand:checked ~ .content-more .gradient{
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);
height: 100px;
position: absolute;
left: 0;
top: -100px;
width: 100%;
}

#wogif-expand:checked ~ .content-more .readmore{ display: inline-block; color: #40464e; height: 38px; line-height: 38px; font-size: 18px; cursor: pointer; text-align: center; padding: 0px 40px 15px 30px; position: relative; background: url(https://www.wogif.com/statics/images/wowant/dmore.jpg); background-repeat: no-repeat; background-size: 20px; background-position: 103px 9px; font-weight: bold}