html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 100;
	vertical-align: baseline;
	font-style: normal;
}

html {
	-webkit-tap-highlight-color: transparent
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th,td {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

q,blockquote {
	quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}

a img {
	border: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video,i {
	display: inline-block;
	vertical-align: baseline
}

html {
	margin: 0 auto
}

body {
	min-width: 300px;
	max-width: 670px;
	margin: 0 auto;
	line-height: 1;
	background: #2B2B3F;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-family: Arial,"Hiragino Sans GB W3","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
}

a {
	color: #ffffff;
	text-decoration: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.clear,.clear-all {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden
}

.fix:after,.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.fix,.clearfix {
	*zoom: 1
}

.hidden {
	display: none
}

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

input {
	outline: 0;
	border: 0;
	margin: 0;
	padding: 0
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

.z-1 {
	z-index: 1
}

.z-2 {
	z-index: 2
}

.z-3 {
	z-index: 3
}

.z-4 {
	z-index: 4
}

.z-5 {
	z-index: 5
}

.z-6 {
	z-index: 6
}

.z-7 {
	z-index: 7
}

.z-8 {
	z-index: 8
}

.z-9 {
	z-index: 9
}

.z-10 {
	z-index: 10
}

.z-root {
	z-index: 100000
}

.z-loading {
	z-index: 99999
}

.z-act {
	z-index: 90000
}

.z-act-pop {
	z-index: 80001
}

.z-app-head {
	z-index: 9000
}

.z-app-footer {
	z-index: 8000
}

.z-msg {
	z-index: 900
}

.z-ad {
	z-index: 800
}

.z-ad-full {
	z-index: 80002
}

.z-video-mask {
	z-index: 95000
}

.z-over-mask {
	z-index: 95001
}

@font-face {
	font-family: FunIcon;
    src: url(fonts/FunIcon_197bb2870.ttf) format('truetype'),url(fonts/FunIcon_edb0c2b5c.woff) format('woff'),url(fonts/FunIcon_0fc92849a.svg#FunIcon) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=i-],[class*=" i-"] {
	font-family: FunIcon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.i-security:before {
	content: "\e90e"
}

.i-msg:before {
	content: "\e90b"
}

.i-credit:before {
	content: "\e90a"
}

.i-notice:before {
	content: "\e90c"
}

.i-vip2:before {
	content: "\e90d"
}

.i-all-channel:before {
	content: "\e626"
}

.i-arrow-down:before {
	content: "\e60d"
}

.i-arrow-up:before {
	content: "\e60e"
}

.i-avatar:before {
	content: "\e908"
}

.i-back:before {
	content: "\e629"
}

.i-channel:before {
	content: "\e62e"
}

.i-check:before {
	content: "\e905"
}

.i-check-s:before {
	content: "\e906"
}

.i-down:before {
	content: "\e606"
}

.i-down-s:before {
	content: "\e901"
}

.i-forward:before {
	content: "\e60a"
}

.i-fullscreen:before {
	content: "\e60c"
}

.i-guide:before {
	content: "\e608"
}

.i-home:before {
	content: "\e628"
}

.i-kefu:before {
	content: "\e907"
}

.i-logo:before {
	content: "\e603"
}

.i-menu:before {
	content: "\e604"
}

.i-pause:before {
	content: "\e609"
}

.i-play:before {
	content: "\e900"
}

.i-pwd-hidden:before {
	content: "\e903"
}

.i-pwd-show:before {
	content: "\e904"
}

.i-refresh:before {
	content: "\e62f"
}

.i-share:before {
	content: "\e62d"
}

.i-site:before {
	content: "\e902"
}

.i-tips:before {
	content: "\e62c"
}

.i-vip:before {
	content: "\e909"
}

.i-close:before {
	content: "\e600"
}

.i-download:before {
	content: "\e601"
}

.i-history:before {
	content: "\e602"
}

.i-pengyouquan:before {
	content: "\e60b"
}

.i-search:before {
	content: "\e605"
}

.i-weibo:before {
	content: "\f18a"
}

.i-weixin:before {
	content: "\e607"
}

[class^=i-],[class*=" i-"] {
	background-size: 100%;
	background-repeat: no-repeat
}

.i-yugao {
	width: 30px;
	height: 24px;
	background-image: url()
}

.i-error {
	width: 48px;
	height: 45px;
	background-image: url()
}

.i-wx-top-btn {
	width: 51px;
	height: 30px;
	background-image: url()
}

.i-arr {
	top: -8px;
	position: absolute;
	width: 14px;
	height: 8px;
	overflow: hidden;
	background-image: url()
}

.f-fl {
	float: left
}

.f-fr {
	float: right
}

.f-cb:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.f-mgt-1 {
	margin-top: 12.5px
}

.f-mg-5 {
	margin: 5px;
}

.f-mg-10 {
	margin: 10px;
}

.f-mgb {
	margin-bottom: 8px
}

.f-mgb-10 {
	margin-bottom: 10px
}

.f-mgb-15 {
	margin-bottom: 15px
}

.f-mgt-10 {
	margin-top: 10px
}

.f-mgt-15 {
	margin-top: 15px
}

.f-mgt-20 {
	margin-top: 20px
}

.f-mglr-10 {
	margin: 0 10px
}

.f-mglr-15 {
	margin: 0 15px
}

.f-pdt-1 {
	padding-top: 10px
}

.f-pd-5 {
	padding: 5px
}

.f-pd-10 {
	padding: 10px
}

.f-pdlr-10 {
	padding: 0 10px
}

.f-pdlr-12 {
	padding: 0 12px
}

.f-pdlr-15 {
	padding: 0 15px
}

.f-hidden {
	visibility: hidden;
	height: 0;
	overflow: hidden
}

.f-no-bt {
	border-top: 0
}

.f-gray {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.g-con {
	overflow: hidden;
	background: #36344C;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-o-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.m-cd-list {
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 10px;
	width: 100%;
	font-size: 0
}

.m-cd-i-wrap {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    white-space: normal;
    text-align: center;
}
@media only screen and (min-width: 700px) {
.m-cd-i-wrap {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    white-space: normal;
    text-align: center;
}
}
.m-cd-i-wrap.two .pic {
	padding-bottom: 142%;
	background-repeat: no-repeat;
	
}

.m-cd-i-wrap.poster {
	width: 33.3333%
}

.m-cd-i-wrap.poster .pic {
	padding-bottom: 142%
}

.m-cd-i {
	display: block;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 12px
}

.m-cd-i .pic {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.m-cd-i .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("data:image/gif;base64,R0lGODlhbgBuAPcAAOvs7ezt7u3u7+nq6+jp6ubn6OPk5efo6eXm5+rr7OTl5vHy8ubm5/Hy8/j4+PX19vLz8/7+/vf3+Pb29/Lz9PT19fj5+ff4+P39/fPz9PHx8vDx8fX29vP09Pr6+/b39/j4+fz8/Pr7+/X19fv7+/v7/PLy8/T09fn5+vT19vv8/Pf39/Dw8fz8/fn5+fr6+vn6+u/w8O3t7v3+/uzs7enq6vP09erq6/7+//39/unp6vPz8+7v8O/w8f////Dx8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjRDNzMyQjc0NzYxMUU0ODM4MkI4NTQ1MDVGRjMyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjRDNzMyQzc0NzYxMUU0ODM4MkI4NTQ1MDVGRjMyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCNEM3MzI5NzQ3NjExRTQ4MzgyQjg1NDUwNUZGMzJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCNEM3MzJBNzQ3NjExRTQ4MzgyQjg1NDUwNUZGMzJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAG4AbgAACP8AfwgcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcybOnz59AgwodSrSo0aNIkypdyrSp06dQo0qdSrWq1ac9ekCQEMKHjwgVrjKkMMGD17Nne4g1uCCFhRxo43oNoHatwA0aNvTYwFeD3wUPMJy9AaDuWh4DChxYTKBx4wEJSvgokSABXbs/egxg7JjAgM8LfFBIAADAZbuaO3v+PABAhNKwT6/tkcAx688JTsCObVhsDwCrWVfeXTqA8d5UG1T44MIDiQuahxM3blwAcqYNbEwAUSKCXK8PSE//px5AAI/rRTM8uCDC+/fvMcZTF0D/PFEKFSSgEPy+/9kHu5FXHn3m2ceTchNY0JV/DMY1QWzkEVggDzzoBMEJElwgwQoSdOjhBSCC6MCIJI4IAgwqfNdBcRESSOGL6MUkwAEGKGAjAjjiyEABPPK42AGq3ZZABu55JYBpLdb3Iow48UAAAgrkqGOPPnJmm5AJ8OCeBUjO5+KSMMYIk5NSIrAjlT8GiWVpD3jFgoASghlmVk0+OSWaVj62Zmk8+EACnF/KmdWgYr6EWAFn9phmZ7dBJh5sEXSQ5IRgEkpokzpQqVieweH2KGwoyOClkoJaeulNh1YJZGM10MBCBhO4/yDCCw5IGiAPo1K6pKmmNpkAkADwAMEEKLTgXwQNsJirnBTy2utMGkBQQYIvGNugXBsASmqlzp7KUgMUpPCBAx7wdy2DKkzK7HndDooSuOKSa+659HrVQ3WBcttuoRiBOy0IIsxb78BoQTDgtrvuy29E4D6wXbkER8wgBXEyq/DCCvmboAgzSOzxuQ3km/C+E/VQYQYdZADBAiy37PLLLZsgMwQ007xDBhmcUEEFI/T8wM8/cyC00Cs4AIPAaEUg8pztUmRyAQZELfXUVFdtY5RSJqqqmsI9ygMHRZ5lAcJMd3sRDzRWrTbVV5ep9aarXtk1ccEueJYGupbtbEY8QP+99tptZ63ponJ7SrdxWp5FQt7NKrwR2n9bfaPgeMat59zyBfDBWR2se3FHfUcudeA5vk345YZnHkADXmHgueMehR456Xcqymmj0gUYYZ8+fGAx7B/JrjbtZg5++566jxoCDibr27RIwk9NvOnHY548vvRZYEGpJJMUfY2Tl2685Z06eri6DzTgvNkmQR719ONznfr1BzPObvcnQQ5/5fKbr3rF3HteStAWvtptjVHIg9Cyfoc/laDNbfFDoPUUiD37fc4lZDIg3PqXOwrW73UNbAmZqEc+3H1KWRUEoQDHRIAIFs5/9APg+vZGEyfZroQJROEHGbjCmRzqdOXroA68ZTiyHtZwMzic4BCX1rgQ2gQxHDxhl1LIQ/btBIqog6EHiag3Xv2EB7Ux4fkWGEAr+oQHAMjhFHdYRhoG5Tfz2yIT72fEn/xGiGvkYhPrCJTfjJGKbfQiUu4VwzleMCmEzKMhgaeUe2nLgoxciiMBOUNBYkUAbKzks6JiskU6ESs8gOQnodK8QG7SKqXs4imvkhVVWgozAmneIWF5MYxRJZKwjKUZc1kQS/LyIK/8pULcJcyF2LKYyPxJQAAAOw==") no-repeat center center / contain #f0f1f2
}

.m-cd-i .info {
	margin-top: 8px;
	max-height: 36px;
	overflow: hidden
}

.m-cd-i .tit {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-height: 36px;
	font-size: 14px;
	line-height: 18px;
}

.m-cd-i .tit.h {
	overflow: hidden;
	height: 22px
}

.m-cd-i .desc {
	margin-top: 3px;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.m-cd-i .r-sd,.m-cd-i .sd,.m-cd-i .ico-topic,.m-cd-i .ico-vip,.m-cd-i .ico-fee {
	position: absolute;
	background: rgba(0,0,0,.5);
	color: #fff;
	line-height: 16px
}

.m-cd-i .ico-topic,.m-cd-i .ico-vip,.m-cd-i .ico-fee {
	top: 0;
	right: 5px;
	padding: 0 4px;
	background: #d00;
	font-size: 10px
}

.m-cd-i .ico-app {
	position: absolute;
	top: 12px;
	right: -18px;
	width: 80px;
	background: #d00;
	text-align: center;
	color: #fff;
	line-height: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.m-cd-i .ico-appnew {
    position: absolute;
    top: 25px;
    right: -25px;
    width: 120px;
    background: #0056f8;
    text-align: center;
    color: #fff;
    line-height: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.m-cd-i .ico-vip {
	background-color: #c49e26
}

.m-cd-i .ico-fee {
	background-color: #126ce2
}

.m-cd-i .sd {
	text-indent: 5px;
	bottom: 0;
    left: 0;
	text-align: center;
	width: 100%;
	height: 20px;
	line-height: 20px;
}

.m-cd-i .sd .score {
	position: absolute;
	top: 0;
	right: 5px
}

.m-cd-i .i-ad-flag {
	left: inherit;
	right: 5px
}

.m-cd-i .l-sd {
	left: 0;
	bottom: 0
}

.m-cd-i .r-sd {
	padding: 0 3px;
	right: 5px;
	bottom: 5px
}

.m-cd-i .play-btn {
	overflow: hidden;
	width: 80px;
	padding: 5px 0;
	background: #24b01f;
	text-align: center;
	color: #fff;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.m-cd-i .play-btn .i-play {
	margin-right: 5px;
	color: #fff;
	vertical-align: middle;
	font-size: 14px
}

.m-cd-i .from {
	position: relative;
	font-size: 12px;
	line-height: 26px;
	color: #999
}

.m-cd-i .from.show-list .from-list {
	display: block
}

.m-cd-i .i-site {
	color: #1a90d1
}

.m-cd-i .site {
	width: 15px;
	height: 15px;
	background-size: 100% auto;
	vertical-align: middle
}

.m-cd-i .i-down-s {
	color: #fff
}

.m-cd-i .score {
	float: right;
	color: #f60;
	text-shadow: 0 0 5px rgba(0,0,0,.8)
}

.m-cd-i .area {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.m-cd-list-hor .m-cd-i {
	margin: 11px 10px -1px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0
}

.m-cd-list-hor .m-cd-i .pic {
	float: left;
	margin-right: 10px;
	padding-bottom: 76px;
	width: 135px
}

.m-cd-list-hor .m-cd-i .tit {
	font-size: 14px;
	overflow: hidden;
	max-height: 36px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.m-cd-list-hor .m-cd-i .desc {
	margin-top: 10px
}

.m-cd-list-hor .m-cd-i .info {
	max-height: none
}

.m-cd-list-hor .m-cd-i.poster .info {
	margin-top: 0;
	height: 114px
}

.m-cd-list-hor .m-cd-i.poster .tit {
	color: #f86400
}

.m-cd-list-hor .m-cd-i.poster .pic {
	width: 100px;
	padding-bottom: 140px
}

.m-cd-list-hor .m-cd-i.poster .desc {
	margin-top: 6px
}

.m-cd-loading {
	margin-bottom: 12.5px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: none;
	color: #666
}

.m-cd-loading .loading {
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background: url() no-repeat;
	vertical-align: middle
}

.m-ch-i {
	display: block;
	margin: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5
}

.m-ch-i .pic {
	float: left;
	padding-bottom: 0;
	width: 45px;
	height: 45px
}

.m-ch-i .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.m-ch-i .info {
	margin-left: 55px
}

.m-ch-i .tit,.m-ch-i .desc {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.m-ch-i .tit {
	margin: 2px 0 10px;
	font-size: 16px
}

.m-ch-i .desc {
	color: #999;
	font-size: 12px
}

.m-cd-i .tag,.m-ch-i .tag {
	margin-left: 3px;
	display: inline-block;
	padding: 0 3px;
	color: #666;
	border: 1px solid #666;
	font-size: 10px;
	line-height: 12px;
	vertical-align: top
}

.m-cd-more {
	margin-bottom: 10px;
	display: block;
	text-align: center;
	color: #f86400;
	font-size: 14px;
	line-height: 40px
}

.m-fl-wrap {
	padding: 10px
}

.m-fl-i {
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	font-size: 14px
}

.m-fl-i img {
	width: 70%
}

.m-fl-i .tit {
	padding-top: 5px;
	font-size: 14px
}

.m-site-i-wrap {
	position: relative
}

.m-site-i-wrap .site-item {
	margin-top: -25px;
	overflow: hidden
}

.m-site-i-wrap .site-item .pic {
	float: left;
	padding-bottom: 0;
	width: 45px;
	height: 45px;
	border: 2px solid #fff;
	border-left: 0
}

.m-site-i-wrap .site-item .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.m-site-i-wrap .site-tit {
	margin: 25px 0 0 51px;
	padding: 6px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px
}

.m-site-i-wrap .site-tit a {
	color: #999
}

.m-cd-i-wrap .site-item {
	margin-top: -15px
}

.m-cd-i-wrap .site-item .pic {
	width: 35px;
	height: 35px
}

.m-cd-i-wrap .site-tit {
	margin: 15px 0 0 41px
}

.m-h2-tit {
	position: relative;
	margin: 0 10px;
	padding: 12px 0 10px;
	font-size: 16px;
	line-height: 20px
}

.m-h2-tit .tit {
	float: left;
	padding-left: 5px;
	border-left: 4px solid #d0ff00;
	color: #d0ff00;
	white-space: nowrap
}

.m-h2-tit .logo {
	float: left;
	margin-right: 6px;
	width: 26px;
	height: 26px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ebeaea
}

.m-h2-tit .more {
	float: right;
	color: #999;
	font-size: 14px
}

.m-h2-tit .key {
	float: right;
	max-width: 50%;
	color: #f86400;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.m-h2-tit .key a {
	color: #f86400
}

.m-h2-tit .key .point {
	font-weight: 700
}
.m-h2-tit .tag {
	float: right;
	max-width: 50%;
	color: #f86400;
	font-size: 14px;
	
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-h2-tit .tag a {
	color: #000000;
	border: 1px solid #f6d669;
	background: #F6D669;
	padding: 2px 10px;
	margin: 0 10px;
}
.m-h2-tit .tag a.active {
	background: #36344c;
    color: #fff;
}
.m-h2-tit .i-refresh {
	margin-right: 3px;
	color: #999
}

.m-expand-btn,.m-block-btn {
	display: block;
	font-size: 14px;
	line-height: 32px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	text-align: center;
	border-radius: 2px
}

.m-block-btn {
	margin: 10px;
	border: 1px solid #d9d9d9;
	background: #fff;
	color: #333
}

.m-see-all-btn {
	position: fixed;
	top: 85px;
	left: 0;
	overflow: hidden;
	display: none;
	width: 100%;
	height: 0;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	background: rgba(255,255,255,.85);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2)
}

.m-tab {
	position: relative;
	overflow: hidden
}

.m-tab .tabs-wrap {
	padding: 0 10px;
	border-bottom: 1px solid #d9d9d9
}

.m-tab .tab,.m-tab .tab-2n,.m-tab .tab-3n {
	white-space: nowrap;
	float: left;
	margin-bottom: -1px;
	text-align: center;
	line-height: 48px;
	font-size: 15px
}

.m-tab .tab.current,.m-tab .tab-2n.current,.m-tab .tab-3n.current {
	color: #f86400;
	border-bottom: 2px solid #f86400
}

.m-tab .tab {
	margin-right: 10px;
	padding: 0 10px
}

.m-tab .tab-2n {
	padding: 0;
	margin-right: 0;
	width: 50%
}

.m-tab .tab-3n {
	padding: 0;
	margin-right: 0;
	width: 33.33%
}

.m-tab .mask {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 100%;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
	background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
	background: -o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
	background: linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%)
}

.m-pg-content {
	min-height: 300px
}

.m-footer {
    margin-top: 10px;
    padding: 16px 0 1px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #999;
}

.m-footer a {
	color: #999
}

.m-empty-tip {
	margin: 50px 10px;
	font-size: 16px;
	color: #999;
	text-align: center
}

.m-empty-tip .btn {
	color: #f86400
}

.f-none {
	display: none
}

.m-app-guide {
	display: block;
	background: #ee4a4b;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
}

.m-app-guide span {
	color: #fff
}

.m-app-guide [class^=i-] {
	padding-right: 3px;
	color: #fff
}

.m-app-guide .btn {
	padding-left: 10px;
	font-size: 18px
}

.m-app-guide img {
	display: block;
	width: 100%
}

.lazy-alpha-start {
	background: url("data:image/gif;base64,R0lGODlhbgBuAPcAAOvs7ezt7u3u7+nq6+jp6ubn6OPk5efo6eXm5+rr7OTl5vHy8ubm5/Hy8/j4+PX19vLz8/7+/vf3+Pb29/Lz9PT19fj5+ff4+P39/fPz9PHx8vDx8fX29vP09Pr6+/b39/j4+fz8/Pr7+/X19fv7+/v7/PLy8/T09fn5+vT19vv8/Pf39/Dw8fz8/fn5+fr6+vn6+u/w8O3t7v3+/uzs7enq6vP09erq6/7+//39/unp6vPz8+7v8O/w8f////Dx8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjRDNzMyQjc0NzYxMUU0ODM4MkI4NTQ1MDVGRjMyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjRDNzMyQzc0NzYxMUU0ODM4MkI4NTQ1MDVGRjMyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCNEM3MzI5NzQ3NjExRTQ4MzgyQjg1NDUwNUZGMzJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCNEM3MzJBNzQ3NjExRTQ4MzgyQjg1NDUwNUZGMzJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAG4AbgAACP8AfwgcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcybOnz59AgwodSrSo0aNIkypdyrSp06dQo0qdSrWq1ac9ekCQEMKHjwgVrjKkMMGD17Nne4g1uCCFhRxo43oNoHatwA0aNvTYwFeD3wUPMJy9AaDuWh4DChxYTKBx4wEJSvgokSABXbs/egxg7JjAgM8LfFBIAADAZbuaO3v+PABAhNKwT6/tkcAx688JTsCObVhsDwCrWVfeXTqA8d5UG1T44MIDiQuahxM3blwAcqYNbEwAUSKCXK8PSE//px5AAI/rRTM8uCDC+/fvMcZTF0D/PFEKFSSgEPy+/9kHu5FXHn3m2ceTchNY0JV/DMY1QWzkEVggDzzoBMEJElwgwQoSdOjhBSCC6MCIJI4IAgwqfNdBcRESSOGL6MUkwAEGKGAjAjjiyEABPPK42AGq3ZZABu55JYBpLdb3Iow48UAAAgrkqGOPPnJmm5AJ8OCeBUjO5+KSMMYIk5NSIrAjlT8GiWVpD3jFgoASghlmVk0+OSWaVj62Zmk8+EACnF/KmdWgYr6EWAFn9phmZ7dBJh5sEXSQ5IRgEkpokzpQqVieweH2KGwoyOClkoJaeulNh1YJZGM10MBCBhO4/yDCCw5IGiAPo1K6pKmmNpkAkADwAMEEKLTgXwQNsJirnBTy2utMGkBQQYIvGNugXBsASmqlzp7KUgMUpPCBAx7wdy2DKkzK7HndDooSuOKSa+659HrVQ3WBcttuoRiBOy0IIsxb78BoQTDgtrvuy29E4D6wXbkER8wgBXEyq/DCCvmboAgzSOzxuQ3km/C+E/VQYQYdZADBAiy37PLLLZsgMwQ007xDBhmcUEEFI/T8wM8/cyC00Cs4AIPAaEUg8pztUmRyAQZELfXUVFdtY5RSJqqqmsI9ygMHRZ5lAcJMd3sRDzRWrTbVV5ep9aarXtk1ccEueJYGupbtbEY8QP+99tptZ63ponJ7SrdxWp5FQt7NKrwR2n9bfaPgeMat59zyBfDBWR2se3FHfUcudeA5vk345YZnHkADXmHgueMehR456Xcqymmj0gUYYZ8+fGAx7B/JrjbtZg5++566jxoCDibr27RIwk9NvOnHY548vvRZYEGpJJMUfY2Tl2685Z06eri6DzTgvNkmQR719ONznfr1BzPObvcnQQ5/5fKbr3rF3HteStAWvtptjVHIg9Cyfoc/laDNbfFDoPUUiD37fc4lZDIg3PqXOwrW73UNbAmZqEc+3H1KWRUEoQDHRIAIFs5/9APg+vZGEyfZroQJROEHGbjCmRzqdOXroA68ZTiyHtZwMzic4BCX1rgQ2gQxHDxhl1LIQ/btBIqog6EHiag3Xv2EB7Ux4fkWGEAr+oQHAMjhFHdYRhoG5Tfz2yIT72fEn/xGiGvkYhPrCJTfjJGKbfQiUu4VwzleMCmEzKMhgaeUe2nLgoxciiMBOUNBYkUAbKzks6JiskU6ESs8gOQnodK8QG7SKqXs4imvkhVVWgozAmneIWF5MYxRJZKwjKUZc1kQS/LyIK/8pULcJcyF2LKYyPxJQAAAOw==") no-repeat center center / contain #f0f1f2
}

.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding: 0 8px;
	display: none;
	width: 50px;
	height: 64px;
	background: rgba(0,0,0,.6);
	border-radius: 8px;
	text-align: center;
	font-size: 10px
}

.spinner>div {
	background-color: #fff;
	height: 40px;
	width: 5px;
	margin: 12px 2.5px;
	float: left;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.spinner .rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.spinner .rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.spinner .rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

@-webkit-keyframes stretchdelay {
	0%,40%,100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1)
	}
}

@keyframes stretchdelay {
	0%,40%,100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4)
	}

	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1)
	}
}

.tip_error {
	box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	border-radius: 3px;
	font-size: 14px;
	padding: 10px 15px;
	color: #FFF;
	background-color: #000;
	position: fixed;
	left: 50%;
	bottom: 150px;
	width: 240px;
	overflow: hidden;
	margin-left: -135px;
	text-align: center
}

.progress-wrap {
	font-size: 0;
	width: 100%;
	height: 3px;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	display: none
}

.progress-wrap .progress {
	opacity: .75;
	filter: alpha(opacity=75);
	background-color: #f86400;
	height: 100%;
	width: 0
}

.material {
	position: relative;
	width: 100%;
	overflow: hidden
}

.material img {
	width: 100%;
	height: 100%
}

.m-a-banner-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.m-a-banner-wrap img {
	width: 100%;
	height: 100%
}

.i-ad-flag {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 5px;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 12px;
	line-height: 20px
}

@media screen and (min-width: 350px) {
	.m-cd-list-hor .m-cd-i {
		margin: 16px 15px -1px;
		padding-bottom: 15px;
		font-size: 14px;
		line-height: 16px
	}

	.m-cd-list-hor .m-cd-i .play-btn {
		width: 100px
	}

	.m-cd-list-hor .m-cd-i .tit {
		font-size: 16px;
		line-height: 20px;
		max-height: 40px
	}

	.m-cd-list-hor .m-cd-i.poster .pic {
		width: 120px;
		padding-bottom: 168px
	}

	.m-cd-list-hor .m-cd-i.poster .info {
		height: 141px
	}
}

.m-vip-guide {
	position: relative;
	padding: 5px 0;
	font-size: 14px;
	background: #F1F1F1;
	line-height: 24px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5
}

.m-vip-guide .btn {
	display: inline-block;
	margin: 0 3px;
	padding: 0 10px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	background: #F86400
}

.m-ui-switcher .wrap {
	cursor: pointer;
	width: .96rem;
	height: .44rem;
	border-radius: .44rem;
	border: .03rem solid #ddd;
	position: relative;
	background: #f6f6f6;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.m-ui-switcher .dot {
	height: .44rem;
	width: .44rem;
	border-radius: .44rem;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	-ms-box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	-o-box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	position: absolute;
	background: #fff;
	right: .52rem;
	-webkit-transition: right .3s ease 0s;
	-moz-transition: right .3s ease 0s;
	-o-transition: right .3s ease 0s;
	-ms-transition: right .3s ease 0s;
	transition: right .3s ease 0s
}

.m-ui-switcher .on {
	background: #0c0;
	border-color: #0c0
}

.m-ui-switcher .on .dot {
	right: 0rem;
	-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,.3);
	-moz-box-shadow: -2px 2px 6px rgba(0,0,0,.3);
	-ms-box-shadow: -2px 2px 6px rgba(0,0,0,.3);
	-o-box-shadow: -2px 2px 6px rgba(0,0,0,.3);
	box-shadow: -2px 2px 6px rgba(0,0,0,.3)
}

.form-mini {
	font-size: 16px
}

.form-mini .border-ele {
	padding: 10px 0;
	line-height: 24px;
	border: 1px solid #d0d0d0
}

.form-mini .form-row {
	margin-bottom: 10px
}

.form-mini .form-row .form-row-wrap {
	padding: 10px 0;
	line-height: 24px;
	position: relative
}

.form-mini .form-row .form-row-wrap input {
	font-size: 16px
}

.form-mini .form-row:last-child {
	margin-bottom: 0
}

.form-mini .error-tip {
	line-height: 12px;
	width: 100%;
	color: #fe7839;
	margin-top: 5px
}

.form-mini .error-tip i {
	margin-right: 5px
}

.form-mini .form-phone .area {
	font-size: 16px;
	margin-left: 15px
}

.form-mini .form-phone .form-row-wrap {
	padding: 10px 0;
	line-height: 24px;
	border: 1px solid #d0d0d0
}

.form-mini .form-mcode .form-row-wrap {
	padding-right: 150px
}

.form-mini .form-mcode .input-wrap {
	padding: 10px;
	line-height: 24px;
	border: 1px solid #d0d0d0
}

.form-mini .form-mcode .input-wrap input {
	width: 100%
}

.form-mini .form-mcode .send-btn {
	padding: 10px 0;
	line-height: 24px;
	border: 1px solid #d0d0d0;
	position: absolute;
	top: 10px;
	right: 0;
	width: 140px;
	text-align: center
}

.m-ui-dialog-model {
	position: fixed;
	top: 2rem;
	border-radius: .15rem;
	background: #fff
}

.m-ui-dialog-model .ui-dialog {
	overflow: hidden
}

.m-ui-dialog-model .dlg-content {
	padding: .6rem;
	font-size: .3rem;
	line-height: .42rem;
	text-align: center
}

.m-ui-dialog-model .submit {
	color: #f86400
}

.m-ui-dialog-model .cancel {
	color: #666
}

.m-ui-dialog-model .btngroup {
	border-top: 1px solid #e5e5e5
}

.m-ui-dialog-model .btngroup .btn {
	cursor: pointer;
	display: inline-block;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	margin-right: -1px;
	font-size: .3rem
}

.m-ui-dialog-model .btngroup-col1 .btn {
	width: 100%
}

.m-ui-dialog-model .btngroup-col2 .btn {
	width: 50%
}

.m-ui-dialog-model .btngroup-col3 .btn {
	width: 33.33%
}

.m-ui-dialog-model-pixel {
	position: fixed;
	top: 2rem;
	border-radius: 10px;
	background: #fff
}

.m-ui-dialog-model-pixel .ui-dialog {
	overflow: hidden
}

.m-ui-dialog-model-pixel .dlg-content {
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width: 260px
}

.m-ui-dialog-model-pixel .submit {
	color: #f86400
}

.m-ui-dialog-model-pixel .cancel {
	color: #666
}

.m-ui-dialog-model-pixel .btngroup {
	border-top: 1px solid #e5e5e5
}

.m-ui-dialog-model-pixel .btngroup .btn {
	cursor: pointer;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	margin-right: -1px;
	font-size: 14px
}

.m-ui-dialog-model-pixel .btngroup-col1 .btn {
	width: 100%
}

.m-ui-dialog-model-pixel .btngroup-col2 .btn {
	width: 50%
}

.m-ui-dialog-model-pixel .btngroup-col3 .btn {
	width: 33.33%
}

.g-hd {
	width: 100%;
	height: 40px;
}

.m-head {
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 300px;
	max-width: 670px;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	background-color: #35344C;
	border-bottom: 1px solid #2B2B3F;
}

.m-head a.i-font {
	padding: 0 10px
}

.m-head [class^=i-],.m-head [class*=" i-"] {
	color: #fff
}

.m-head .i-channel {
	font-size: 18px
}

.m-head .icons-wrap {
	float: right
}

.m-head .icons-wrap .icon-avatar {
	position: relative;
	float: left;
	width: 20px;
	height: 42px
}

.m-head .icons-wrap .icon-avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%
}

.m-head .i-msg,.m-head .i-search,.m-head .i-avatar {
	float: left
}

.m-head .i-logo {
	float: left;
	margin-right: 1px;
	color: #f86400
}

.m-head .i-arrow-down {
	padding-left: 3px;
	font-size: 10px
}

.m-head .current {
	color: #fd244a;
}

.m-head .logo-custom {
	height: 42px
}

.m-head-s2 {
	text-align: center
}

.m-head-s2 [class^=i-],.m-head-s2 [class*=i-] {
	position: absolute;
	top: 0
}

.m-head-s2 .i-back {
	left: 0
}

.m-head-s2 .i-search {
	right: 0
}

.m-head-s2 .i-more {
	right: 0
}

.m-head-s2 .i-clearhistory {
	display: block;
	color: #f86400
}

.i-drop-wrap {
	position: fixed;
	top: 45px;
	width: 100%;
	background-color: #36344c;
	max-width: 670px;
}

.i-h-wrap .yes-history {
	padding: 10px 15px 30px;
	display: none
}

.i-h-wrap .no-history {
	font-size: 13px;
	line-height: 60px;
	text-align: center;
	display: none
}

.i-h-wrap .drop-tit {
	margin-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	line-height: 16px
}

.i-h-wrap .drop-tit .tit {
	float: left;
	padding-left: 5px;
	color: #666;
	border-left: 4px solid #f86400;
	font-size: 16px
}

.i-h-wrap .i-clear-btn {
	float: right;
	font-size: 12px;
	color: #f86400
}

.i-h-wrap .list {
	padding-top: 10px;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #e1e1e1
}

.i-h-wrap .list a,.i-h-wrap .list b {
	display: block
}

.i-h-wrap .list a {
	padding-bottom: 5px;
	font-size: 13px;
	line-height: 18px;
	color: #303030
}

.i-h-wrap .list b {
	padding-bottom: 10px;
	font-size: 10px;
	line-height: 15px;
	color: #999
}

.i-nav-wrap .wrap {
	position: relative;
	
	
	overflow-x: hidden;
}

.i-nav-wrap .ch-wrap {
	border-top: 1px solid #fd244a;
    
}

.i-nav-wrap .ch-item {
	float: left;
	margin-right: -1px;
	margin-bottom: -1px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 25%;
}

.i-nav-wrap .bar {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1px 0;
	width: 100%;
	background: #43425d;
	text-align: center;
}

.i-nav-wrap .bar .btn {
	float: left;
	margin-left: 50%
}

.i-nav-wrap .bar .btn .line {
	display: block;
	margin: 2px 0 2px -8px;
	width: 16px;
	height: 1px;
	background: #888
}

.i-nav-wrap .bar .btn::before,.i-nav-wrap .bar .btn::after {
	content: '';
	display: block;
	margin: 2px 0 2px -8px;
	width: 16px;
	height: 1px;
	background: #888
}

.i-nav-wrap .bar .btn i {
	display: block;
	margin: 2px 0 2px -8px;
	width: 16px;
	height: 1px;
	background: #888
}

.i-nav-wrap .current {
	background: #f2f2f2
}

.i-nav-wrap .img-wrap {
	position: relative;
	margin: 0 auto;
	width: 60%;
	height: 0;
	padding-top: 60%
}

.i-nav-wrap .img-wrap img {
	position: absolute;
	top: 30%;
	left: 20%;
	display: block;
	width: 60%;
	height: 60%
}

.i-nav-wrap .tit {
	text-align: center;
	color: #5e5e5e;
	white-space: nowrap;
	font-size: 15px;
	line-height: 30px
}

@media screen and (min-width: 400px) {
	.i-nav-wrap .ch-item {
		width: 16.6666%
	}
}

@media screen and (min-width: 600px) {
	.i-nav-wrap .ch-item {
		width: 12.5%
	}
}

@media screen and (min-width: 800px) {
	.i-nav-wrap .ch-item {
		width: 10%
	}
}

.m-search {
	margin: 15px;
	overflow: hidden;
	font-size: 12px
}

.m-search .search-input {
	position: relative;
	margin-bottom: 15px
}

.m-search .search-input .input-wrap {
	position: relative;
	margin-right: 79px;
	border: 1px solid #525252;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	line-height: 34px;
}

.m-search .search-input .input {
	margin: 0 5px
}

.m-search .search-input .input.show-close {
	margin-right: 30px
}

.m-search .search-input .txt {
	width: 100%;
	color: gray;
	font-size: 15px;
	border: 0;
	outline: 0;
	background-color: transparent
}

.m-search .search-input .i-close {
	position: absolute;
	padding: 0 10px;
	right: 0;
	top: 0;
	display: none
}

.m-search .search-input .submit {
	float: right;
	position: relative;
	width: 80px;
	line-height: 36px;
	background: #ef1f46;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
}

.m-search .suggest-wrap {
	margin-bottom: 20px
}

.m-search .search-tit {
	color: #b0da21;
	line-height: 30px;
	margin-bottom: 15px;
	border-bottom: 1px solid #424244;
}

.m-search .clear-btn {
	float: right;
	color: #f86400
}

.m-search .word-list .item {
	float: left;
	background: #30426b;
	line-height: 30px;
	font-size: 14px;
	margin: 0 12px 12px 0;
}

.m-search .word-list .item a {
	padding: 0 10px;
	display: block
}

.m-search .word-list-auto .item {
	line-height: 40px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 15px
}

.m-search .word-list-auto .item a {
	display: block
}

.m-search .f-histroy {
	padding: 10px 15px 0
}

.m-search .f-histroy h3 {
	float: left
}

.m-search .f-histroy .list {
	padding: 0;
	border: 0;
	clear: both;
	margin-top: 10px
}

.m-search .f-histroy .clearhis {
	float: right;
	cursor: pointer;
	font-size: 12px
}

.m-search .f-histroy .clearhis .i-close {
	margin-left: 6px;
	font-size: 9px
}

.m-search .f-guess {
	padding: 0 15px;
	padding-top: 18px;
	clear: both
}

.m-search .f-guess .list {
	padding: 0;
	border: 0;
	clear: both
}

.m-suggest-wrap {
	padding-bottom: 20px;
	overflow: hidden
}

.g-ban-client {
	position: fixed;
	bottom: 0;
	left: 0;
	min-width: 300px;
	width: 100%
}

.g-ban-client img {
	display: block;
	width: 100%
}

.g-ban-client .i-close {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -15px;
	font-size: 12px;
	line-height: 30px;
	color: #ccc
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%)
	}

	100% {
		transform: translateY(0%)
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0%)
	}
}

.m-app-intercept {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	min-width: 300px;
	min-height: 375px;
	width: 100%;
	height: 100%;
	background: #05091a scroll center 0 no-repeat;
	background-size: 100%;
	font-size: 16px;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	animation-duration: .8s;
	-webkit-animation-duration: .8s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease
}

.m-app-intercept .logo {
	margin-top: 20px;
	position: relative
}

.m-app-intercept .logo img {
	display: block;
	margin: 0 auto;
	width: 290px;
	height: 42px
}

.m-app-intercept .con {
	min-height: 250px
}

.m-app-intercept .con img {
	width: 320px;
	height: 275px
}

.m-app-intercept .footer {
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 100%
}

@keyframes active {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.1)
	}

	100% {
		transform: scale(1)
	}
}

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

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

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

