body,html {
	height: 100%
}

body {
	font-family: 'pingfang sc',stheiti,'microsoft yahei',arial,sans-serif;
	font-size: 16px;
	margin: 0;
	word-wrap: break-word;
	word-break: break-all;
	color: #333;
	background-color: #fff
}

input,pre,textarea {
	font-family: 'pingfang sc',stheiti,'microsoft yahei',arial,sans-serif
}

input::-ms-clear {
	display: none
}

input::-ms-reveal {
	display: none
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word
}

article,dd,dl,h1,h2,h3,p {
	font-weight: 400;
	margin: 0
}

article {
	display: block
}

fieldset,form {
	margin: 0;
	padding: 0;
	border: 0
}

img {
	vertical-align: middle;
	border: none
}

ol,ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	text-decoration: none;
	color: #333
}

a:hover {
	color: #3798fa
}

.query,.query-btn {
	font-family: 'pingfang sc',stheiti,'microsoft yahei',arial,sans-serif;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
	display: none
}

.emphasis-clr {
	color: #ff5938;
	font-style: normal
}

.emphasis-clr2 {
	color: #fa9600
}

.hide {
	display: none
}

.head,.wrap {
	*zoom: 1
}

.head:after,.head:before,.wrap:after,.wrap:before {
	content: ' ';
	display: table
}

.head:after,.wrap:after {
	clear: both
}

.btn-full-screen .ico-full-screen,.btn-gotop i,.btn-play,.btn-top-edit,.btn-video-play,.btn-video-repeat,.btn-volume .ico-btn-volume,.detail-video-play,.form-popup .btn-popup-close i,.popup-login .btn-popup-login,.popup-prompt .btn-popup-close i {
	font-size: 0;
	line-height: 0;
	text-indent: -999em
}

.btn-follow,.btn-head-edit,.btn-popup-prompt,.btn-popup-prompt3,.btn-top-edit,.form-popup .btn-popup-prompt,.form-popup .btn-popup-prompt3,.popup-grade .btn-popup-prompt3 {
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #3798fa
}

.btn-follow:hover,.btn-head-edit:hover,.btn-popup-prompt3:hover,.btn-popup-prompt:hover,.btn-top-edit:hover {
	color: #fff;
	background-color: #2783fa
}

.btn-head-edit2,.btn-popup-prompt2 {
	text-align: center;
	color: #333;
	border: 1px solid #e6e6e6;
	border-radius: 2px
}

.btn-head-edit2:hover,.btn-popup-prompt2:hover {
	color: #333;
	border-color: #dbdbdb;
	background-color: #fafafa
}

.btn-video-play,.btn-video-repeat,.detail-video-play,.video-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.btn-full-screen,.btn-volume {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.play-progress2-wrap,.video-404 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.pic-enlarge {
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

:hover>.pic-enlarge {
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05)
}

.arr-user,.author .author-name.mingxing i,.author .author-name.qianyue i,.author .author-name.qiye i,.author .author-name.shouxi i,.btn-top-edit i,.btn-user-prompt,.cate-banner .banshi:before,.feedback-unlike-prompt i,.form-popup .btn-popup-close i,.guide-detail-nav li.active .icon-attention-nav,.guide-detail-nav li.active .icon-prepare-nav,.icon-attention,.icon-attention-nav,.icon-feedback,.icon-gotop,.icon-prepare,.icon-prepare-nav,.icon-qrcode,.popup-login .btn-popup-login i,.popup-prompt .btn-popup-close i,.popup-prompt .popup-content .input-area .ref-link-icon,.popup-prompt .popup-content .input-area .ref-title-icon,.popup-prompt .popup-content .input-area .ref-website-title-icon,.popup-prompt-thumb,.popup-prompt-thumb2,.popup-prompt-thumb3,.query-btn span,.refs-list li a:hover+i,.refs-list li i,.triangle-d,.vote-box .unlike-popup-wrapper .unlike-popup-content .close-btn,.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options li .check-icon,.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options li .check-icon.check-active {
	background-image: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/images/sprite/sprite_icon_9fe003f.png)
}

.signup-checkbox input,.signup-checkbox label:hover input,.signup-txt-tips:before,.star-lst-tag:after {
	background-image: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/images/sprite/sprite_reward_47b7515.png)
}

.aside .btn-full-screen .ico-full-screen,.aside .btn-play,.aside .btn-video-play,.aside .btn-video-repeat,.aside .btn-volume .ico-btn-volume,.aside .video-404:before,.btn-full-screen .ico-full-screen,.btn-play,.btn-video-play,.btn-video-repeat,.btn-volume .ico-btn-volume,.detail-video-play,.video-404:before {
	background-image: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/images/sprite/sprite_video_9ba9cae.png)
}

.head-static {
	height: 90px
}

.head-wrap {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 90px;
	-webkit-transition: height .4s;
	transition: height .4s;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.08);
	box-shadow: 0 1px 4px rgba(0,0,0,.08);
	min-width: 980px
}

.head-wrap.fixed {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	height: 70px
}

.head-wrap.fixed .head {
	padding-top: 18px
}

:root .head-wrap {
	border-bottom: none
}

.head {
	position: relative;
	width: 980px;
	margin: auto;
	padding-top: 28px;
	-webkit-transition: padding-top .4s;
	transition: padding-top .4s
}

.head .user-thumb-box {
	line-height: 28px;
	position: relative;
	float: right;
	margin: 3px 0 0 40px;
	padding-bottom: 11px;
	cursor: pointer
}

.head .user-thumb-box:hover .triangle-d {
	background-position: -211px -125px;
	display: inline-block
}

.head .user-thumb-box:hover .head-user-lst {
	display: block
}

.head .user-thumb-box .user-thumb {
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	display: inline-block
}

.head .user-thumb-box .user-thumb img {
	border-radius: 100%;
	vertical-align: top
}

.user-thumb-new {
	position: absolute;
	top: 0;
	right: -6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ff5938
}

.head-user-lst {
	font-size: 15px;
	line-height: 22px;
	position: absolute;
	top: 39px;
	right: -3px;
	display: none;
	width: 144px;
	padding: 5px 0;
	border-top: 1px solid #f8f8f8;
	border-radius: 2px;
	background: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.24)
}

.head-user-lst a {
	display: block;
	padding-left: 15px;
	height: 42px;
	line-height: 42px
}

.head-user-lst a:hover {
	background-color: #f5f5f5;
	color: #3798fa
}

.head-user-lst i {
	margin-right: 10px;
	vertical-align: -3px
}

.head-user-prompt {
	font-size: 15px;
	line-height: 20px;
	position: absolute;
	top: 70px;
	right: 73px;
	padding: 8px 12px;
	-webkit-transition: top .4s;
	transition: top .4s;
	white-space: nowrap;
	border-top: 1px solid #f8f8f8;
	border-radius: 2px;
	background: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.24)
}

.head-user-prompt a {
	margin-left: 8px;
	color: #3798fa
}

.head-user-prompt a:hover {
	color: #2783fa
}

.fixed .head-user-prompt {
	top: 60px
}

.btn-user-prompt {
	opacity: .8;
	background-position: -211px -80px;
	width: 10px;
	height: 10px;
	display: inline-block
}

.btn-user-prompt:hover {
	opacity: 1
}

.btn-user-login {
	font-size: 12px;
	line-height: 22px;
	float: right;
	width: 44px;
	height: 22px;
	margin: 6px 0 0 40px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 2px
}

.btn-user-login:hover {
	color: #333;
	border-color: #dcdcdc;
	background-color: #fafafa
}

.user-notice-num {
	font-size: 12px!important;
	line-height: 15px;
	position: relative;
	display: inline-block;
	width: 27px;
	height: 16px;
	text-align: center;
	margin-left: 8px;
	color: #fff!important;
	border-radius: 2px;
	background-color: #ff6664;
	vertical-align: 1px
}

.head-user-lst .user-notice-num {
	vertical-align: 1px
}

.btn-top-edit {
	float: right;
	margin-left: 40px;
	position: relative;
	line-height: 35px;
	width: 36px;
	height: 36px
}

.btn-top-edit i {
	margin: 9px auto 0;
	background-position: -158px -56px;
	width: 16px;
	height: 19px;
	display: block
}

.btn-top-edit:hover {
	background-color: #2783fa
}

.logo {
	float: left;
	width: 140px;
	height: 34px;
	margin-right: 35px
}

.search {
	position: relative;
	float: right;
	width: 249px;
	height: 30px;
	margin-top: 1px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	background: #f5f5f5
}

.query {
	font-size: 15px;
	line-height: 30px;
	width: 212px;
	height: 30px;
	padding-left: 10px
}

.query::-webkit-input-placeholder {
	color: #b3b3b3
}

.query::-moz-placeholder {
	color: #b3b3b3
}

.query:-ms-input-placeholder {
	color: #b3b3b3
}

.query::-ms-input-placeholder {
	color: #b3b3b3
}

.query::placeholder {
	color: #b3b3b3
}

