@charset "utf-8";
html,body,div,object,pre,code,h1,h2,h3,h4,h5,h6,p,span,em,cite,del,a,img,ul,li,ol,dl,dt,dd,fieldset,legend,form,input,button,textarea,header,section,footer,article,nav,aside,menu,figure,figcaption{margin:0;padding:0;outline:none}
h1,h2,h3,h4,h5,h6,sup{font-size:100%;font-weight:normal}
fieldset,img{border:0;}
mark{background:transparent;}
header,section,footer,article,nav,aside,menu{display:block}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
em{font-style:normal}
label,input,button,textarea{border:none;vertical-align:middle;font-family:\534E\6587\7EC6\9ED1,\5FAE\8F6F\96C5\9ED1}
html,body{width:100%;overflow-x:hidden}
html{-webkit-text-size-adjust:none;}
body{text-align:left;font:16px/1.5 Helvetica,Tahoma,Arial,\534E\6587\7EC6\9ED1,\5FAE\8F6F\96C5\9ED1,sans-serif;color:#727272;background:#F8F8F8;}
a{text-decoration:none!important;color:#727272;outline:none;}
a:link,a:visited,a:hover,a:active{color: #727272;}
a,li,input,button,textarea{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none;font-size: 1rem;}

/*@font-face {
	font-family: 'kankan';
	src:url('http://m.kankan.com/css/fonts/kankan.eot');
	src:url('http://m.kankan.com/css/fonts/kankan.eot?#iefix') format('embedded-opentype'),
		url('http://m.kankan.com/css/fonts/kankan.svg') format('svg'),
		url('http://m.kankan.com/css/fonts/kankan.woff') format('woff'),
		url('http://m.kankan.com/css/fonts/kankan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'kankan';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

body{padding-top: 106px!important;position: relative;height: 100%;box-sizing: border-box;}
/*.nav_list a,.box .more,.box li a,.channel_sort dd a,.history a,.search_history a,.hot_search a,.keyword a,.search_list li a,.search_more a{-webkit-tap-highlight-color:rgba(72,175,242,0.3);}*/
.channel_sort dd a{-webkit-tap-highlight-color:rgba(72,175,242,0.3);}
.nav_list a:active{background-color:rgba(72,175,242,0.3);}
.box li span em,.box2 li span:nth-child(2),.history li strong,.history li em,.search_history li a,.hot_search li a,.keyword li a,.search_list span,.search_list strong,.search_list .img em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.banner h2,.channel_top h2,.search_result h2,/*.search h1,*/.channel .box h2{display: none;}
.down_android{position: relative;overflow: hidden;padding: 8px 8px 0 8px;background: #28A0EE url(../img/bg_app.jpg) center 0 no-repeat;background-size: 100%;border-top: 1px solid #96B6C8;color: #FFFFFF;}
.down_android h2{float: left;padding: 4px 4px 0 0;text-shadow: 0px 1px 2px rgba(36,102,165,0.93);line-height: 1.2;text-align: center;font-size: 0.875rem;padding-top: 8px;}
.down_android .download{display: block;width: 88px;height: 34px;margin-top: 6px;line-height: 34px;color: #FFFFFF;text-align: center;border-radius: 2px;float: right;margin-right: 30px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,164,30,1)), color-stop(100%,rgba(242,173,42,1)));
background: -moz-linear-gradient(top, rgba(237,164,30,1) 0%, rgba(242,173,42,1) 100%);
background: -o-linear-gradient(top, rgba(237,164,30,1) 0%,rgba(242,173,42,1) 100%);
background: linear-gradient(to bottom, rgba(237,164,30,1) 0%,rgba(242,173,42,1) 100%);}
.down_android .close{font-size: 1.375rem;display: inline-block;width: 22px;height: 22px;position: absolute;right: 10px;top: 50%;margin-top: -13px;color: #FFFFFF;line-height: 20px;text-align: center;}
.down_android .close span{position: absolute;left: -9999px;}
.down_android .ico_kankan{float: left;display: block;width: 48px;height: 56px;margin-right: 2px;background: url(../img/app_logo.png) no-repeat;background-size: 100%;}

.head{position: fixed;left: 0;top: 0;width: 100%;height: 60px;z-index: 100;}
.head_on{box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.nav{position: fixed;left: 0;top: 60px;width: 100%;height: 46px;z-index: 98;box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.nav2{width: 100%;height: 46px;z-index: 98;box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.header{position: relative;z-index: 10;overflow: hidden;height: 60px;background: #FBFBFB;}
.header h1 a{position: absolute;left: 6px;top: 6px;display: block;width: 156px;height: 47px;background: url(../img/logo.png) no-repeat;background-size: 100%;text-indent: -9999px;}
.header ul{float: right;}
.header li{float: left;}
.header li a{font-size: 1.75rem;display: block;padding: 0 10px;color: #676767;line-height: 60px;}
.header li span{position: absolute;left: -9999px;}

.header .line{position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 3px;background: #2BA2F1;}
.header .line:before{content: "";position: absolute;right: 0;bottom: 0;display: block;width: 27%;height: 3px;background: #74C44F;}
.header .line:after{content: "";position: absolute;right: 0;bottom: 0;display: block;width: 11%;height: 3px;background: #E59803;}

.nav_list{padding: 10px 0;background: #F8F8F8;margin:0;position:relative;overflow: hidden;height: 26px;overflow-x:auto;}
.nav_list ul{white-space:nowrap;position: absolute;}
.nav_list li{display: inline-block;margin-right:1px;}
.nav_list li:nth-child(1){margin-left: 10px;}
.nav_list a{display: block;height: 26px;padding: 0 5px;border-radius: 3px;line-height: 26px;}
.nav_list .on a{background: #2BA2F1;color: #FFFFFF;}

.nav_search{overflow: hidden;padding: 10px;background: #E8E8E8;border-bottom: 1px solid #CECECE;}
.nav_search input{float: left;width: 75%;height: 32px;padding: 5px 10px;margin-right: 5%;line-height: 32px;box-sizing: border-box;background: #D8D8D8;border-radius: 3px;}
.nav_search button{float: left;width: 20%;height: 32px;line-height: 32px;color: #FFFFFF;cursor: pointer;box-sizing: border-box;background: #2CA0F1;border-radius: 3px;}

.banner{position: relative;}
.ban_img ul{width: 1000%;font-size: 0;}
.ban_img li{display: inline-block;width: 10%;height: 100%;font-size: 0;}
.ban_img a{font-size: 0;}
.banner img{width: 100%;min-height: 156px;max-width: 100%;}
.ban_nav{position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;}
.ban_nav ul{height: 9px;line-height: 9px;}
.ban_nav li{display: inline-block;font-size: 1.75rem;line-height: 9px;}
.ban_nav .on{color: #FFFFFF;}

.box{position: relative;padding: 10px 0 0;}
.title{padding: 0 10px 10px;}
.title b{display: inline-block;width: 5px;height: 16px;margin-right: 5px;background: #2BA2F1;vertical-align: -2px;}
.title h2{font-size: 1.125rem;display: inline-block;}
.box ul{overflow: hidden;padding: 0 5px;width: 100%;z-index: 2;box-sizing: border-box;}
.box li{float: left;display: block;width: 33.333%;padding: 0 5px;box-sizing: border-box;}
.box li a{width: 100%;}
.box li img{width: 100%;min-height: 66px;}
.box li span:nth-child(1){font-size: 0;position: relative;display: block;}
.box li span em{font-size: 0.75rem;position: absolute;left: 0;bottom: 0;display: block;width: 100%;padding-right: 4px; height:24px; line-height:24px;color: #FFFFFF;text-align: right;background: rgba(0,0,0,0.5);box-sizing: border-box;}
.box li span:nth-child(2){position: relative;display: inline-block;width: 100%;padding-top: 5px;font-size: 0.875rem;line-height: 1.1rem;max-height: 38px;overflow: hidden;box-sizing: border-box;}
.box .more{position: absolute;right: 5px;top: 12px;font-size: 1rem;color: #C6C6C6;}
.box .more span{position: absolute;left: -9999px;}
.box li strong{position: absolute;right: 0px;bottom: 0;font-weight: normal;color: #E99400;}
.box li:nth-child(3n+1){clear: both;}

.box2 li{padding-bottom: 5px;}
.box2 li span:nth-child(2){padding-right: 22px;}

.footer{font-size: 0.75rem;padding: 10px 0;border-top: 1px solid #C6C6C6;text-align: center;}
.footer a{font-size: 0.75rem;display: inline-block;padding: 0 6px;margin-left: 0.5em;background: #929292;color: #FFFFFF;}

/*history*/
.history{position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding-top: 60px;z-index: 99;background: rgba(0,0,0,0.5);box-sizing: border-box;overflow-y: auto;}
.history_in{background: #EDEEF0;}
.history .title{height: 58px;margin: 0 10px;padding: 0;line-height: 58px;border-bottom: 1px solid #C3C3C3;}
.history ul{padding: 0 0px;}
.history li{height: 70px;border-bottom: 1px solid #C3C3C3;padding: 0 20px;}
.history li:nth-last-child(1){border-bottom: none;}
.history li a{display: block;padding: 15px 24px 15px 0;position: relative;}
.history li strong{display: block;font-weight: normal;}
.history li em{display: block;font-size: 0.75rem;color: #C6C6C6;margin-top: -2px;}
.history li span{position: absolute;right: 0px;top: 20px;font-size: 1.5rem;color: #C6C6C6;}
.clean_history2 a{display: block;padding: 15px 0;background: #E1E1E1;text-align: center;}
.header .ico_history_on a{color: #2BA2F1;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -30px;}
.no_history{padding: 50px 0;text-align: center;color: #BEBEC0;}
.ico_movie{display: block;width: 70px;height: 54px;margin: 0 auto 10px;background: url(../img/ico_movie.png) no-repeat;background-size: 100%;}
.ico_hoy{position: absolute;right: 55px;top: 20px;font-size: 1.5rem;height: 28px; width:15px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -0px;}
.ico_hoy_p{position: absolute;right: 90px;top: 20px;font-size: 1.5rem;height: 28px; width:15px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -0px;}
/*搜索图标*/
.so{position: absolute;right: 15px;top: 20px;font-size: 1.5rem;height: 28px; width:10px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -62px;}
.so_p{position: absolute;right: 55px;top: 20px;font-size: 1.5rem;height: 28px; width:10px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -62px;}
.p1{position: absolute;right: 5px;top: 0px;font-size: 1.5rem;height: 28px; width:25px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 2px -223px;}
.p_list{position: absolute;right: 15px;top: 20px;font-size: 1.5rem;height: 28px; width:10px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -150px;}
.p_list_on{position: absolute;right: 15px;top: 20px;font-size: 1.5rem;height: 28px; width:10px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -175px;}
.func_share .tNext{font-size: 0.8rem;background: #FFFFFF;border: 1px solid #D6D6D6;border-radius:3px; padding:2px 4px; margin-left:5px;}
/*
 border: solid 1px #999999;
*/
/*channel*/
.channel_top{position: relative;}
.channel_tit{height: 28px;padding: 0px 10px;}
.channel_tit ul{overflow: hidden;float: left;border: 1px solid #2BA2F1;border-radius: 5px;}
.channel_tit li{float: left;line-height: 26px;}
.channel_tit a{display: block;padding: 0 10px;color: #2CA0F1;}
.channel_tit .on a{background: #2BA2F1;color: #FFFFFF;}
.ico_sort{position: absolute;right: 10px;top: 0px;font-size: 1.5rem;height: 28px; width:32px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -93px;}
.ico_sort_on{position: absolute;right: 10px;top:0px;font-size: 1.5rem;height: 28px; width:32px;color: #838383;line-height: 38px;background-image: url(../img/ico.gif);background-repeat: no-repeat;background-position: 5px -122px;}
.ico_sort span{position: absolute;left: -9999px;}
.channel_sort dl{font-size: 0.875rem;max-height: 101px;overflow: hidden;position: relative;padding: 10px 0 10px 50px;border-top: 1px solid #C3C3C3;line-height: 2;box-sizing: border-box;}
.channel_sort dl:nth-child(1){border-top: none;}
.channel_sort dt{position: absolute;left: 10px;top: 10px;color: #616161;}
.channel_sort dd{float: left;/*width: 20%;*/ padding:0 5px;}
.channel_sort dd a{font-size: 0.875rem;}
.channel_sort .on a{color: #2BA2F1;}


.sort_list,.history{display: none;}
.sort_on .sort_list{display: block;padding: 0 10px;border-bottom: 1px solid #C3C3C3;-webkit-animation:sort_on 0.2s alternate ease-in;animation:sort_on 0.2s alternate ease-in;}
@-webkit-keyframes sort_on{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes sort_on{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.history_on{display: block;-webkit-animation:sort_on 0.2s alternate ease-in;animation:sort_on 0.2s alternate ease-in;}

.channel .box{padding-top: 15px;}
.no_result{padding: 60px 0;color: #C6C6C6;text-align: center;}

.channel_more a,.channel_loading a,.channel_over,.search_more a,.search_loading a,.search_over{display: block;padding: 15px 0;background: #E1E1E1;text-align: center;}
.channel_more b,.search_more b{font-size: 0.75rem;margin-left: 5px;vertical-align: middle;}
.channel_loading b,.search_loading b{display: inline-block;width: 16px;height: 16px; margin-left: 5px;background: url(../img/ico_loading.png) no-repeat;background-size: 100%;vertical-align: middle;
-webkit-animation:loading 1.2s infinite linear;
animation:loading 1.2s infinite linear;}
@-webkit-keyframes loading{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes loading{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/*search*/
.search{padding-top: 0;}
.search_top{position: relative;width: 100%;height: 52px;padding: 12px 42px 0 32px;background: #FBFBFB;border-bottom: 1px solid #BEBEBF;box-sizing: border-box;box-shadow: 0 1px 0px rgba(248,248,249,0.8);}
.search .back{position: absolute;left: 0px;top: 12px;padding: 0 5px;color: #727272;line-height: 30px;letter-spacing: 0;background: url(../img/ico.gif) no-repeat 7px -198px; width:20px;}
.search .back span{position: absolute;left: -9999px;}
.search_input{position: relative;padding-right: 26px;}
.search_input input{width: 100%;height: 20px;padding: 5px 24px 5px 5px;background: #E0E0E0;border-radius: 3px;line-height: 20px;color: #A9A9A9;}
.search_input .on{color: #727272;}
.search_input .clean{position: absolute;right: 5px;top: 4px;color: #A9A9A9;}
.search_input .clean span{position: absolute;left: -9999px;}
.search button{position: absolute;right:-35px;top:1px;font-size: 1.5rem;color: #727272;background: none; width:25px;background: url(../img/ico.gif) 0px -62px;}
.search button span{position: absolute;left: -9999px;}

.search_history .title{height: 58px;margin: 0 10px;padding: 0;line-height: 58px;border-bottom: 1px solid #C3C3C3;}
.search_history ul{padding: 10px 20px;}
.search_history li a{display: block;line-height: 40px;}

.hot_search .title{height: 58px;margin: 0 10px;padding: 0;line-height: 58px;border-bottom: 1px solid #C3C3C3;}
.hot_search ul{overflow: hidden;padding: 10px 20px;}
.hot_search li{float: left;width: 50%;}
.hot_search li a{display: block;line-height: 40px;}

.keyword{width: 100%;height: 100%;z-index: 99;background: #FBFBFB;box-sizing: border-box;overflow-y: auto;}
.keyword ul{padding: 0 10px;}
.keyword li{border-bottom: 1px solid #C3C3C3;}
.keyword li:nth-last-child(1){border-bottom: none;}
.keyword li a{position: relative;display: block;padding-
	right: 36px;line-height: 50px;}
.keyword li a span{text-indent: -9999px;display: block;width: 8px;height: 13px;background: url(../img/ico_more.png) no-repeat;background-size: 100%;position: absolute;right: 0px;top: 20px;}
.keyword{display: block;}
.keyword_on{display: block;-webkit-animation:sort_on 0.2s alternate ease-in;animation:sort_on 0.2s alternate ease-in;}


.search_tit{position: relative;height: 28px;margin: 20px 10px 15px;border: 1px solid #2BA2F1;border-radius: 5px;box-sizing: border-box;}
.search_tit ul{white-space:nowrap;position: absolute;}
.search_tit li{display: inline-block;line-height: 26px;}
.search_tit a{display: block;padding: 0 10px;color: #2CA0F1;}
.search_tit .on a{background: #2BA2F1;color: #FFFFFF;}
.search_list{padding: 0 10px 10px;}
.search_list li{padding-bottom: 10px;}
.search_list li a{display: block;overflow: hidden;}

.search_list .img{position: relative;float: left;width: 35%;box-sizing: border-box;font-size: 0; max-width:210px;}
.search_list .img img{width: 100%;min-height: 66px;}
.search_list .img em{position: absolute;left: 0;bottom: 0;font-size: 0.75rem;display: block;width: 100%;padding: 0 4px;color: #FFFFFF;text-align: right;background: rgba(0,0,0,0.5);box-sizing: border-box;}

.search_list .intro{position: relative;float: left;width: 65%;padding: 0 0px 0 10px;box-sizing: border-box;}
.search_list span{display: block;font-size: 0.875rem;color: #BCBCBC;}
.search_list strong{display: block;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #C6C6C6;color: #727272;font-size: 1rem;}
.search_list .intro em{color: #727272;}
.search_list .score{position: absolute;right: 0;margin-top: -42px;font-size: 1.625rem;color: #ECA338;}
.search_no_result{padding: 60px 0;color: #C6C6C6;text-align: center;border-bottom: 1px solid #BEBEBF;}

/*feedback*/
.feedback{padding-top: 52px;}
.feedback_top{position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: 52px;padding: 12px 42px 0 32px;background: #FBFBFB;border-bottom: 1px solid #BEBEBF;box-sizing: border-box;text-align: center;color: #1A1A1A;}
.feedback_top .back{position: absolute;left: 0px;top: 12px;padding: 0 5px;color: #727272;line-height: 30px;letter-spacing: 0;background: url(../img/ico.gif) no-repeat 7px -198px; width:20px;}

.feedback_list{position: relative;}
.feedback_list ul{padding: 20px 0 10px;}
.feedback_list li{width: 100%;padding: 0 10px 10px 10px;box-sizing: border-box;}
.feedback_list li p{color: #1A1A1A;padding-bottom: 10px;}
.feedback_list textarea{width: 100%;height: 90px;padding: 10px;background: #FBFBFB;border: 1px solid #E1E1E1;border-radius: 3px;box-sizing: border-box;color: #A9A9A9;}
.feedback_list input{width: 100%;height: 40px;padding: 0 10px;background: #FBFBFB;border: 1px solid #E1E1E1;border-radius: 3px;box-sizing: border-box;color: #A9A9A9;}
.feedback_list .tex input,.feedback_list .tex textarea{border-color: #2BA2F1;color: #000000;}
.feedback_list button{width: 100%;height: 40px;margin-top: 10px;border-radius: 3px;text-align: center;line-height: 40px;color: #FFFFFF;background: #2BA2F1;-webkit-tap-highlight-color:rgba(14,134,214,1);}

.pop_mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 101;}
.pop{position: absolute;left: 0;top: 50%;width: 90%;margin: -66px 5% 0;background: #FFFFFF;border-radius: 3px;}
.pop p{padding: 10px;text-indent: 2rem;text-align: center;}
.pop a{display: block;width: 100%;height: 40px;line-height: 40px;background: #2BA2F1;text-align: center;color: #FFFFFF;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}

.ad{padding-top: 10px;}
.ad img{width: 100%;}

/* for >640 px width screen */
@media only screen and (min-width:640px){
.head{z-index: 120;}
.box ul{z-index: 1;}
}
#footer{text-align:center; padding:5px 2px; clear:both; margin-top:5px;}
/*springfestival
.header h1:after{display: block;width: 65px;height: 60px;content: "";background: url(http://img.kankan.xunlei.com/img/kankan/wap/springfestival.png) no-repeat;background-size: 100%;position: absolute;left: 170px;top: 0;}
.down_android{background: #002854 url(http://img.kankan.xunlei.com/img/kankan/wap/bg_app_sf.jpg) center 0 no-repeat;background-size: 100%;}
.down_android p{float: left;color: #B1E8F4;}
.down_android p span{font-weight: bold;}
.down_android p strong{display: block;font-size: 0.875rem;color: #FFFFFF;}
.down_android .download{color: #0B3147;
background: -webkit-linear-gradient(top, #b1e8f4 0%,#98e0f0 100%);
background: -moz-linear-gradient(top, #b1e8f4 0%, #98e0f0 100%);
background: -o-linear-gradient(top, #b1e8f4 0%,#98e0f0 100%);
background: linear-gradient(to bottom, #b1e8f4 0%,#98e0f0 100%);}
.header li a{padding: 0 5px;}*/

.pages{margin:5px; padding:5px; text-align:center; clear:both;}
.pages span,div.pages a{border:1px solid #ddd; padding:5px 10px; margin:2px; border-radius:3px;}
.pages a{color:#333;text-decoration:none;}
.pages a:hover,div.pages a:active{background:#098CE3; border:1px solid #098CE3; text-decoration:none; color:#FFF;}
.pages .current{background:#098CE3; color:#fff;border:1px solid #098CE3;}

.list_img{ float:left;background:#666}
.list_txt{position: relative;overflow: hidden;min-height: 194px; padding-bottom:5px; margin-bottom:0px;}
.list_txt .img{ float:left;margin-right:8px; width:35%; overflow:hidden; max-width:165px; margin-left:5px;}
.list_txt dd{ float:left;width:58%; overflow:hidden;}
.list_txt dd p{ padding-bottom:2px;}

.list_wrap{position: relative;z-index: 1;margin-top: -1px;padding: 10px 0;background: #F1F1F1;border-top: 2px solid #DEDEDE;border-bottom: 1px solid #E8E8E8; z-index:95;}
.list_wrap .tri,.list_wrap .tri b{position: absolute;width: 0;height: 0;line-height: 0;font-size: 0;border: 12px dashed transparent;border-bottom-style: solid;}

.list_wrap .tri{top: -24px;left: 5px;border-bottom-color: #DEDEDE;}
.list_wrap .tri b{left: -12px;top: -10px;border-bottom-color: #F1F1F1;}

.list_wrap a,.list_wrap a:link,.list_wrap a:visited,.list_wrap a:hover,.list_wrap a:active{color: #616161;}
.list_first{position: relative;padding-bottom: 20px;margin: 0 10px;overflow: hidden;height: 29px;}
.list_first ul{white-space:nowrap;position: absolute;}
.list_first li{display: inline-block;margin-right: 10px;}
.list_first a{font-size: 0.875rem;display: block;height: 26px;padding: 0 10px;border-radius: 3px;line-height: 26px;-webkit-tap-highlight-color:rgba(221,221,221,0.3)}
.list_first .on a{border-bottom: 3px solid #2BA2F1;border-radius: 0;color: #2BA2F1;}
.list_second ul{overflow: hidden;padding: 0 5px 15px;}
.list_second li{float: left;width: 25%;padding: 0 5px 10px;box-sizing: border-box;}
.list_second li em{position:absolute; margin-top:-4px; margin-left:-4px;background:url(../img/n.gif) no-repeat; display:inline-block; width:15px; height:15px; overflow:hidden; text-indent:-9999px;}
.list_second a{display: block;width: 100%;background: #FFFFFF;border: 1px solid #D6D6D6;border-radius: 3px;text-align: center;line-height: 30px;-webkit-tap-highlight-color:rgba(72,175,242,0.3);}
.list_second .on a{font-size: 0.875rem;background: #2BA2F1;border: 1px solid #2BA2F1;color: #FFFFFF;}
.list_second a.on{font-size: 0.875rem;background: #2BA2F1;border: 1px solid #2BA2F1;color: #FFFFFF;}
.ade {font-size: 0.875rem;background: #2BA2F1;border: 1px solid #2BA2F1;color: #FFFFFF; padding:0 3px;border-radius:3px; z-index:999; cursor:pointer;}
/*综艺*/
.list_second2 ul{overflow: hidden;padding: 0 5px 15px;}
.list_second2 li{float: left;width: 50%;padding: 0 5px 10px;box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list_second2 li em{position:absolute; margin-top:-4px; margin-left:-4px;background:url(../img/n.gif) no-repeat; display:inline-block; width:15px; height:15px; overflow:hidden; text-indent:-9999px;}
.list_second2 a{display: block;width: 100%;background: #FFFFFF;border: 1px solid #D6D6D6;border-radius: 3px;text-align: center;line-height: 30px;-webkit-tap-highlight-color:rgba(72,175,242,0.3);}
.list_second2 .on a{font-size: 0.875rem;background: #2BA2F1;border: 1px solid #2BA2F1;color: #FFFFFF;}

.list_name ul{overflow: hidden;padding: 0 5px;}
.list_name li{float: left;width: 50%;padding: 0 5px 10px;box-sizing: border-box;}
.list_name li:nth-child(2n){margin-right: 0;}
.list_name a{display: block;width: 100%;background: #FFFFFF;text-align: center;border: 1px solid #E3E3E3;border-radius: 3px;-webkit-tap-highlight-color:rgba(72,175,242,0.3);}
.list_name a span{font-size: 0.875rem;display: block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list_name a span:nth-child(2){font-size: 0.75rem;line-height: 20px;}
.list_name .on a{background: #2BA2F1;border: 1px solid #2BA2F1;color: #FFFFFF;}

.info{overflow: hidden;padding: 10px;color: #1A1A1A;}
.info li{font-size: 0.875rem;}
.info li span,.info .story{color: #909090;}
.info .story{padding-top: 10px;}
.info a{font-size: 0.875rem;position: relative;float: right;display: inline-block;padding-right: 15px;color: #909090;}
.info span{margin-right: 5px;}
.info a b{font-size: 0.75rem;}

.recommend{margin-bottom: 10px;border-bottom: 1px solid #E8E8E8;}
.recommend h2{font-size: 1.125rem;color: #1A1A1A;margin-left: 10px;padding-bottom: 10px;}
.reco_in{position: relative;padding: 10px 0;background: #F1F1F1;border-top: 2px solid #DEDEDE;}
.reco_in .tri,.reco_in .tri b{position: absolute;width: 0;height: 0;line-height: 0;font-size: 0;border: 12px dashed transparent;border-bottom-style: solid;}
.reco_in .tri{top: -24px;left: 20px;border-bottom-color: #DEDEDE;}
.reco_in .tri b{left: -12px;top: -10px;border-bottom-color: #F1F1F1;}
.recommend .guess_you_like_wrapper{margin-left: 10px;overflow:hidden;position:relative;height: 165px;overflow-x:auto; }
.recommend ul{white-space:nowrap;position: absolute; padding-right:8px;}
.recommend li{display: inline-block;margin-right: 6px;}
.recommend li:last-child{margin-right:0;}
.recommend a{position: relative;display: block;width: 96px;}
.recommend img{display: block;width: 96px;height: 130px;border: 1px solid #E6E6E6;background: #D7D7D7;}
.recommend p{position: absolute;left: 1px;bottom: 1px;width: 88px;height: 16px;padding: 0 4px;line-height: 16px;background:rgba(0,0,0,0.7);}
.recommend p span:nth-child(1){font-size: 0.75rem;display: block;color: #E9E9E9;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.recommend p span:nth-child(2){font-size: 1rem;position: absolute;right: 0px;top: 21px;color: #F09713;}
.recommend p strong{font-weight: normal;}
.recommend .bg_none{background: none;}
.recommend li a:nth-child(2){font-size: 0.875rem;display: block;width: 75px;padding-top: 3px;color: #616161;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.comment h2{font-size: 1.125rem;color: #1A1A1A;border-bottom: 1px solid #E0E0E0;margin-bottom: 20px;padding:0 10px 10px;}
.comment h2 span{font-size: 0.875rem;}

.comm_list li{font-size: 0.875rem;position: relative;padding: 10px 10px 10px 60px;border-top: 1px dotted #DCDCDC;}
.comm_list li:nth-child(1){border-top: none;}
.comm_list img{position: absolute;left: 10px;top: 14px;width: 40px;height: 40px;}
.comm_list p:nth-child(2){min-height: 42px;color: #1A1A1A;}
.comm_list p:nth-last-child(1){color: #999999;font-size: 0.75rem;}
/*播放器*/
.player{position: relative;overflow: hidden;background: #000000;min-height: 230px;}

.title_p{position: relative;margin: 0 10px 10px 10px;padding: 16px 0;z-index: 3;}
.title_p h2{font-size: 1.125rem;margin-bottom: 10px;color: #1A1A1A;max-height: 54px;overflow: hidden;}
.title_p span{font-size: 0.875rem;}
.func{position: relative;z-index: 2;}
.title_p .score{padding-left: 46px;position: relative;height: 40px;}
.title_p .score strong{font-size: 1.5625rem;position: absolute;left: 0;top: 0;padding-right: 5px;font-weight: normal;color: #F89500;font-family: Arial;border-right: 1px solid #989898;}
.title_p .score span{display: block;line-height: 1.3rem;}
.title_p .score span:nth-last-child(1){color: #989898;}
.title_p .score02{color: #989898;height: 24px;}
.func ul{position: absolute;right: 0;top: 0px;}
.func li{float: left;position: relative;}
.func_ico{font-size: 1.5rem;display: block;width: 40px;height: 40px;line-height: 40px;text-align: right;}
.func_ico span{position: absolute;left: -9999px;}
.func_share div,.func_down div{position: absolute;right: -42px;top: 42px;width: 97px;padding-left: 5px;background: #FEFEFE;border: 1px solid #DADADA;border-radius: 2px;
display: none;}
.func_share div a{float: left;margin: 5px 5px 0;}
.func_share img{width: 36px;height: 36px;}
.func_share .tri,.func_share .tri b{position: absolute;top: -16px;right: 45px;width: 0;height: 0;line-height: 0;font-size: 0;border: 8px dashed transparent;border-bottom-style: solid;border-bottom-color: #DADADA;}
.func_share .tri b{top: -7px;left: -8px;border-bottom-color: #FEFEFE;}

/*资讯*/
.news-list{width:100%; clear:both; margin-top:10px; overflow:hidden; border-bottom:1px solid rgba(221, 221, 221, 0.6); padding-bottom:0px;}
.news-title{ float:left; width:100%;line-height:25px; font-size:20px; margin-bottom:5px;}
.news-img{ float:left; width:100%; text-align:left;}
.news-img img{width:30%; height:80px; margin-right:0px; padding:0px 5px;}
.news-time{ margin-left:10px; float:right;}
.news-time .color{color:#F00;}
.newstex{padding:10px;}
.newstex img{width:100%;}

.video-list{font-size:1.0rem;display:block;line-height:30px;padding-left:10px;box-shadow:0 1px 2px rgba(0,0,0,0.2);margin-top:-4px;display:block;}
.video-list b{display: inline-block;width: 5px;height: 16px;margin-right: 5px;background:#2BA2F1;vertical-align: -2px;}

.add_desktop {position:fixed;bottom:15px;left:50%;width:200px;margin-left:-100px;background:rgba(57,61,64,.65);padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:4}
.add_desktop .icon {float:left;display:block;width:57px;height:57px;background:url("http://m.dsmi.cc/apple-touch-icon.png") no-repeat;background-size:57px 57px}
.add_desktop .desc {float:left;margin-left:10px;color:#fff}
.add_desktop .add {display:inline-block;width:16px;height:15px;margin-left:5px;background:url("http://m.xxdm.com/images/add_desktop.png") -40px top no-repeat;}
.add_desktop .close {position:absolute;top:5px;right:5px;display:block;width:12px;height:12px;background:url("http://m.xxdm.com/images/add_desktop.png") no-repeat;cursor:pointer}
.add_desktop .add_arrow {position:absolute;width:20px;bottom:-10px;left:50%;margin-left:-15px;width:0;height:0;border-top:10px solid rgba(57,61,64,.65);border-left:10px solid transparent;border-right:10px solid transparent}