.m-app-intercept .tip-btn {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%
}

.m-app-intercept .btn-wrap {
	margin: 0 auto;
	width: 290px
}

.m-app-intercept .btn-wrap .btn {
	float: left;
	text-align: center;
	width: 135px;
	line-height: 40px;
	background: #f4f7fa;
	cursor: pointer;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.m-app-intercept .btn-wrap .app {
	margin-right: 20px;
	position: relative
}

.m-app-intercept .btn-wrap .active {
	display: inline-block;
	color: #f86400;
	animation: active 1s infinite;
	-webkit-animation: active 1s infinite
}

.m-spager {
	position: relative;
	margin: 10px 0;
	padding: 0 10px
}

.m-spager a {
	display: block;
	float: left;
	width: 25%;
	font-size: 12px;
	border: 1px solid #6f6d6d;
	margin-left: -2px;
}

.m-spager a .hot {
	color: #f86400
}

.m-spager a .wrap {
	background: none repeat scroll 0 0 #27263d;
	display: block;
	padding: 10px 0;
	text-align: center;
}

.m-spager a.disable {
	color: #ccc;
	cursor: default
}

.m-spager .back,.m-spager .prev {
	float: left
}





.m-gotop {
	position: fixed;
	right: 12px;
	bottom: 55px;
	display: none
}

.m-gotop .btn {
	margin-top: 7px;
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	background: rgba(0,0,0,.6);
	text-align: center;
	color: #d9d9d9;
	font-size: 9px
}

.m-gotop .ico {
	overflow: hidden;
	margin-top: 2px;
	display: block;
	width: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 24px
}

.m-gotop .i-arrow-up {
	font-size: 12px
}

.m-gotop .mall {
	width: 40px;
	height: 40px;
	font-size: 15px;
	background: 0 0;
	border-radius: 5px;
	color: #fff;
	white-space: nowrap
}

.m-gotop .mall img {
	width: 100%;
	height: 100%
}

.m-pager {
	overflow-x: scroll;
	overflow-y: hidden;
	width: 100%;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 30px;
	white-space: nowrap
}

.m-pager a {
	margin-right: 15px;
	padding: 0 5px
}

.m-pager .current {
	color: #f86400
}

.m-share-list {
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	font-size: 13px;
	-webkit-box-shadow: 0 0 60px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 60px rgba(0,0,0,.5);
	-ms-box-shadow: 0 0 60px rgba(0,0,0,.5);
	-o-box-shadow: 0 0 60px rgba(0,0,0,.5);
	box-shadow: 0 0 60px rgba(0,0,0,.5);
	-webkit-transform: translate3d(0px,100%,0);
	-moz-transform: translate3d(0px,100%,0);
	-o-transform: translate3d(0px,100%,0);
	-ms-transform: translate3d(0px,100%,0);
	transform: translate3d(0px,100%,0)
}

.m-share-list .title {
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.m-share-list .cancel {
	margin-top: 20px;
	display: block;
	line-height: 40px;
	color: #ff8c00;
	text-align: center;
	border-top: 1px solid #e8e8e8
}

.m-share-list .btns {
	margin: 0 auto;
	max-width: 450px;
	min-width: 250px
}

.m-share-list span {
	width: 33.33%;
	display: inline-block;
	text-align: center;
	margin-top: 10px
}

.m-share-list span i {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0 auto 5px;
	background-size: 100%
}

.m-share-list .weibo i {
	background-image: url()
}

.m-share-list .weixin i {
	background-image: url()
}

.m-share-list .weixin_timeline i {
	background-image: url()
}

.m-share-list .qq i {
	background-image: url()
}

.m-share-list .qqweibo i {
	background-image: url()
}

.m-share-list .qzone i {
	background-image: url()
}

.m-share-list .more i {
	background-image: url()
}

.share-state-show .m-share-list {
	-webkit-transform: translate3d(0px,0,0);
	-moz-transform: translate3d(0px,0,0);
	-o-transform: translate3d(0px,0,0);
	-ms-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0);
	-webkit-transition: transform 400ms ease 0s;
	-moz-transition: transform 400ms ease 0s;
	-o-transition: transform 400ms ease 0s;
	-ms-transition: transform 400ms ease 0s;
	transition: transform 400ms ease 0s;
	display: block
}

.m-vx-shadow {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	color: #b2b2b2;
	font-size: 14px;
	line-height: 36px;
	background: rgba(0,0,0,.9)
}

.m-vx-shadow .tit {
	font-size: 16px
}

.m-vx-shadow .i-wx-top-btn {
	vertical-align: middle
}

.m-vx-shadow .i-guide {
	float: right;
	margin-right: 18px;
	font-size: 80px;
	line-height: 80px
}

.m-vx-shadow .i-forward,.m-vx-shadow .i-pengyouquan {
	color: #b2b2b2;
	padding: 0 5px
}

.m-vx-shadow .con {
	margin: 0 auto;
	width: 250px
}

.m-vx-shadow .num {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	color: #000;
	background: #4d4d4d;
	vertical-align: middle;
	line-height: 20px;
	text-align: center
}

.m-vx-shadow.bro .con {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -95px;
	margin-left: -145px;
	padding: 20px;
	width: 250px;
	height: 150px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.m-share-tip {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	padding-left: 10px;
	line-height: 24px;
	background-color: rgba(0,0,0,.7);
	border-radius: 5px;
	color: #fff;
	font-size: 12px
}

.m-share-tip:before {
	content: '';
	position: absolute;
	top: -10px;
	right: 10px;
	margin-left: -5px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: rgba(0,0,0,.7)
}

.m-share-tip .tip {
	display: inline-block
}

.m-share-tip .i-close {
	padding: 0 10px;
	font-size: 10px;
	color: #ababab
}

.m-h5v-img-preload {
	overflow: hidden;
	height: 0;
	background-repeat: no-repeat;
}

.m-h5v-player,.m-h5v-player video {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 16px
}

.m-h5v-player .no-support {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 100%;
	text-align: center;
	line-height: 20px
}

.m-h5v-player i {
	background-size: 100%
}

.m-h5v-player.m-h5v-fullScreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.m-h5v-player.show-next .next-btn {
	display: block
}

.m-h5v-player.show-next .m-h5v-progressbar {
	margin-left: 120px
}

.m-h5v-player .big-play-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url() no-repeat center center;
	background-size: auto 60px
}

.m-h5v-error {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	font-size: 16px;
	line-height: 20px;
	color: #ccc;
	display: flex;
	display: -webkit-flex
}

.m-h5v-error a {
	color: #f86400;
	font-weight: 700
}

.m-h5v-error .error-tip {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -20px;
	padding-left: 54px;
	width: 200px;
	text-align: left
}

.m-h5v-error .vip-tip {
	margin: auto;
	flex: 1;
	-webkit-flex: 1;
	color: #fff;
	font-size: 14px
}

.m-h5v-error .vip-tip .i-error {
	display: none
}

.m-h5v-error .vip-tip p {
	margin: 15px 0
}

.m-h5v-error .vip-tip .open-btn,.m-h5v-error .vip-tip .try-btn {
	display: inline-block;
	margin: 0 8px;
	width: 104px;
	color: #fff;
	line-height: 30px;
	background: #ee4a4b;
	font-size: 14px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 2px;
	font-weight: 400;
	text-align: center;
	border: 1px solid #ee4a4b;
}

.m-h5v-error .vip-tip .try-btn {
	background: rgba(0,0,0,.5);
	color: #ee4a4b;
}

.m-h5v-error .vip-tip .sub-tip {
	font-weight: 400;
	color: #fff;
	font-size: 12px
}

.m-h5v-error .i-error {
	position: absolute;
	left: 0;
	top: -5px
}

.m-h5v-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.m-h5v-preload {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000 url() no-repeat center center;
	background-size: 60%
}

@-webkit-keyframes timer-loader {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes timer-loader {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes timer-loader {
	0% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}

@keyframes timer-loader {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.m-h5v-loading,.hot-player .m-h5v-preload {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	margin-top: -23px;
	margin-left: -23px;
	border-radius: 100%;
	background: 0 0;
	border: 5px solid #fff;
	opacity: .6
}

.m-h5v-loading .i1,.hot-player .m-h5v-preload .i1,.m-h5v-loading .i2,.hot-player .m-h5v-preload .i2 {
	-webkit-animation: timer-loader 1250ms infinite linear;
	-webkit-transform-origin: 2.5px 2.5px;
	-moz-animation: timer-loader 1250ms infinite linear;
	-moz-transform-origin: 2.5px 2.5px;
	-o-animation: timer-loader 1250ms infinite linear;
	-o-transform-origin: 2.5px 2.5px;
	animation: timer-loader 1250ms infinite linear;
	transform-origin: 2.5px 2.5px;
	background: #fff;
	border-radius: 3px;
	display: block;
	position: absolute;
	width: 5px;
	height: 19.2px;
	left: 15px;
	top: 15px
}

.m-h5v-loading .i2,.hot-player .m-h5v-preload .i2 {
	height: 16px;
	-webkit-animation-duration: 15000ms;
	-moz-animation-duration: 1250ms;
	-o-animation-duration: 1250ms;
	animation-duration: 15000ms
}

.m-h5v-control {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	visibility: hidden;
	opacity: 0;
	background: rgba(0,0,0,.8);
	line-height: 36px
}

.m-h5v-control .btn {
	float: left;
	width: 34px;
	height: 34px;
	background: no-repeat
}

.m-h5v-control .play-btn {
	background-repeat: no-repeat;
}

.m-h5v-control .play-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .pause-btn {
	background-repeat: no-repeat;
}

.m-h5v-control .pause-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .next-btn {
	display: none;
	background-repeat: no-repeat;
}

.m-h5v-control .next-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .full-btn {
	float: right;
	background-repeat: no-repeat;
}

.m-h5v-control .full-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .unfull-btn {
	background-repeat: no-repeat;
}

.m-h5v-control .unfull-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .sound-btn {
	background-repeat: no-repeat;
}

.m-h5v-control .sound-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .sound-low-btn {
	background-repeat: no-repeat;
}

.m-h5v-control .sound-low-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .sound-mute-btn {
	background-repeat: no-repeat;
}

.m-h5v-control .sound-mute-btn:hover {
	background-repeat: no-repeat;
}

.m-h5v-control .curTime {
	float: left;
	margin-left: 5px;
	opacity: .6
}

.m-h5v-control .duration {
	float: right;
	margin-right: 5px;
	opacity: .6
}

.m-h5v-control .quality-wrap {
	float: right;
	display: none;
	position: relative;
	font-size: 14px
}

.m-h5v-control .quality-btn {
	float: right;
	margin: 4px 10px 0;
	border: 1px solid #f86400;
	width: 60px;
	color: #f86400;
	line-height: 24px;
	border-radius: 2px
}

.m-h5v-control .quality-list {
	position: absolute;
	left: 0;
	bottom: 30px;
	padding: 15px 0;
	width: 80px;
	background: rgba(0,0,0,.8);
	border: 1px solid #4c4c4c;
	line-height: 44px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.m-h5v-control .quality-item {
	display: block;
	color: #fff
}

.m-h5v-control .quality-item.current {
	color: #f86400
}

.m-h5v-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url() rgba(0,0,0,.5) center no-repeat;
	background-size: 100% auto
}

.m-h5v-progressbar {
	position: relative;
	margin: 0 85px;
	height: 40px;
	z-index: 1
}

.m-h5v-progressbar .bg,.m-h5v-progressbar .played,.m-h5v-progressbar .loaded {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 0;
	height: 4px
}

.m-h5v-progressbar .bg {
	width: 100%;
	background: #333
}

.m-h5v-progressbar .played {
	background: #f86400
}

.m-h5v-progressbar .loaded {
	background: #666
}

.m-h5v-progressbar .drag-bar {
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: -15px;
	margin-top: -15px;
	padding: 10px;
	background: rgba(247,99,0,.2);
	border-radius: 100%
}

.m-h5v-progressbar .drag-bar i {
	display: block;
	width: 10px;
	height: 10px;
	background: #f86400;
	border-radius: 10px
}

.m-h5v-dragTip {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -15px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #000;
	font-weight: 700;
	color: #fff;
	opacity: .6
}

.m-h5v-btns {
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	font-size: 12px
}

.m-h5v-tip {
	position: absolute;
	padding-left: 10px;
	top: -22px;
	line-height: 20px;
	font-size: 12px;
	background: rgba(0,0,0,.8);
	color: #fff
}

.m-h5v-tip .click-btn {
	padding: 0 2px;
	color: #f86400
}

.m-h5v-tip .close-btn {
	color: #aaa;
	padding: 0 10px;
	font-size: 10px
}

.m-h5v-vipTip {
	position: absolute;
	right: 0;
	bottom: 40%;
	font-size: 14px;
	line-height: 30px;
	padding: 0 15px;
	background: rgba(50,50,50,.9);
	color: #f86400
}

.m-h5v-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 96%;
	padding: 0 2%;
	font-size: 16px;
	line-height: 36px;
	background: linear-gradient(0deg,rgba(0,0,0,0) 0,#000 100%) repeat scroll 0 0 rgba(0,0,0,0);
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.m-h5v-qt {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	text-align: center
}

.m-h5v-qt .top,.m-h5v-qt .bottom {
	position: absolute;
	right: 0;
	width: 100%
}

.m-h5v-qt .top {
	top: 0
}

.m-h5v-qt .bottom {
	bottom: 0
}

.m-h5v-qt .btn {
	float: right;
	margin-left: 5px;
	line-height: 34px;
	height: 34px;
	background: rgba(0,0,0,.75)
}

.m-h5v-qt .btn i {
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: auto;
	text-align: center
}

.m-h5v-qt .time-wrap {
	padding: 0 10px;
	color: #fff
}

.m-h5v-qt .img-wrap {
	display: block;
	width: 100%;
	height: 100%
}

.m-h5v-qt .time {
	margin-right: 5px;
	color: #f86400
}

.m-h5v-qt .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	max-height: 20px
}

@keyframes active {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.1)
	}

	100% {
		transform: scale(1)
	}
}

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

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

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

.m-h5v-qt .detail-btn {
	display: block;
	animation: active 1s infinite;
	-webkit-animation: active 1s infinite
}

.m-h5v-qt .detail i {
	margin-left: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #f86400;
	border-radius: 100%
}

.m-h5v-qt .sound i {
	background-repeat: no-repeat;
}

.m-h5v-qt .sound i:hover {
	background-repeat: no-repeat;
}

.m-h5v-qt .sound-mute-btn i {
	background-repeat: no-repeat;
}

.m-h5v-qt .sound-mute-btn i:hover {
	background-repeat: no-repeat;
}

.m-h5v-qt .full-btn i {
	background-repeat: no-repeat;
}

.m-h5v-qt .full-btn i:hover {
	background-repeat: no-repeat;
}

.m-h5v-qt .unfull-btn i {
	background-repeat: no-repeat;
}

.m-h5v-qt .unfull-btn i:hover {
	background-repeat: no-repeat;
}

.largePlayer .m-h5v-player .big-play-btn {
	background-size: auto 100px
}

.largePlayer .m-h5v-title {
	height: 44px;
	line-height: 44px;
	background: rgba(0,0,0,.6)
}

.largePlayer .m-h5v-control {
	left: 1%;
	bottom: 1%;
	padding: 0 1%;
	width: 96%;
	height: 70px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.largePlayer .m-h5v-control .duration {
	float: left
}

.largePlayer .m-h5v-control .duration::before {
	padding: 0 5px;
	content: '/'
}

.largePlayer .m-h5v-control .quality-wrap {
	display: block
}

.largePlayer .m-h5v-btns {
	position: static;
	margin-top: -7px
}

.largePlayer .m-h5v-btns .btn {
	margin: 0 5px
}

.largePlayer .m-h5v-progressbar {
	margin: 3px 14px 0;
	height: 30px;
	z-index: auto
}

.largePlayer .m-h5v-progressbar .bg,.largePlayer .m-h5v-progressbar .played,.largePlayer .m-h5v-progressbar .loaded {
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.largePlayer .m-h5v-player.show-next .m-h5v-progressbar {
	margin-left: 14px
}

.largePlayer .m-h5v-tip {
	top: -34px;
	line-height: 30px;
	font-size: 14px
}

.largePlayer .m-h5v-dragTip {
	margin-top: -20px;
	margin-left: -50px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border-radius: 2px
}

.largePlayer .m-h5v-qt {
	font-size: 18px
}

.largePlayer .m-h5v-qt .btn {
	margin-left: 10px;
	padding: 5px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.largePlayer .m-h5v-qt .time-wrap {
	padding: 5px 15px
}

.largePlayer .m-h5v-qt .top,.largePlayer .m-h5v-qt .bottom {
	right: 20px
}

.largePlayer .m-h5v-qt .top {
	top: 20px
}

.largePlayer .m-h5v-qt .bottom {
	bottom: 20px
}

.largePlayer .m-h5v-qt .detail {
	padding: 5px 15px
}

@media screen and (min-width: 750px) {
	.m-h5v-player .big-play-btn {
		background-size: auto 100px
	}

	.m-h5v-title {
		height: 44px;
		line-height: 44px;
		background: rgba(0,0,0,.6)
	}

	.m-h5v-control {
		left: 1%;
		bottom: 1%;
		padding: 0 1%;
		width: 96%;
		height: 70px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px
	}

	.m-h5v-control .duration {
		float: left
	}

	.m-h5v-control .duration::before {
		padding: 0 5px;
		content: '/'
	}

	.m-h5v-control .quality-wrap {
		display: block
	}

	.m-h5v-btns {
		position: static;
		margin-top: -7px
	}

	.m-h5v-btns .btn {
		margin: 0 5px
	}

	.m-h5v-progressbar {
		margin: 3px 14px 0;
		height: 30px;
		z-index: auto
	}

	.m-h5v-progressbar .bg,.m-h5v-progressbar .played,.m-h5v-progressbar .loaded {
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px
	}

	.m-h5v-player.show-next .m-h5v-progressbar {
		margin-left: 14px
	}

	.m-h5v-tip {
		top: -34px;
		line-height: 30px;
		font-size: 14px
	}

	.m-h5v-dragTip {
		margin-top: -20px;
		margin-left: -50px;
		width: 100px;
		height: 40px;
		line-height: 40px;
		border-radius: 2px
	}

	.m-h5v-qt {
		font-size: 18px
	}

	.m-h5v-qt .btn {
		margin-left: 10px;
		padding: 5px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px
	}

	.m-h5v-qt .time-wrap {
		padding: 5px 15px
	}

	.m-h5v-qt .top,.m-h5v-qt .bottom {
		right: 20px
	}

	.m-h5v-qt .top {
		top: 20px
	}

	.m-h5v-qt .bottom {
		bottom: 20px
	}

	.m-h5v-qt .detail {
		padding: 5px 15px
	}
}

@media all and (orientation: landscape) {
	.m-h5v-player .big-play-btn {
		background-size: auto 100px
	}

	.m-h5v-title {
		height: 44px;
		line-height: 44px;
		background: rgba(0,0,0,.6)
	}

	.m-h5v-control {
		left: 1%;
		bottom: 1%;
		padding: 0 1%;
		width: 96%;
		height: 70px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px
	}

	.m-h5v-control .duration {
		float: left
	}

	.m-h5v-control .duration::before {
		padding: 0 5px;
		content: '/'
	}

	.m-h5v-control .quality-wrap {
		display: block
	}

	.m-h5v-btns {
		position: static;
		margin-top: -7px
	}

	.m-h5v-btns .btn {
		margin: 0 5px
	}

	.m-h5v-progressbar {
		margin: 3px 14px 0;
		height: 30px;
		z-index: auto
	}

	.m-h5v-progressbar .bg,.m-h5v-progressbar .played,.m-h5v-progressbar .loaded {
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px
	}

	.m-h5v-player.show-next .m-h5v-progressbar {
		margin-left: 14px
	}

	.m-h5v-tip {
		top: -34px;
		line-height: 30px;
		font-size: 14px
	}

	.m-h5v-dragTip {
		margin-top: -20px;
		margin-left: -50px;
		width: 100px;
		height: 40px;
		line-height: 40px;
		border-radius: 2px
	}

	.m-h5v-qt {
		font-size: 18px
	}

	.m-h5v-qt .btn {
		margin-left: 10px;
		padding: 5px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px
	}

	.m-h5v-qt .time-wrap {
		padding: 5px 15px
	}

	.m-h5v-qt .top,.m-h5v-qt .bottom {
		right: 20px
	}

	.m-h5v-qt .top {
		top: 20px
	}

	.m-h5v-qt .bottom {
		bottom: 20px
	}

	.m-h5v-qt .detail {
		padding: 5px 15px
	}
}

@media all and (orientation: portrait) {
}

.hot-player .m-h5v-title {
	display: none
}

.m-h5v-intercept {
	position: fixed;
	top: 15%;
	left: 10%;
	width: 80%;
	height: 70%;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	background: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.5);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,.5);
	-o-box-shadow: 0 0 8px rgba(0,0,0,.5);
	box-shadow: 0 0 8px rgba(0,0,0,.5)
}

.m-h5v-intercept .i-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #999;
	cursor: pointer;
	font-size: 16px
}

.m-h5v-intercept .fx {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: center
}

.m-h5v-intercept .poster-wrap {
	-webkit-flex: 3;
	flex: 3
}

.m-h5v-intercept .tit {
	font-size: 18px;
	line-height: 50px;
	color: #F0004D
}

.m-h5v-intercept .desc {
	font-size: 16px
}

.m-h5v-intercept .poster {
	margin: auto;
	width: 200px;
	height: 169px
}

.m-h5v-intercept .app-btn {
	margin: 0 auto;
	display: block;
	width: 80%;
	font-size: 16px;
	line-height: 40px;
	background: #f86400;
	color: #fff;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.m-h5v-img-preload {
	background-position: 0px 0px
}

.m-h5v-control .play-btn {
	background-position: -80px -124px
}

.m-h5v-control .play-btn:hover {
	background-position: -80px -168px
}

.m-h5v-control .pause-btn {
	background-position: -80px -212px
}

.m-h5v-control .pause-btn:hover {
	background-position: -80px -256px
}

.m-h5v-control .next-btn {
	background-position: -80px -300px
}

.m-h5v-control .next-btn:hover {
	background-position: -80px -344px
}

.m-h5v-control .full-btn {
	background-position: -80px -388px
}

.m-h5v-qt .full-btn i {
	background-position: -80px -388px
}

.m-h5v-control .full-btn:hover {
	background-position: -80px -432px
}

.m-h5v-qt .full-btn i:hover {
	background-position: -80px -432px
}

.m-h5v-control .unfull-btn {
	background-position: -80px -476px
}

.m-h5v-qt .unfull-btn i {
	background-position: -80px -476px
}

.m-h5v-control .unfull-btn:hover {
	background-position: -80px -520px
}

.m-h5v-qt .unfull-btn i:hover {
	background-position: -80px -520px
}

.m-h5v-control .sound-btn {
	background-position: -80px -564px
}

.m-h5v-qt .sound i {
	background-position: -80px -564px
}

.m-h5v-control .sound-btn:hover {
	background-position: -80px -608px
}

.m-h5v-qt .sound i:hover {
	background-position: -80px -608px
}

.m-h5v-control .sound-low-btn {
	background-position: -80px -652px
}

.m-h5v-control .sound-low-btn:hover {
	background-position: -80px -696px
}

.m-h5v-control .sound-mute-btn {
	background-position: -80px -740px
}

.m-h5v-qt .sound-mute-btn i {
	background-position: -80px -740px
}

.m-h5v-control .sound-mute-btn:hover {
	background-position: -80px -784px
}

.m-h5v-qt .sound-mute-btn i:hover {
	background-position: -80px -784px
}

.m-h5v-img-preload,.m-h5v-control .play-btn,.m-h5v-control .play-btn:hover,.m-h5v-control .pause-btn,.m-h5v-control .pause-btn:hover,.m-h5v-control .next-btn,.m-h5v-control .next-btn:hover,.m-h5v-control .full-btn,.m-h5v-qt .full-btn i,.m-h5v-control .full-btn:hover,.m-h5v-qt .full-btn i:hover,.m-h5v-control .unfull-btn,.m-h5v-qt .unfull-btn i,.m-h5v-control .unfull-btn:hover,.m-h5v-qt .unfull-btn i:hover,.m-h5v-control .sound-btn,.m-h5v-qt .sound i,.m-h5v-control .sound-btn:hover,.m-h5v-qt .sound i:hover,.m-h5v-control .sound-low-btn,.m-h5v-control .sound-low-btn:hover,.m-h5v-control .sound-mute-btn,.m-h5v-qt .sound-mute-btn i,.m-h5v-control .sound-mute-btn:hover,.m-h5v-qt .sound-mute-btn i:hover {
	background-image: url()
}

.m-tags {
	padding: 15px;
}

.m-tags .word-list .item {
	float: left;
	background-image: linear-gradient(90deg, #f90000 0%, #36344C 100%), linear-gradient(#171717, #171717);
	line-height: 30px;
	font-size: 14px;
	margin: 0 10px 12px 0
}

.m-tags .word-list .item.current {
	background-image: linear-gradient(90deg, #04ffff 0%, #36344C 100%), linear-gradient(#171717, #171717);
}

.m-tags .word-list .item a {
	padding: 0 10px;
	display: block
}

.reg-act {
	-webkit-animation: dialog-fade-in .3s;
	animation: dialog-fade-in .3s
}

.mac_pop {
	-webkit-animation: dialog-fade-in .3s;
	animation: dialog-fade-in .3s
}

@-webkit-keyframes dialog-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes dialog-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@-webkit-keyframes dialog-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

@keyframes dialog-fade-out {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

.m-mine-userCard {
	position: relative;
	border-top: 1px solid #1c1928;
	color: #00f8ef;
}

.m-mine-userCard .userCard-link {
	display: block;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	padding: 16px 0;
	background: #35344C;
	border-top]:;
}

.m-mine-userCard .userCard-pic .c-glyphicon-users {
	font-size: .65rem;
	padding: 0 8px
}

.m-mine-userCard .userCard-pic .c-img {
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	background: url() no-repeat;
	background-size: cover;
	margin: 0 16px 0 13px;
	border-radius: 50%
}

.m-mine-userCard .userCard-cont {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1
}

.m-mine-userCard .userCard-cont .c-title {
	line-height: 26px;
	font-size: 0;
}

.m-mine-userCard .userCard-cont .c-title .c-name {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	height: 26px;
	max-width: 79%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 5px;
}

.m-mine-userCard .userCard-cont .c-title .c-grade-icon {
	vertical-align: -5px
}

.m-mine-userCard .go-next {
	line-height: 60px;
	padding-right: 10px
}

.m-mine-userCard .c-btn-vipBtn {
	position: absolute;
	display: block;
	width: 80px;
	height: 30px;
	text-align: center;
	padding: 8px 0;
	box-sizing: border-box;
	font-size: 13px;
	color: #fff;
	background-color: #dab176;
	left: 87px;
	bottom: 15px;
	border-radius: 18px;
	z-index: 2
}

.m-mine-userCard-nologin .userCard-cont {
	padding-top: 0px;
}

.m-mine-userCard-nologin .c-des {
	padding-top: 2px;
	line-height: 15px;
	font-size: 13px;
	color: #ef1f46;
}

.m-mine-userCard-nologin .c-btn-login {
	padding-right: 11px;
	line-height: 66px;
	font-size: 16px;
	color: #f8b900
}

.m-mine-userCard-nologin .c-btn-login:after {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAACjUlEQVR4nO3WMY2VARCFUSSsBCQgAQfgACTggO02M3/x44CVgAQcYAUH0FAR7ru7BXmQd04y/W2+ZF68AAAAAAAAAAAAAAAAAOD/NDPvjuP4+OveXHsP/BN299XuftvdH7/dt/M87669D64qxCESmJkPF+IQCbdtZh6fEIhIuE27++WJgYiE2zMz988IRCTclvM872bmu0ggmJm3zwxEJNyW3X0vErhAJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQCF+zu5+cGMjOP194Nf504IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAcHM3IsD/mB3X4kDgt39JA4IdverOCCYmUdxQLC778UBF1x6s8TBzTvP8+5Pr9bM3F97G/wzHh4eXh7H8fo4jtfned5dew8AAAAAAAAAAAAAAD8BXuiHrSIluv8AAAAASUVORK5CYII=');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	width: 18px;
	height: 11px;
	content: " ";
	display: inline-block;
}

.my-info {
	position: relative;
	overflow: hidden;
}

.my-info .my-avatar {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 98px;
	height: 98px;
	margin: -70px 0 0 -49px;
	border-radius: 50%;
	border: solid 4px rgba(255, 255, 255, 0.5);
}

.my-info .name {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 20px;
	margin: 40px 0 0 -100px;
	text-align: center;
	color: #fff;
}

.my-info .my-vip {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 24px;
	line-height: 24px;
	margin: 70px 0 0 -100px;
	padding: 0 4px;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
}

.my-info-background {
	width: 100%;
	min-height: 220px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.layout-column {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.layout-column .col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	position: relative;
	height: 100%;
	text-align: center;
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.row .col {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.home-shortcut .img-icon-name, .my-car-shortcut .img-icon-name {
	display: block;
	margin-bottom: 8px;
	text-align: center;
	font-size: 13px;
	color: #646464;
}

.img-icon {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 26px;
	height: 26px;
	overflow: hidden;
}

.devider {
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	min-height: 10px;
	background: #2A2A3E;
}

.b-line:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid rgb(39, 38, 61);
	color: rgba(207, 207, 207, 0.95);
	transform-origin: 0 100%;
	transform: scaleY(0.501);
}

.aui-list-cell:after {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAACjUlEQVR4nO3WMY2VARCFUSSsBCQgAQfgACTggO02M3/x44CVgAQcYAUH0FAR7ru7BXmQd04y/W2+ZF68AAAAAAAAAAAAAAAAAOD/NDPvjuP4+OveXHsP/BN299XuftvdH7/dt/M87669D64qxCESmJkPF+IQCbdtZh6fEIhIuE27++WJgYiE2zMz988IRCTclvM872bmu0ggmJm3zwxEJNyW3X0vErhAJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQChUigEAkUIoFCJFCIBAqRQCESKEQCF+zu5+cGMjOP194Nf504IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAYE4IBAHBOKAQBwQiAMCcUAgDgjEAcHM3IsD/mB3X4kDgt39JA4IdverOCCYmUdxQLC778UBF1x6s8TBzTvP8+5Pr9bM3F97G/wzHh4eXh7H8fo4jtfned5dew8AAAAAAAAAAAAAAD8BXuiHrSIluv8AAAAASUVORK5CYII=');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	content: " ";
	display: inline-block;
	position: relative;
	top: -8px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 10px;
}

.aui-list-cells {
	background-color: #35344C;
	line-height: 1.41176471;
	font-size: 14px;
	overflow: hidden;
	position: relative;
}

.aui-list-cell {
	padding: 14px 15px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.aui-list-cell-fl {
	width: 20px;
	height: 20px;
}

.aui-list-cell:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #12121b;
	color: #D9D9D9;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

.aui-list-cell-cn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size: 13px;
	padding-top: 3px;
	padding-left: 10px;
}

.aui-list-cell-fr {
	font-size: 11px;
	text-align: right;
	color: #999999;
	padding-right: 13px;
	position: relative;
}

.m-menu {
	position: relative;
	margin: 15px 0;
	padding: 0 10px
}

.m-menu a {
	display: block;
	float: left;
	width: 20%;
	font-size: 14px;
	border: 1px solid #6f6d6d;
	margin-left: -2px;
}

.m-menu.m-menu4 a {
	width: 25%;
}

.m-menu.m-menu3 a {
	display: block;
	float: left;
	width: 33%;
	font-size: 14px;
	border: 1px solid #6f6d6d;
	margin-left: -2px;
}

.m-menu a .wrap {
	background: none repeat scroll 0 0 #27263d;
	display: block;
	padding: 10px 0;
	text-align: center;
}

.m-menu a .active {
	color: #ff7a7a
}