.query-btn {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 30px;
	cursor: pointer;
	opacity: .6
}

.query-btn span {
	margin: 0 auto;
	background-position: -158px -77px;
	width: 17px;
	height: 17px;
	display: block
}

.query-btn:hover {
	opacity: 1
}

.query-btn:hover span {
	background-position: -158px -96px
}

.query:focus+.query-btn {
	opacity: 1
}

.head-nav {
	float: left;
	margin-left: 5px
}

.head-nav li {
	line-height: 34px;
	float: left;
	text-align: center
}

.head-nav li:hover .triangle-d {
	background-position: -211px -125px;
	display: inline-block
}

.head-nav li:hover .head-nav-sub,.head-nav li:hover .head-nav-sub2,.head-nav li:hover .head-nav-sub3 {
	display: block
}

.head-nav .triangle-d {
	margin-left: 5px
}

.head-nav a {
	display: block;
	padding: 0 23px
}

.triangle-d {
	margin-left: 3px;
	vertical-align: 3px;
	background-position: -211px -118px;
	width: 8px;
	height: 5px;
	display: inline-block
}

.head-nav-sub {
	font-size: 14px;
	position: absolute;
	display: none;
	width: 260px;
	margin-left: 14px;
	padding: 5px;
	border-top: 1px solid #f8f8f8;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.24)
}

.head-nav-sub div {
	line-height: 42px;
	height: 42px;
	position: relative;
	float: left;
	width: 84px
}

.head-nav-sub a {
	padding: 0
}

.head-nav-sub a:hover {
	background-color: #f5f5f5
}

.head-nav-sub2 {
	font-size: 14px;
	position: absolute;
	display: none;
	width: 86px;
	margin-left: 14px;
	padding: 5px;
	border-top: 1px solid #f8f8f8;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	text-align: left
}

.head-nav-sub2 div {
	line-height: 42px;
	height: 42px;
	position: relative;
	float: inherit
}

.head-nav-sub2 a {
	padding: 0;
	padding-left: 10px
}

.head-nav-sub2 a:hover {
	background-color: #f5f5f5
}

.head-nav-sub3 {
	margin-top: 8px;
	font-size: 14px;
	position: absolute;
	display: none;
	left: -5px;
	width: 130px;
	padding: 5px;
	border-top: 1px solid #f8f8f8;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.24)
}

.head-nav-sub3 a {
	line-height: 42px;
	height: 42px;
	position: relative;
	text-align: left;
	padding-left: 15px;
	display: block;
	text-indent: 0
}

.btn-top-edit:hover .head-nav-sub3 {
	display: block
}

#footer {
	font-size: 14px;
	overflow: hidden;
	padding-top: 20px;
	background-color: #fff;
	border-top: 1px solid #ebebeb;
	min-width: 980px
}

.ft-container {
	overflow: hidden;
	width: 980px;
	margin: 0 auto
}

#footer em {
	font-style: normal
}

.ft-box {
	overflow: hidden;
	margin-bottom: 16px
}

.ft-lft {
	float: left
}

.ft-lft .ft-sogou-logo {
	width: 145px;
	height: 38px;
	background: url(/skin/images/logo2.png) 0 0 no-repeat;
	background-image: -webkit-image-set(url(/skin/images/logo2.png) 1x,url(/skin/images/logo2.png) 2x)
}

.ft-lft .ft-lft-txt {
	line-height: 20px;
	margin-top: 7px;
	color: #a3a3a3
}

.ft-lft .ft-lft-txt2 {
	line-height: 23px;
	height: 24px;
	margin-top: 12px;
	padding: 0 10px;
	color: #a3a3a3;
	border: 1px solid #f2f2f2;
	border-radius: 2px
}

.ft-lft .ft-lft-txt2 em {
	font-weight: 700;
	margin-left: 4px;
	color: #333
}

.ft-rgt {
	line-height: 20px;
	float: right;
	width: 380px;
	padding-top: 6px;
	text-align: right
}

.ft-rgt .ft-rgt-section {
	float: left;
	width: 190px
}

.ft-rgt .ft-rgt-section li {
	margin-bottom: 8px
}

.ft-rgt .ft-rgt-tit {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 17px;
	letter-spacing: 0
}

.ft-rgt .ft-rgt-tab {
	color: #a3a3a3
}

.ft-rgt .ft-rgt-tab:hover {
	text-decoration: underline
}

.ft-box2 {
	font-size: 12px;
	line-height: 17px;
	overflow: hidden;
	padding: 13px 0;
	color: #a2a6a8;
	border-top: 1px solid #ebebeb
}

.ft-box2 .ft-box2-lft {
	float: left
}

.ft-box2 .ft-link {
	float: right;
	white-space: nowrap
}

.ft-box2 .ft-link a {
	color: #a2a6a8
}

.ft-box2 .ft-link a:hover {
	text-decoration: underline
}

.btn-gotop,.btn-help,.btn-old-version {
	line-height: 37px;
	position: fixed;
	width: 38px;
	height: 38px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #dcdfe0
}

.btn-gotop:hover,.btn-help:hover,.btn-old-version:hover {
	background-color: #c8cacc
}

.btn-gotop {
	right: 20px;
	bottom: 20px
}

.btn-gotop i {
	margin: 13px auto 0
}

.btn-old-version {
	right: 20px;
	bottom: 116px
}

.btn-help {
	right: 20px;
	bottom: 68px
}

.fixed-tool {
	width: 32px;
	position: fixed;
	left: 50%;
	margin-left: 520px;
	bottom: 110px;
	display: none
}

.fixed-tool a {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	border-radius: 2px;
	background-color: #fdfdfd;
	border: 1px solid #ebebeb;
	margin-top: 12px;
	text-align: center
}

.fixed-tool a:hover {
	background-color: #f8f8f8;
	border-color: #e1e1e1
}

.fixed-tool a:hover .tool-qrcode {
	display: block
}

.fixed-tool i {
	display: inline-block
}

.icon-gotop {
	background-position: -17px -186px;
	width: 16px;
	height: 10px;
	vertical-align: 1px
}

.icon-feedback {
	background-position: -104px -30px;
	width: 24px;
	height: 24px
}

.icon-qrcode {
	background-position: -158px -19px;
	width: 18px;
	height: 17px;
	margin-top: 8px
}

footer {
	background-color: #fff;
	text-align: center;
	padding: 10px 15px;
	margin-bottom: 20px;
	color: #252525;
	font-size: 14px;
	line-height: 28px
}

footer a {
	color: #252525;
	margin: 0 8px
}

.tool-qrcode {
	display: none;
	position: absolute;
	right: 52px;
	bottom: 44px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
	border: solid 1px #e6e6e6;
	line-height: 17px;
	padding-bottom: 9px
}

.tool-qrcode:after {
	content: '';
	position: absolute;
	right: -15px;
	width: 15px;
	top: 0;
	height: 100%;
	display: block
}

.tool-qrcode img {
	vertical-align: top;
	margin: 9px 9px 6px
}

.tool-qrcode .tool-qrcode-txt {
	text-align: center;
	font-size: 12px;
	color: #333
}

.tool-qrcode .btn-tool-qrcode {
	color: #3798fa;
	font-size: 12px;
	text-align: center
}

.tool-qrcode .btn-tool-qrcode:hover {
	text-decoration: underline
}

.edit-footer {
	height: 77px;
	background-color: #fff;
	-webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,.04);
	box-shadow: 0 -2px 4px 0 rgba(0,0,0,.04);
	text-align: center;
	line-height: 77px;
	color: #b3b3b3;
	margin-top: -77px
}

.container .edit-footer {
	margin-top: 0
}

.popup-bg {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background-color: #000
}

.popup-prompt {
	position: absolute;
	z-index: 11;
	width: 334px;
	padding-top: 50px;
	text-align: center;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.16)
}

.popup-prompt .btn-popup-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 12px;
	height: 12px;
	padding: 10px
}

.popup-prompt .btn-popup-close i {
	opacity: .7;
	background-position: -211px 0;
	width: 12px;
	height: 12px;
	display: block
}

.popup-prompt .btn-popup-close:hover i {
	opacity: 1
}

.popup-prompt.add-refs {
	padding-top: 36px;
	width: 420px;
	height: 346px
}

.popup-prompt.add-zhinan-refs {
	width: 420px;
	height: 253px
}

