body{padding:0;margin:0;font-size:14px;font-family:Arial;}h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}dl,dt,dd,ul,li,ol{list-style:none;}img{border:0;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{clear:both;}table{border-collapse:collapse;border-spacing:0;}
body{background:#f0f0f0;}
/*header*/
.header{width:100%;height:50px;background:#fff;}
.title-search{height:31px;max-width:1440px;padding:9px 0 0 1.5%;}
.title-search .title{color:#333;font-size:26px;line-height:31px;text-align:center;}
.title-search .bgr{display:inline-block;width: 57px;height:31px;background-color:#ff665e;color: #fff;margin:0 8px 0 7px;}
.title-search .title-descr{color:#b4b4b4;vertical-align:bottom;}
.recom ul{width:94%;margin:0 auto;overflow:hidden;}
.recom ul li{float:left;width:30%;margin:0 1.6% 10px;background-color:#fff;}
.recom ul li a{display:block;width:100%;height:auto;overflow:hidden;}
.recom ul li img{display:block; width:92%;height:auto;margin:2% auto 0;}
.recom ul .selected{background-color:#e2e2e2;}
/*banner*/
.banner-slides {position:relative;overflow:hidden;width:96%;margin:8px auto 10px;}
.slides-box,.swipe-wrap{position:relative;overflow:hidden;}
.swipe-wrap img{width:100%;height:auto;}
.swipe-wrap li {position:relative;float:left;width:100%;}
.swipe-wrap a,.swipe-wrap img {display:block;}
.dot-area {position:absolute;left:50%;bottom:10px;display:block;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}
.dot-area li {float:left;margin:0 2px;width:6px;height:6px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background:#fff;}
.dot-area .cur {background:#c50019;}
/*content*/
.white{width:100%;background:#fff;}
.contain {width:97%;margin:0 auto;padding:25px 0 30px 0;}
.contain h2{height:24px;width:310px;margin:0 auto;background:url(../styles/images/title_all2.png) no-repeat;background-size:356px;}
.contain .video-title{background-position:0 -202px;width:244px;}
.contain .viewpoint-title{background-position:0 0;}
.contain .index-title{background-position:0 -39px;width:219px;}
.contain .interview-title{background-position:0 -74px;width:283px;}
.contain .mythbusters-title{background-position:0 -94px;width:280px;background-size:285px;}
.contain .reviews-title{background-position:0 -162px;width:258px;}
.contain .shihuo-title{background-position: 0 -246px;width: 200px;}
.contain .fanfan-title{background-position:0 -218px;width:285px;background-size:285px;}
.contain .shidian-title{background-position:0 0;width:284px;}
.contain .myt-title{background-position:0 -282px;width:285px;background-size: 332px;}
.contain .special-title{background-position:0 -212px;width:286px;background-size: 316px;}
.contain .haohaoci-title{background-position:0 -325px;width:192px;background-size:344px;}
.contain .all-li-style li{float:left;width:100%;margin:20px auto;background-color:#fff;position:relative;box-shadow:0 1px 3px #d1d1d1;padding-bottom:20px;overflow:hidden;}
.contain .all-li-style li img{width:100%;height:auto;}
.contain .all-li-style li .img-descr{float:left;width:75%;font-size:18px;line-height:44px;color:#000;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 10px;}
.contain .all-li-style li .session{float:right;color:#999;height:18px;text-decoration:none;padding-left:20px;margin:11px 4% 0 0;background:url(../images/icon.png) no-repeat;background-size:260px;background-position:-244px 3px;}
.contain .all-li-style p{width:96%;height:44px;line-height:22px;padding-left:10px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;}
.contain .all-li-style .num {display: block;position: absolute;top: 0;right: 0;width: 45px;height: 20px;background-color: #7e7f81;color: #fff;line-height: 20px;text-align: center;}
.contain .all-li-style .new {background-color: #ff7200;color: #ffceb8;}
.white .contain .video ul li a{text-decoration:none;}
.back{position: fixed;bottom:6%;right: 5%;width:50px;height:50px;background: url(../styles/images/toparrow.png) no-repeat;background-size:100%;display:none;}
.showMore{width:91%;height:15px;background:#d0d0d0;margin:0 auto 12px;}
.showMore .moreicon{display: block;background: url(../styles/images/arrow-icon.png) no-repeat;width: 30px;height: 18px;margin: 0 auto;background-position: 0 2px;background-size: 60%;}