.add-refs,.add-zhinan-refs {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.add-refs .btn-prompt-box button,.add-zhinan-refs .btn-prompt-box button {
	outline: 0;
	width: 158px;
	height: 42px;
	border-radius: 2px;
	border: solid 1px #e6e6e6;
	font-size: 16px
}

.add-refs .btn-prompt-box button:hover,.add-zhinan-refs .btn-prompt-box button:hover {
	cursor: pointer
}

.add-refs .btn-prompt-box .disabled,.add-zhinan-refs .btn-prompt-box .disabled {
	background-color: #90c7ff;
	color: #fff
}

.add-refs .btn-prompt-box .disabled:hover,.add-zhinan-refs .btn-prompt-box .disabled:hover {
	cursor: not-allowed
}

.popup-prompt .popup-content .popup-title {
	font-family: PingFangSC;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.47;
	color: #333
}

.popup-prompt .popup-content .input-area {
	margin: 30px auto;
	width: 350px;
	padding: 0 3px 6px 3px;
	border-bottom: #ebebeb solid 1px
}

.popup-prompt .popup-content .input-area.ref-zhinan-link {
	margin: 42px auto
}

.popup-prompt .popup-content .input-area.ref-zhinan-link .ref-link-input {
	width: 340px
}

.popup-prompt .popup-content .input-area.err-link {
	border-bottom: #f53 solid 1px
}

.popup-prompt .popup-content .input-area .icon {
	margin-right: 10px;
	vertical-align: bottom
}

.popup-prompt .popup-content .input-area .ref-link-icon {
	display: inline-block;
	background-position: -98px -104px;
	width: 22px;
	height: 22px
}

.popup-prompt .popup-content .input-area .ref-title-icon {
	display: inline-block;
	background-position: -134px 0;
	width: 22px;
	height: 22px
}

.popup-prompt .popup-content .input-area .ref-website-title-icon {
	display: inline-block;
	background-position: -134px -24px;
	width: 22px;
	height: 22px
}

.popup-prompt .popup-content .input-area .ref-input {
	border: 0;
	font-size: 15px;
	font-family: PingFangSC;
	outline: 0;
	width: 305px;
	height: 23px;
	padding: 0
}

.popup-prompt .popup-content .input-area .ref-input::-webkit-input-placeholder {
	color: #b3b3b3;
	font-size: 13px
}

.popup-prompt .popup-content .input-area .ref-input::-moz-placeholder {
	color: #b3b3b3;
	font-size: 13px
}

.popup-prompt .popup-content .input-area .ref-input:-ms-input-placeholder {
	color: #b3b3b3;
	font-size: 13px
}

.popup-prompt .popup-content .input-area .ref-input::-ms-input-placeholder {
	color: #b3b3b3;
	font-size: 13px
}

.popup-prompt .popup-content .input-area .ref-input::placeholder {
	color: #b3b3b3;
	font-size: 13px
}

.popup-prompt .popup-content .ref-err-info {
	position: absolute;
	top: 123px;
	left: 41px;
	color: #f53;
	font-size: 12px;
	font-family: PingFangSC;
	line-height: 1.33;
	width: 340px;
	text-align: left
}

.popup-prompt .popup-content .ref-err-info.zhinan-ref {
	top: 149px;
	left: 39px
}

.popup-prompt .popup-content .ref-link {
	margin-top: 29px
}

.popup-prompt-thumb,.popup-prompt-thumb2,.popup-prompt-thumb3 {
	margin: 0 auto 20px;
	display: block
}

.popup-prompt-thumb {
	background-position: 0 0;
	width: 50px;
	height: 50px
}

.popup-prompt-thumb2 {
	background-position: -52px 0;
	width: 50px;
	height: 50px
}

.popup-prompt-thumb3 {
	background-position: 0 -52px;
	width: 50px;
	height: 50px
}

.popup-prompt-tit {
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 8px
}

.popup-prompt-txt {
	line-height: 22px;
	margin-bottom: 50px
}

.popup-prompt-tit+.popup-prompt-txt {
	font-size: 14px;
	line-height: 20px
}

.btn-prompt-box {
	font-size: 15px;
	margin-bottom: 20px
}

.btn-prompt-box button {
	outline: 0;
	font-size: 15px
}

.btn-prompt-box button:hover {
	cursor: pointer
}

.btn-prompt-box .btn-popup-prompt,.btn-prompt-box .btn-popup-prompt3 {
	border: none
}

.btn-prompt-box a {
	display: inline-block
}

.btn-popup-prompt {
	margin: 0 13px;
	line-height: 41px;
	width: 117px;
	height: 42px
}

.btn-popup-prompt2 {
	margin: 0 13px;
	line-height: 39px;
	width: 115px;
	height: 40px
}

.btn-popup-prompt3 {
	line-height: 41px;
	width: 144px;
	height: 42px
}

.popup-grade {
	position: absolute;
	z-index: 11;
	width: 460px;
	height: 320px;
	padding: 0;
	border-radius: 2px;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.5);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.5)
}

.popup-grade-v1 {
	background: #fff url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/popup/popup-prompt-grade_c2926e8.png) 0 0 no-repeat
}

.popup-grade-v1 .popup-grade-tit {
	color: #e35e07
}

.popup-grade-v1 .btn-popup-x {
	color: #ffc76b
}

.popup-grade-v1 .btn-popup-x:hover {
	color: #fdb642
}

.popup-grade-v1 .popup-grade-thumb {
	background-color: #f9d540
}

.popup-grade-v1 .popup-grade-thumb i {
	width: 31px;
	height: 34px;
	margin: 14px 0 0 13px;
	background: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/popup/popup-grade-thumb_f4a4e62.png) 0 0 no-repeat
}

.popup-grade-v2 {
	background: #fff url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/popup/popup-prompt-grade2_e444ef2.png) 0 0 no-repeat
}

.popup-grade-v2 .popup-grade-tit {
	color: #f04d6e
}

.popup-grade-v2 .btn-popup-x {
	color: #e5a5bd
}

.popup-grade-v2 .btn-popup-x:hover {
	color: #e984aa
}

.popup-grade-v2 .popup-grade-thumb {
	background-color: #4cd4dd
}

.popup-grade-v2 .popup-grade-thumb i {
	width: 30px;
	height: 36px;
	margin: 15px 0 0 15px;
	background: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/popup/popup-grade-thumb2_d530449.png) 0 0 no-repeat
}

.popup-grade .btn-popup-x {
	font-size: 25px;
	line-height: 12px;
	position: absolute;
	top: 4px;
	right: 2px;
	width: 18px;
	height: 15px;
	padding: 10px
}

.popup-grade-tit {
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
	margin: 46px 0 87px;
	text-align: center
}

.popup-grade-thumb {
	float: left;
	width: 60px;
	height: 60px;
	margin: -5px 22px 0 56px;
	border-radius: 50%
}

.popup-grade-thumb i {
	display: block
}

.popup-grade-tit2 {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 8px;
	color: #000
}

.popup-grade-txt {
	font-size: 14px;
	line-height: 20px;
	color: #666
}

.popup-grade .btn-prompt-box {
	margin: 25px 15px 0;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #f5f5f5
}

.popup-grade .btn-popup-prompt3 {
	line-height: 31px;
	width: 96px;
	height: 32px
}

.popup-login {
	position: absolute;
	z-index: 11;
	width: 600px;
	height: 370px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.popup-login-v1 {
	width: 454px;
	height: 306px
}

.popup-login .btn-popup-login {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 14px;
	border-radius: 50%
}

.popup-login .btn-popup-login i {
	background-position: -211px -80px;
	width: 10px;
	height: 10px;
	display: inline-block
}

.popup-login .btn-popup-login:hover {
	background-color: #f2f2f2
}

.signup-wrap .signup-wrap-tit {
	font-size: 14px;
	color: #262626;
	line-height: 20px;
	margin-top: 26px
}

.signup-wrap .btn-select {
	margin-right: 20px;
	height: 38px;
	line-height: 38px
}

.signup-wrap .select-lst {
	top: 46px
}

.signup-tit {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin: 66px 0 12px;
	text-align: center
}

.signup-txt {
	font-size: 16px;
	margin-bottom: 27px;
	text-align: center
}

.signup-txt a {
	color: #3798fa
}

.signup-txt a:hover {
	color: #2783fa
}

.qr-thumb {
	width: 96px;
	height: 96px;
	margin: 0 auto -3px;
	position: relative
}

.qr-thumb:after {
	content: "";
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 6px;
	top: 6px
}

.qr-thumb-tit {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 35px;
	text-align: center;
	color: #b2b2b2
}

.btn-signup {
	font-size: 16px;
	line-height: 36px;
	display: block;
	width: 160px;
	height: 36px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #3798fa
}

.btn-signup:hover {
	color: #fff;
	background-color: #2783fa
}

.signup-tit2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin: 25px 0 31px;
	text-align: center
}

.signup-txt-tips {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 26px;
	color: #b3b3b3
}

.signup-txt-tips:before {
	background-position: 0 -196px;
	width: 14px;
	height: 14px;
	display: inline-block;
	content: "";
	margin: 2px 8px 0 0;
	vertical-align: top
}

.signup-checkbox {
	font-size: 14px;
	line-height: 20px;
	height: 37px;
	margin-bottom: 40px
}

.signup-checkbox label:hover input {
	background-position: -47px -159px;
	width: 20px;
	height: 20px;
	display: inline-block
}

.signup-checkbox label:hover input:checked {
	background-position: -69px -159px
}

.signup-checkbox input {
	margin: 0 7px 0 0;
	vertical-align: top;
	outline: 0;
	-webkit-appearance: none;
	background-position: -155px -105px;
	width: 20px;
	height: 20px;
	display: inline-block
}

.signup-checkbox input:checked {
	background-position: -69px -159px
}

.signup-checkbox a {
	color: #3798fa
}

.signup-checkbox a:hover {
	color: #2783fa
}

.signup-checkbox-txt {
	font-size: 12px;
	margin-bottom: 23px;
	color: #f53
}

.signup-thumb {
	display: block;
	margin: 36px auto 17px
}

.signup-tit3 {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 39px;
	text-align: center
}

.signup-txt3 {
	font-size: 14px;
	text-align: center
}

.signup-txt3 a {
	color: #3798fa
}

.signup-txt3 a:hover {
	color: #2783fa
}

.signup-txt-v1 {
	margin: 70px 0 11px
}

.signup-txt2 {
	font-size: 14px;
	margin-bottom: 27px;
	text-align: center;
	color: #b2b2b2
}

.signup-wrap .btn-select-wrap {
	margin: 14px 0
}

.signup-wrap .btn-select-txt {
	font-size: 12px;
	line-height: 40px;
	float: left;
	color: #b3b3b3
}

.signup-wrap .btn-select-txt.err {
	color: #f53
}

.form-popup {
	position: absolute;
	width: 440px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	z-index: 11;
	padding: 0 30px 40px
}

.form-popup .btn-popup-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 12px;
	height: 12px;
	padding: 10px
}

.form-popup .btn-popup-close i {
	opacity: .7;
	background-position: -211px 0;
	width: 12px;
	height: 12px;
	display: block
}

.form-popup .btn-popup-close:hover i {
	opacity: 1
}

.form-popup .uc-form {
	height: auto
}

.form-popup .form-wrap {
	padding: 40px 0 0 2px
}

.form-popup .uc-form-prompt {
	margin: 30px 0 -10px
}

.form-popup .ipt-box.correct .form-ipt {
	padding-right: 39px;
	width: 195px
}

.form-popup .form-ipt {
	width: 220px
}

.form-popup .form-ipt-v3 {
	width: 146px
}

.form-popup .form-ipt-v4 {
	width: 127px
}

.form-popup .btn-ipt-code {
	width: 112px
}

.form-popup .btn-prompt-box {
	text-align: center;
	margin: 0
}

.form-popup .btn-popup-prompt {
	line-height: 41px;
	width: 130px;
	height: 42px;
	margin: 0 23px
}

.form-popup .btn-popup-prompt.dim {
	opacity: .6;
	cursor: default
}

.form-popup .btn-popup-prompt.dim:hover {
	background-color: #3798fa
}

.form-popup .btn-popup-prompt2 {
	line-height: 39px;
	width: 128px;
	height: 40px;
	text-align: center;
	color: #3798fa;
	border: 1px solid #87c1fc;
	border-radius: 2px;
	margin: 0 23px
}

.form-popup .btn-popup-prompt2:hover {
	border-color: #529cfb;
	color: #2783fa
}

.form-popup .btn-popup-prompt2.dim {
	border-color: #f0f0f0;
	color: #b3b3b3
}

.form-popup .btn-popup-prompt2.dim:hover {
	border-color: #f0f0f0;
	color: #b3b3b3;
	background-color: #fff
}

.form-popup .btn-popup-prompt2:hover {
	background-color: #fff
}

.form-popup .btn-popup-prompt3 {
	line-height: 41px;
	width: 170px;
	height: 42px;
	margin-top: 78px
}

.form-popup .form-popup-tit {
	font-weight: 700;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	padding: 26px 0;
	border-bottom: 1px solid #f0f0f0
}

.head,.wrap {
	*zoom: 1
}

.head:after,.head:before,.wrap:after,.wrap:before {
	content: ' ';
	display: table
}

.head:after,.wrap:after {
	clear: both
}

.btn-full-screen .ico-full-screen,.btn-gotop i,.btn-play,.btn-top-edit,.btn-video-play,.btn-video-repeat,.btn-volume .ico-btn-volume,.detail-video-play,.form-popup .btn-popup-close i,.popup-login .btn-popup-login,.popup-prompt .btn-popup-close i {
	font-size: 0;
	line-height: 0;
	text-indent: -999em
}

.btn-follow,.btn-head-edit,.btn-popup-prompt,.btn-popup-prompt3,.btn-top-edit,.form-popup .btn-popup-prompt,.form-popup .btn-popup-prompt3,.popup-grade .btn-popup-prompt3 {
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #3798fa
}

.btn-follow:hover,.btn-head-edit:hover,.btn-popup-prompt3:hover,.btn-popup-prompt:hover,.btn-top-edit:hover {
	color: #fff;
	background-color: #2783fa
}

.btn-head-edit2,.btn-popup-prompt2 {
	text-align: center;
	color: #333;
	border: 1px solid #e6e6e6;
	border-radius: 2px
}

.btn-head-edit2:hover,.btn-popup-prompt2:hover {
	color: #333;
	border-color: #dbdbdb;
	background-color: #fafafa
}

.btn-video-play,.btn-video-repeat,.detail-video-play,.video-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.btn-full-screen,.btn-volume {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.play-progress2-wrap,.video-404 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.pic-enlarge {
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

:hover>.pic-enlarge {
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05)
}

.detail-video {
	position: relative;
	overflow: hidden;
	width: 692px;
	height: 390px;
	margin-top: 15px;
	cursor: pointer
}

.aside .detail-video {
	width: 265px;
	height: 170px;
	margin: -1px -1px 0;
	border-radius: 2px 2px 0 0
}

.video-control {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

:root .video-control {
	-webkit-filter: none;
	filter: none
}

.video-control.video-control-v1 {
	background-color: rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)
}

:root .video-control.video-control-v1 {
	-webkit-filter: none;
	filter: none
}

.err .video-control {
	background-color: #000
}

.btn-detail-video {
	font-weight: 700;
	line-height: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 80px;
	height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-image: -webkit-linear-gradient(340deg,#3dbbff,#2894ff);
	background-image: linear-gradient(110deg,#3dbbff,#2894ff);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)
}

.btn-detail-video:hover {
	color: #fff
}

.btn-video-play {
	display: block;
	opacity: .8;
	background-position: -74px 0;
	width: 72px;
	height: 72px
}

.btn-video-play:hover {
	opacity: 1
}

.aside .btn-video-play {
	background-position: -148px 0;
	width: 52px;
	height: 52px
}

.btn-video-repeat {
	display: block;
	opacity: .8;
	background-position: 0 0;
	width: 72px;
	height: 72px
}

.btn-video-repeat:hover {
	opacity: 1
}

.aside .btn-video-repeat {
	background-position: -74px -74px;
	width: 52px;
	height: 52px
}

.detail-video-play {
	display: block;
	opacity: .8;
	background-position: -74px 0;
	width: 72px;
	height: 72px
}

.detail-video-play:hover {
	opacity: 1
}

.video-check {
	font-size: 15px;
	line-height: 22px;
	position: absolute;
	top: 15px;
	left: 15px;
	color: #f8e81c
}

.play-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 50px;
	background-color: rgba(255,255,255,.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF, endColorstr=#E6FFFFFF)
}

:root .play-bar {
	-webkit-filter: none;
	filter: none
}

.aside .play-bar {
	height: 30px
}

.detail-video:hover .play-bar {
	display: block
}

.btn-play {
	float: left;
	margin: 12px 20px 0;
	background-position: -44px -138px;
	width: 20px;
	height: 24px
}

.btn-play+.btn-play {
	margin-left: -10px
}

.btn-play.cur {
	background-position: -88px -138px
}

.btn-play:hover {
	background-position: -174px -104px
}

.btn-play:hover.cur {
	background-position: -66px -138px
}

.aside .btn-play {
	margin: 5px 4px 0 5px;
	background-position: -80px -174px;
	width: 18px;
	height: 18px
}

.aside .btn-play.cur {
	background-position: -120px -174px
}

.aside .btn-play:hover {
	background-position: -60px -174px
}

.aside .btn-play:hover.cur {
	background-position: -100px -174px
}

.btn-volume {
	right: 53px;
	padding: 10px
}

.aside .btn-volume {
	right: 23px;
	padding: 0
}

.aside .btn-volume .ico-btn-volume {
	background-position: -160px -174px;
	width: 18px;
	height: 18px
}

.aside .btn-volume:hover .ico-btn-volume {
	background-position: -140px -174px
}

.aside .btn-volume.cur .ico-btn-volume {
	background-position: -40px -174px
}

.aside .btn-volume.cur:hover .ico-btn-volume {
	background-position: -20px -174px
}

.btn-volume .ico-btn-volume {
	display: block;
	background-position: -202px -36px;
	width: 18px;
	height: 16px
}

.btn-volume:hover .ico-btn-volume {
	background-position: -202px -18px
}

.btn-volume:hover .play-progress2-wrap {
	display: block
}

.btn-volume.cur .ico-btn-volume {
	background-position: -202px 0
}

.btn-volume.cur:hover .ico-btn-volume {
	background-position: -180px -174px
}

.btn-full-screen {
	right: 10px;
	padding: 10px
}

.aside .btn-full-screen {
	right: 5px;
	padding: 0
}

.aside .btn-full-screen .ico-full-screen {
	background-position: 0 -174px;
	width: 18px;
	height: 18px
}

.aside .btn-full-screen:hover .ico-full-screen {
	background-position: -170px -138px
}

.btn-full-screen .ico-full-screen {
	display: block;
	background-position: -110px -138px;
	width: 18px;
	height: 18px
}

.btn-full-screen:hover .ico-full-screen {
	background-position: -128px -94px
}

.btn-full-screen.cur .ico-full-screen {
	background-position: -150px -138px
}

.btn-full-screen.cur:hover .ico-full-screen {
	background-position: -130px -138px
}

.play-progress-txt {
	font-size: 15px;
	line-height: 50px;
	float: left;
	margin-right: 12px
}

.aside .play-progress-txt {
	font-size: 12px;
	line-height: 30px;
	margin-right: 5px
}

.play-progress {
	position: relative;
	float: left;
	width: 412px;
	height: 8px;
	margin: 21px 10px 0 0;
	cursor: pointer;
	border-radius: 4px;
	background-color: rgba(0,0,0,.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)
}

:root .play-progress {
	-webkit-filter: none;
	filter: none
}

.aside .play-progress {
	width: 95px;
	height: 4px;
	margin: 13px 8px 0 0
}

.inside-play-progress {
	position: relative;
	height: 8px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear,right top,left top,from(#68c9fd),to(#3798fa));
	background-image: -webkit-linear-gradient(right,#68c9fd,#3798fa);
	background-image: linear-gradient(to left,#68c9fd,#3798fa)
}

.aside .inside-play-progress {
	height: 4px
}

.btn-play-progress {
	position: absolute;
	top: -3px;
	right: -7px;
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(2%,#fff),color-stop(97%,#e3e3e3));
	background-image: -webkit-linear-gradient(top,#fff 2%,#e3e3e3 97%);
	background-image: linear-gradient(to bottom,#fff 2%,#e3e3e3 97%);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.aside .btn-play-progress {
	top: -2px;
	right: -4px;
	width: 8px;
	height: 8px
}

.loading-play-progress {
	position: absolute;
	height: 8px;
	border-radius: 4px;
	background-color: #a8a8a8
}

.aside .loading-play-progress {
	height: 4px
}

.play-progress2-wrap {
	bottom: 51px;
	display: none;
	padding: 10px 16px;
	border-radius: 2px;
	background-color: rgba(255,255,255,.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF, endColorstr=#E6FFFFFF)
}

:root .play-progress2-wrap {
	-webkit-filter: none;
	filter: none
}

.aside .play-progress2-wrap {
	bottom: 31px;
	padding: 8px 10px
}

.aside .play-progress2-wrap:after {
	bottom: -11px;
	left: 7px;
	border: 5px solid transparent;
	border-top: 6px solid rgba(255,255,255,.9)
}

.play-progress2-wrap:before {
	position: absolute;
	bottom: -15px;
	left: 0;
	display: block;
	width: 100%;
	height: 15px;
	content: ''
}

.play-progress2-wrap:after {
	position: absolute;
	bottom: -14px;
	left: 12px;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border: 8px solid transparent;
	border-top: 6px solid rgba(255,255,255,.9)
}

.play-progress2 {
	position: relative;
	width: 8px;
	height: 107px;
	cursor: pointer;
	border-radius: 4px;
	background-color: #b7b7b7
}

.aside .play-progress2 {
	width: 4px;
	height: 68px
}

.aside .play-progress2 .inside-play-progress {
	width: 4px
}

.aside .play-progress2 .btn-play-progress {
	top: -4px;
	left: -2px;
	width: 8px;
	height: 8px
}

.play-progress2 .inside-play-progress {
	position: absolute;
	bottom: 0;
	width: 8px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#68c9fd),to(#3798fa));
	background-image: -webkit-linear-gradient(top,#68c9fd,#3798fa);
	background-image: linear-gradient(to bottom,#68c9fd,#3798fa)
}

.play-progress2 .btn-play-progress {
	position: absolute;
	top: -7px;
	left: -3px;
	display: block;
	width: 14px;
	height: 14px;
	content: '';
	border-radius: 8px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(2%,#fff),color-stop(97%,#e3e3e3));
	background-image: -webkit-linear-gradient(top,#fff 2%,#e3e3e3 97%);
	background-image: linear-gradient(to bottom,#fff 2%,#e3e3e3 97%);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.3)
}

.video-loading {
	z-index: 2;
	width: 60px;
	height: 12px
}

.video-loading i {
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 12px;
	-webkit-animation: change 1.2s linear infinite;
	animation: change 1.2s linear infinite;
	border-radius: 50%;
	background: #fff
}

.video-loading i:first-child {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.video-loading i:nth-child(2) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.video-loading i:last-child {
	margin-right: 0
}

.aside .video-loading {
	width: 48px
}

.aside .video-loading i {
	width: 8px;
	height: 8px
}

@-webkit-keyframes change {
	33% {
		background: rgba(255,255,255,.4)
	}

	66% {
		background: rgba(255,255,255,.7)
	}

	99% {
		background: #fff
	}
}

@keyframes change {
	33% {
		background: rgba(255,255,255,.4)
	}

	66% {
		background: rgba(255,255,255,.7)
	}

	99% {
		background: #fff
	}
}

.video-404 {
	font-size: 16px;
	line-height: 25px;
	top: 115px;
	text-align: center;
	color: #fff
}

.video-404:before {
	display: block;
	margin: 0 auto 13px;
	content: '';
	background-position: 0 -74px;
	width: 72px;
	height: 62px
}

.aside .video-404 {
	font-size: 12px;
	line-height: 18px;
	top: 48px;
	width: 200px;
	text-align: center;
	color: #fff
}

.aside .video-404:before {
	margin-bottom: 5px;
	background-position: 0 -138px;
	width: 42px;
	height: 34px
}

.edit-login {
	line-height: 22px;
	position: absolute;
	z-index: 1;
	top: 31px;
	right: 0;
	-webkit-transition: all .4s;
	transition: all .4s
}

.fixed .edit-login {
	top: 21px
}

.edit-login img {
	vertical-align: top
}

.edit-login a {
	text-decoration: none
}

.login-line {
	display: inline-block;
	width: 2px;
	height: 14px;
	margin: 0 15px;
	vertical-align: -2px;
	background-color: #e6e6e6
}

.btn-login {
	font-size: 14px;
	color: #fff
}

.btn-login:hover {
	text-decoration: underline;
	color: #fff
}

.arr-user {
	display: inline-block;
	vertical-align: -1px;
	opacity: .5;
	background-position: -211px -111px;
	width: 8px;
	height: 5px
}

.edit-login .user-thumb-box {
	line-height: 28px;
	position: relative;
	display: inline-block;
	padding-bottom: 11px;
	cursor: pointer;
	vertical-align: -1px
}

.edit-login .user-thumb-box:hover .head-user-lst {
	display: block
}

.edit-login .user-thumb-box:hover .triangle-d {
	background-position: -211px -125px
}

.edit-login .user-thumb-box .user-thumb {
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	display: inline-block
}

.edit-login .user-thumb-box .user-thumb img {
	border-radius: 100%;
	vertical-align: top
}

.edit-login .user-thumb-box .user-name {
	display: inline-block;
	margin-left: 4px
}

.user-notice {
	position: relative;
	display: inline-block
}

.user-notice:hover .arr-user {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.btn-user-notice {
	font-size: 15px
}

.user-notice .arr-user {
	margin-left: 4px
}

.popup-lst {
	font-size: 14px;
	position: absolute;
	z-index: 1;
	top: 24px;
	right: 8px;
	display: none;
	width: 128px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}

.popup-lst li {
	position: relative;
	margin: 0 10px
}

.popup-lst a {
	line-height: 31px;
	display: block;
	height: 32px;
	margin: 0 -10px;
	padding: 0 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.popup-lst .dim {
	line-height: 33px;
	display: block;
	height: 34px;
	margin: 0 -10px;
	padding: 0 15px;
	color: #b3b3b3
}

.aside {
	width: 265px;
	float: right
}

.aside .aside-fixed {
	position: fixed;
	top: 90px;
	width: 265px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.main {
	width: 694px;
	float: left;
	line-height: 25px
}

.wrap {
	width: 980px;
	margin: 20px auto 40px;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none
}

.sensitive-words {
	color: #f53!important;
	font-style: normal
}

.btn-follow {
	line-height: 31px;
	width: 90px;
	height: 32px;
	display: block;
	margin: 0 auto
}

.btn-follow:before {
	content: '关  注';
	color: #fff
}

.btn-follow-v1 {
	background-color: #79cc21
}

.btn-follow-v1:before {
	content: '已关注'
}

.btn-follow-v1:hover {
	background-color: #ff5938
}

.btn-follow-v1:hover:before {
	content: '取消关注'
}

.btn-follow-v1:active {
	background-color: #e13d1c
}

.author {
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	color: #a6a6a6;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	border-radius: 2px;
	padding: 20px;
	position: relative
}

.author p {
	line-height: 18px;
	margin-bottom: 14px;
	padding: 0 26px
}

.author .user-thumb-box {
	margin-bottom: 13px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.author .user-thumb {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: top;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.author .user-thumb img {
	border-radius: 100%;
	vertical-align: top
}

.author .author-name {
	color: #333;
	font-weight: 500;
	height: 20px;
	line-height: 1.25;
	font-size: 16px;
	position: relative
}

.author .author-name .name {
	max-width: 130px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block
}

.author .author-name i {
	margin-left: 5px;
	display: inline-block;
	vertical-align: 2px;
	position: relative
}

.author .author-name i .user-tips {
	position: absolute;
	display: none;
	top: -38px;
	left: 50%;
	padding: 6px 9px;
	height: 18px;
	line-height: 18px;
	width: 50px;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	content: '';
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.23);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.23);
	background-color: rgba(0,0,0,.7);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.author .author-name i .user-tips::before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	border-style: solid;
	border-color: rgba(0,0,0,.7) transparent transparent;
	border-width: 4px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	content: ''
}

.author .author-name:hover i .user-tips {
	display: block
}

.author .author-name.mingxing i {
	background-position: -80px -82px;
	width: 18px;
	height: 18px
}

.author .author-name.shouxi i {
	background-position: -68px -129px;
	width: 18px;
	height: 18px
}

.author .author-name.qianyue i {
	background-position: -28px -129px;
	width: 18px;
	height: 18px
}

.author .author-name.qiye i {
	background-position: -82px -52px;
	width: 18px;
	height: 18px
}

.author .user-txt {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 8px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 50px;
	width: 100%
}

.author .website {
	margin-top: 15px;
	position: relative
}

.author .website a {
	color: #a6a6a6
}

.author .website::before {
	position: absolute;
	content: "";
	top: -7px;
	width: 30px;
	height: 1px;
	background-color: #ebebeb
}

.level-tag {
	width: 32px;
	height: 18px;
	border-radius: 9px;
	color: #fff;
	line-height: 18px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	border: 1px solid #fff;
	display: inline-block;
	margin-top: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.level-tag.level-tag-v1 {
	background-color: #ffc400
}

.level-tag.level-tag-v2 {
	background-color: #ff943c
}

.level-tag.level-tag-v3 {
	background-color: #ff684f
}

.side-guide {
	padding: 0 10px;
	border-radius: 2px;
	margin-bottom: 20px;
	border: 1px solid #ebebeb;
	background-color: #fdfdfd
}

.guide-list-title {
	font-size: 16px;
	line-height: 22px;
	padding: 12px 4px;
	font-weight: 700;
	border-bottom: 1px solid #f5f5f5
}

.guide-list {
	border-radius: 0 0 2px 2px;
	line-height: 18px;
	font-size: 14px
}

.guide-list li+li {
	border-top: 1px solid #f5f5f5
}

.guide-list a {
	margin: 0 -10px;
	display: block;
	overflow: hidden;
	padding: 13px 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.guide-list a:hover {
	background-color: #f5f5f5
}

.guide-title {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 4px;
	font-weight: 700
}

.debut-tag,.high-quality-tag {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	display: inline-block;
	width: 36px;
	height: 20px;
	margin-left: 10px;
	text-align: center;
	vertical-align: 2px;
	color: #fff;
	border-radius: 2px
}

.high-quality-tag {
	background-color: #ff684f
}

.debut-tag+.high-quality-tag {
	margin-left: 5px
}

.debut-tag {
	background-color: #4ba3fb
}

.high-quality-tag+.debut-tag {
	margin-left: 5px
}

.guide-info {
	font-size: 14px;
	line-height: 28px;
	color: #b3b3b3;
	margin-bottom: 10px
}

.guide-info-line {
	background-color: #b2b2b2;
	margin: 0 9px;
	width: 1px;
	height: 11px;
	display: inline-block
}

.guide-info .update-time {
	margin-right: 30px
}

.guide-pic {
	display: block;
	height: auto;
	border: 1px solid #f0f0f0;
	background-color: #f2f5f7
}

.guide-summary {
	margin-bottom: 60px
}

.guide-summary .guide-pic {
	max-width: 692px;
	margin-top: 15px
}

.guide-detail {
	margin-bottom: 20px
}

.guide-detail li {
	padding: 20px 0 10px 44px;
	position: relative
}

.guide-detail li:before {
	content: '';
	position: absolute;
	left: 14px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #f0f0f0
}

.guide-detail li:first-child {
	padding-top: 0
}

.guide-detail li:first-child .guide-icon,.guide-detail li:first-child .guide-number {
	top: 0
}

.guide-detail li:last-child:before {
	height: 20px;
	bottom: auto
}

.guide-detail li .guide-pic {
	max-width: 648px;
	margin-top: 12px
}

.guide-detail .guide-end {
	padding: 0
}

.guide-detail .guide-end i {
	position: absolute;
	left: 0;
	top: -40px;
	font-size: 12px;
	color: #ccc;
	background: #fdfdfd;
	border: 1px solid #ebebeb;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 2px;
	font-style: normal
}

.guide-detail .guide-end:before {
	content: '';
	position: absolute;
	left: 14px;
	top: -20px;
	bottom: 0!important;
	width: 1px;
	height: 20px;
	background-color: #fff
}

ul.inner-refs {
	margin-top: 20px;
	font-size: 14px
}

ul.inner-refs li {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	position: relative;
	padding: 0
}

ul.inner-refs li a {
	padding-left: 10px;
	color: #3798fa
}

ul.inner-refs li a:hover {
	color: #2783fa
}

ul.inner-refs li a:active {
	color: #2783fa
}

ul.inner-refs li:before {
	width: 0
}

ul.inner-refs li:after {
	position: absolute;
	width: 3px;
	height: 3px;
	content: '';
	border-radius: 21px;
	background-color: #3798fa;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0
}

ul.inner-refs li+li {
	margin-top: 10px
}

.guide-detail-nav {
	background-color: #fdfdfd;
	border: 1px solid #ebebeb;
	width: 38px;
	font-size: 14px;
	color: #b3b3b3;
	line-height: 36px;
	text-align: center;
	position: absolute;
	margin-left: -58px
}

.guide-detail-nav li {
	border-bottom: 1px solid #ebebeb
}

.guide-detail-nav li:last-child {
	border-bottom: none
}

.guide-detail-nav li.active {
	font-size: 16px
}

.guide-detail-nav li.active a {
	color: #3798fa
}

.guide-detail-nav li.active .icon-prepare-nav {
	background-position: -134px -48px;
	width: 21px;
	height: 19px;
	display: inline-block
}

.guide-detail-nav li.active .icon-attention-nav {
	background-position: -25px -104px;
	width: 23px;
	height: 22px;
	display: inline-block
}

.guide-detail-nav a {
	display: block;
	color: #b3b3b3
}

.guide-detail-nav a:hover {
	color: #3798fa;
	background-color: #f8f8f8
}

.guide-detail-nav.fixed {
	position: fixed;
	top: 90px
}

.icon-prepare-nav {
	background-position: -158px 0;
	width: 19px;
	height: 17px;
	display: inline-block
}

.icon-attention-nav {
	background-position: -134px -69px;
	width: 19px;
	height: 18px;
	display: inline-block
}

.guide-content {
	padding: 12px 16px;
	border: 1px solid #ebebeb;
	background-color: #fdfdfd;
	position: relative;
	border-radius: 0 2px 2px;
	white-space: pre-wrap;
	word-break: break-word;
	word-wrap: break-word;
	overflow: hidden
}

.guide-content:after {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 9px 0;
	border-color: transparent #fdfdfd transparent transparent
}

.guide-content:before {
	content: '';
	position: absolute;
	top: -1px;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 13px 0;
	border-color: transparent #ebebeb transparent transparent
}

.guide-icon,.guide-number {
	position: absolute;
	left: 0;
	top: 20px
}

.guide-number {
	
	width: 48px;
	height:48px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 2px
}

.icon-prepare {
	background-position: -104px 0;
	width: 28px;
	height: 28px;
	display: inline-block
}

.icon-attention {
	background-position: -52px -52px;
	width: 28px;
	height: 28px;
	display: inline-block
}

.disclaimer {
	padding: 24px 10px;
	margin-bottom: 40px;
	line-height: 24px;
	font-size: 16px;
	color: #b3b3b3;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.disclaimer .source-tip {
	margin-top: 10px
}

.disclaimer .source-tip a {
	color: rgba(179,179,179,.5);
	text-decoration: underline;
	margin: 0 3px
}

.release-box+.disclaimer {
	line-height: 22px;
	padding: 30px 0
}

.disclaimer-tit {
	font-size: 16px;
	color: #333;
	margin-bottom: 8px
}

.disclaimer-txt {
	line-height: 22px
}

.disclaimer-txt+.disclaimer-txt {
	margin-top: 7px
}

.disclaimer-txt a {
	color: #b3b3b3;
	border-bottom: 1px solid #b3b3b3
}

.disclaimer-txt a:hover {
	color: #3798fa;
	border-bottom-color: #3798fa
}

.vote-box {
	margin-bottom: 25px;
	text-align: center;
	position: relative
}

.vote-box .unlike-popup-wrapper {
	position: fixed;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0,0,0,.3)
}

.vote-box .unlike-popup-wrapper .unlike-popup-content {
	position: relative;
	width: 420px;
	height: 423px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .close-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background-position: -211px 0;
	width: 12px;
	height: 12px
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .title {
	margin: 36px auto;
	font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	color: #333
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options {
	margin: 0 36px;
	overflow: hidden
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options:hover {
	cursor: pointer
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options li {
	width: 50%;
	float: left;
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options li .check-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 8px;
	background-position: -125px -149px;
	width: 15px;
	height: 15px
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options li .check-icon.check-active {
	background-position: 0 -169px;
	width: 15px;
	height: 15px
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .reasons-options li .option-text {
	font-size: 15px;
	line-height: 22px
}

.vote-box .unlike-popup-wrapper .unlike-popup-content textarea {
	margin-top: 2px;
	padding: 16px;
	width: 348px;
	height: 120px;
	border-radius: 2px;
	border: solid 1px #ebebeb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	outline: 0
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .text-count {
	margin: 2px 36px 20px 0;
	text-align: right;
	font-size: 12px;
	color: #b3b3b3;
	line-height: 14px
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .text-count .over-boundary {
	color: #f53
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .submit-btn {
	margin: 20px auto 0 auto;
	width: 348px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 2px;
	background-color: #90c7ff
}

.vote-box .unlike-popup-wrapper .unlike-popup-content .submit-btn.submit-btn-active {
	background-color: #3798fa;
	cursor: pointer
}

.vote-icon {
	width: 51px;
	height: 100%;
	float: left;
	border-right: 1px solid #dbdbdb
}

.vote-number {
	display: block;
	padding: 0 5px;
	overflow: hidden
}

#voteUnLike {
	font-size: 16px
}

.vote-text {
	font-size: 16px;
	display: none
}

@-webkit-keyframes happy {
	100% {
		background-position: -270px 0
	}
}

@keyframes happy {
	100% {
		background-position: -270px 0
	}
}

@-webkit-keyframes happy2 {
	0% {
		background-position: -270px 0
	}

	100% {
		background-position: 0 0
	}
}

@keyframes happy2 {
	0% {
		background-position: -270px 0
	}

	100% {
		background-position: 0 0
	}
}

.face-happy,.face-unhappy {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	background-image: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/face-ani_6b64756.png);
	background-image: -webkit-image-set(url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/face-ani_6b64756.png) 1x,url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/face-ani@2x_caee5e3.png) 2x)
}

.face-happy:after,.face-unhappy:after {
	content: '.';
	visibility: hidden
}

.face-happy-play {
	-webkit-animation: happy2 .2s steps(9) both;
	animation: happy2 .2s steps(9) both
}

@-webkit-keyframes unhappy {
	0% {
		background-position: 0 -30px
	}

	100% {
		background-position: -270px -30px
	}
}

@keyframes unhappy {
	0% {
		background-position: 0 -30px
	}

	100% {
		background-position: -270px -30px
	}
}

@-webkit-keyframes unhappy2 {
	0% {
		background-position: -270px -30px
	}

	100% {
		background-position: 0 -30px
	}
}

@keyframes unhappy2 {
	0% {
		background-position: -270px -30px
	}

	100% {
		background-position: 0 -30px
	}
}

.face-unhappy {
	background-position: 0 -30px
}

.face-unhappy-play {
	-webkit-animation: unhappy2 .2s steps(9) both;
	animation: unhappy2 .2s steps(9) both
}

.vote-not-recommend,.vote-recommend {
	display: inline-block;
	background-color: #3798fa;
	font-size: 18px;
	width: 142px;
	line-height: 46px;
	height: 46px;
	margin: 0 30px;
	border-radius: 2px;
	color: #fff;
	vertical-align: top;
	-webkit-box-shadow: 0 1px 4px 0 rgba(55,152,250,.5);
	box-shadow: 0 1px 4px 0 rgba(55,152,250,.5)
}

.vote-not-recommend:hover,.vote-recommend:hover {
	color: #fff
}

.vote-not-recommend:hover .face-happy,.vote-not-recommend:hover .face-unhappy,.vote-recommend:hover .face-happy,.vote-recommend:hover .face-unhappy {
	-webkit-animation: happy .2s steps(9) both;
	animation: happy .2s steps(9) both
}

.vote-not-recommend:hover .face-unhappy,.vote-recommend:hover .face-unhappy {
	-webkit-animation: unhappy .2s steps(9) both;
	animation: unhappy .2s steps(9) both
}

.vote-not-recommend:hover .vote-number,.vote-recommend:hover .vote-number {
	display: none
}

.vote-not-recommend:hover .vote-text,.vote-recommend:hover .vote-text {
	display: block
}

.vote-not-recommend:active,.vote-recommend:active {
	background-color: #2783fa
}

.vote-not-recommend:active .vote-icon,.vote-recommend:active .vote-icon {
	border-right: 1px solid #247bc7
}

.vote-not-recommend .vote-icon,.vote-recommend .vote-icon {
	border-right: 1px solid #2f88d6
}

.vote-not-recommend {
	background-color: #ffc400
}

.vote-not-recommend:active {
	background-color: #faa700
}

.vote-not-recommend:active .vote-icon {
	border-right: 1px solid #e59900
}

.vote-not-recommend .vote-icon {
	border-right: 1px solid #efb504
}

.vote-disabled {
	display: inline-block;
	background-color: #ebebeb;
	font-size: 18px;
	width: 142px;
	line-height: 46px;
	margin: 0 30px;
	border-radius: 2px;
	color: #c2c2c2;
	vertical-align: top;
	cursor: default
}

.vote-disabled:hover {
	color: #fff
}

.vote-recommend-popup {
	width: 290px;
	height: 100px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.19);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.19);
	text-align: center;
	overflow: hidden;
	position: absolute;
	margin: -167px 0 0 100px;
	z-index: 1
}

.vote-recommend-popup .vote-recommend-popup-tit {
	color: #000;
	line-height: 22px;
	font-size: 16px;
	font-weight: 700;
	margin: 20px 0 16px
}

.vote-recommend-popup .vote-recommend-popup-tab {
	font-size: 14px;
	display: inline-block;
	margin: 0 20px
}

.vote-recommend-popup .vote-recommend-popup-tab i {
	background: url(//hhy.sogoucdn.com/deploy/ued/zhinan_njk/pc/dist/img/popup/light-bulb_1274bae.png) 0 0 no-repeat;
	width: 14px;
	height: 22px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: -4px
}

.related-title {
	font-weight: 700;
	font-size: 20px;
	line-height: 57px;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 6px
}

.related-change {
	font-size: 14px;
	color: #b3b3b3;
	float: right;
	background-color: #fdfdfd;
	border: 1px solid #ebebeb;
	width: 60px;
	line-height: 26px;
	text-align: center;
	margin-top: 17px
}

.related-change:hover {
	background-color: #f8f8f8;
	color: #e1e1e1
}

.related-list {
	line-height: 50px;
	font-size: 14px
}

.related-list li {
	padding: 0 6px;
	border-bottom: 1px solid #ebebeb
}

.related-list li:hover {
	background-color: #f5f5f5
}

.related-list a {
	display: block
}

.related-list p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.related-time {
	font-size: 14px;
	color: #ccc;
	float: right
}

.related-tag {
	float: right;
	padding: 0 4px;
	border: 1px solid #84c0fc;
	border-radius: 2px;
	margin: 15px 20px 0 0;
	line-height: 18px;
	font-size: 12px;
	color: #3798fa
}

.wrap404 {
	min-height: 90%;
	margin: -90px 0
}

.wrap404-inner {
	padding: 90px 0
}

.main-empty,.main404 {
	margin-top: 5%;
	text-align: center
}

.main-empty h2,.main404 h2 {
	font-size: 20px;
	line-height: 36px;
	color: #333
}

.main-empty p,.main404 p {
	font-size: 16px;
	line-height: 32px;
	color: #b3b3b3
}

.main404 img {
	margin-bottom: 17px
}

.main-empty img {
	margin-bottom: 30px
}

.retry-btn {
	line-height: 45px;
	display: block;
	margin: 32px auto;
	width: 134px;
	height: 45px;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(198deg,#48b2ff 98%,#3296fa 9%);
	background-image: linear-gradient(252deg,#48b2ff 98%,#3296fa 9%);
	font-size: 15px;
	font-weight: 500;
	color: #fff
}

.bread-nav {
	font-size: 14px;
	color: #ccc;
	margin-bottom: 9px
}

.bread-nav a {
	color: #3798fa
}

.bread-nav a:hover {
	text-decoration: underline
}

.rich-detail .guide-info {
	margin-bottom: 24px
}

.rich-detail .guide-summary {
	margin-bottom: 14px
}

.rich-detail .rich-content {
	margin-bottom: 30px;
	text-align: left
}

.rich-detail .rich-content img {
	display: block;
	margin: 14px 0;
	max-width: 555px
}

.rich-detail .rich-content h1,.rich-detail .rich-content h2,.rich-detail .rich-content h3 {
	margin: 10px 0;
	font-size: 20px;
	font-weight: 500
}

.rich-detail .rich-content p {
	margin: 10px 0
}

.rich-detail .rich-content ul {
	list-style: disc;
	margin: 10px 19px
}

.rich-detail .rich-content ol {
	list-style: decimal;
	margin: 10px 19px
}

.rich-detail .rich-content i {
	font-style: italic
}

.rich-detail .rich-content a {
	color: #3798fa
}

.release-box {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 30px 0;
	margin-bottom: 30px
}

.guide-summary+.release-box {
	margin-top: -30px
}

.guide-detail+.release-box {
	margin-top: 20px;
	border-bottom: none;
	margin-bottom: 0
}

.release-tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 10px
}

.release-txt {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px
}

.guide-detail-step {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px
}

.agreement-wrap {
	width: 980px;
	margin: 20px auto 40px
}

.agreement-nav {
	position: absolute;
	display: block;
	top: 110px;
	line-height: 28px;
	font-size: 14px;
	width: 200px;
	border-radius: 2px;
	background-color: #f5f5f5;
	padding: 14px 0 14px 18px;
	-webkit-transition: top .4s;
	transition: top .4s
}

.agreement-nav.fixed {
	position: fixed;
	top: 80px
}

.agreement-lst {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	font-size: 14px;
	line-height: 24px
}

.agreement-main {
	margin: 0 0 -10px 248px;
	overflow: hidden;
	font-size: 14px;
	text-align: justify
}

.agreement-tit {
	line-height: 30px;
	font-size: 22px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 30px
}

.agreement-tit2 {
	line-height: 22px;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
}

.agreement-tit2-v1 {
	margin-bottom: 120px
}

.agreement-txt {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px
}

.star-lst-tag {
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	top: -15px;
	right: 50%;
	height: 20px;
	margin-right: -49px;
	padding: 0 10px;
	color: #fff;
	border-radius: 10px;
	background-color: #fe6955
}

.star-lst-tag:after {
	position: absolute;
	right: 12px;
	bottom: -6px;
	content: '';
	background-position: -180px -141px;
	width: 11px;
	height: 6px;
	display: inline-block
}

.guide-summary-line {
	margin: 30px 0;
	border-bottom: 1px solid #f0f0f0
}

.save-toast {
	position: fixed;
	top: 100px;
	left: 50%;
	z-index: 99;
	text-align: center;
	color: #fff;
	display: none;
	width: 227px;
	height: 32px;
	line-height: 32px;
	background-color: rgba(55,135,250,.7);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.23);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.23);
	font-size: 14px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.relate-search {
	margin: 50px 0 30px;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	padding: 35px 0 32px
}

.relate-search .search-header {
	font-weight: 700;
	font-size: 20px;
	line-height: 52px;
	padding: 0 6px
}

.relate-search .search-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 6px;
	font-size: 14px
}

.relate-search .search-content li {
	width: 23%;
	margin-top: 10px
}

.relate-search .search-content li a {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis
}

.tips-toast {
	position: fixed;
	text-align: center;
	background-color: rgba(0,0,0,.5);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	padding: 11px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	min-width: 200px
}

.edit-head-wrap {
	min-width: 849px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	height: 90px;
	-webkit-transition: height .4s;
	transition: height .4s
}

.edit-head-wrap.fixed {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	height: 70px
}

.edit-head-wrap.fixed .edit-head {
	height: 70px
}

.edit-head-wrap.fixed .edit-head .logo {
	margin-top: 18px
}

.edit-head {
	position: relative;
	width: 849px;
	margin: 0 auto;
	height: 90px;
	-webkit-transition: all .4s;
	transition: all .4s
}

.edit-head .logo {
	margin: 28px 0 0;
	-webkit-transition: all .4s;
	transition: all .4s
}

.preview .edit-head {
	width: 694px
}

.edit-head .edit-type-txt {
	line-height: 90px;
	margin-left: 40px
}

.edit-head .edit-type-txt.selected {
	font-weight: 600
}

.edit-head .login-line+.edit-type-txt {
	margin-left: 0
}

.btn-head-edit {
	float: right;
	margin: 24px 0 0 18px;
	-webkit-transition: margin .4s;
	transition: margin .4s;
	line-height: 41px;
	width: 104px;
	height: 42px
}

.fixed .btn-head-edit {
	margin-top: 14px
}

.btn-head-edit2 {
	float: right;
	margin: 24px 0 0 18px;
	background-color: #fdfdfd;
	-webkit-transition: margin .4s;
	transition: margin .4s;
	line-height: 39px;
	width: 102px;
	height: 40px
}

.fixed .btn-head-edit2 {
	margin-top: 14px
}

.edit-wrap {
	padding: 110px 0 80px;
	width: 849px;
	margin: 0 auto
}

.preview .edit-wrap {
	width: 694px
}

.edit-wrap .main {
	position: relative;
	float: inherit
}

.edit-wrap+.foot {
	background-color: #fff;
	border-top: 1px solid #e0e0e0
}

.edit-wrap .guide-number {
	background-color: #3798fa
}

.edit-wrap.container {
	padding-bottom: 110px
}

.edit-wrap.article {
	width: 700px;
	height: 100%;
	padding-bottom: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.cate-banner {
	margin: 30px 0 30px;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.cate-banner span {
	padding: 2px 3px;
	color: #b3b3b3;
	border: solid #d2d2d2 .5px;
	border-radius: 2px;
	line-height: 18px;
	height: 22px;
	font-size: 14px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.cate-banner span+span {
	margin-left: 10px
}

.cate-banner .banshi {
	color: #3798fa;
	background-color: #edf5ff;
	padding: 3px 6px 3px 23px;
	height: 24px;
	position: relative;
	border: none
}

.cate-banner .banshi:before {
	position: absolute;
	content: '';
	top: 5px;
	left: 6px;
	background-position: -83px -169px;
	width: 14px;
	height: 14px
}

.cate-banner .banshi+span {
	margin-left: 15px
}

.refs-list {
	margin-top: 10px;
	margin-bottom: 30px;
	color: #333;
	font-size: 14px
}

.refs-list li {
	line-height: 20px
}

.refs-list li .order {
	width: 18px;
	display: inline-block
}

.refs-list li .dot-icon-between {
	margin-left: -1px
}

.refs-list li a {
	position: relative;
	max-width: 380px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.refs-list li a:hover {
	color: #3798fa
}

.refs-list li i {
	display: inline-block;
	background-position: -211px -68px;
	width: 10px;
	height: 10px
}

.refs-list li a:hover+i {
	background-position: -211px -56px;
	width: 10px;
	height: 10px
}

.refs-list li .source-tab {
	display: inline-block;
	margin-left: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 130px;
	color: #666;
	vertical-align: top
}

.refs-list li+li {
	margin-top: 10px
}

.refs-box {
	padding-top: 30px;
	border-top: 1px solid #f0f0f0
}

.refs-box .refs-tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 10px
}

.feedback-unlike-prompt {
	position: absolute;
	top: -55px;
	left: 395px;
	border-top: 1px solid #f8f8f8;
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
	padding: 7 13px;
	height: 40px;
	width: 110px;
	font-size: 14px;
	line-height: 40px;
	border-radius: 2px
}

.feedback-unlike-prompt i {
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -8px;
	background-position: 0 -186px;
	width: 15px;
	height: 12px;
	display: block
}
.guide-number img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.my-content{
    display: block;
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 0.6em;
    box-sizing: border-box !important;
    color: #333;
    font-size: 17px;
    line-height: 1.5em;
}
.my-content{
    display: block;
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 0.6em;
    box-sizing: border-box !important;
    color: #333;
    font-size: 17px;
    line-height: 1.5em;
    + line-height: 0.9 em;
}
.my-content {
    overflow: auto;
}
.button {
    display: inline-block;
    text-align: center;
    background: #00a2ff;
    color: #fff !important;
    border: 0 none;
    border-radius: 3px;
    padding: 0.5em 0em;
    + padding: 0;
    + margin: 0;
    margin: 1em 1em 1em 0;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.2em;
    width: 100%;
}