*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Microsoft YaHei",Arial,SimSun;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{text-decoration:none}
a:hover{text-decoration:none}
.N-nav-bottom *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.playbtn{background:url(images/video.png) no-repeat;width:40px;height:40px;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px}
.top_nav{height:45px;width:100%;background:#f8f8f8}
.top_nav .left_nav{float:left;margin-left:122px;margin-top:15px}
.top_nav .left_nav li{width:87px;float:left;height:16px;padding:0 6px;text-align:center}
.top_nav .left_nav li a{display:block;width:100%;height:100%;color:#333;font-size:16px;line-height:16px}
.top_nav .left_nav li:nth-child(1){border-right:1px solid #dfdfdf}
.top_nav .right_nav{float:right}
.top_nav .right_nav li{float:left;margin-top:10px;height:27px;line-height:25px}
.top_nav .right_nav li a{color:#555;display:block;width:100%;height:100%}
.top_nav .right_nav .login{width:57px;font-size:16px;text-align:center;margin-right:8px;border:1px solid #555}
.top_nav .right_nav .reg{width:57px;font-size:16px;text-align:center;margin-right:18px}
.top_nav .right_nav .user_name{margin-right:16px}
.top_nav .right_nav .icon{height:16px;border-right:1px solid #dfdfdf;margin-top:15px}
.top_nav .right_nav .quit{margin-left:16px;margin-right:32px}
.top_nav .search{margin-right:165px;float:right;margin-top:6px;width:281px;background:#fff;height:32px}
.top_nav .search #fold_input{font-size:16px;color:#999;border:0;outline:0;height:32px;padding-bottom:2px;float:left;width:222px}
.top_nav .search .fold_submit{cursor:pointer;margin-top:8px;margin-right:14px;width:45px;height:16px;border:0;outline:0;background:url(images/search_bg.png) no-repeat center center;float:left;border-right:1px solid #999}
.top_banner{width:100%;height:199px;position:relative;overflow:hidden}
.top_banner .banner_main{width:1920px;height:199px;position:absolute;top:0;left:50%;margin-left:-960px;background-repeat:no-repeat}
.main{width:100%;background:url(images/main_bg.jpg);padding-top:62px}
.main .wrap{width:1000px;margin:0 auto}
.main .wrap .top_title{width:888px;height:58px;background:url(images/title.png) no-repeat;margin:0 auto}
.main .wrap .content{width:100%;margin-top:56px;display:table;min-height:1000px}
.main .wrap .content li{width:476px;height:496px;float:left;margin-bottom:42px;border-bottom:1px dashed #d2d2d2;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-o-transition:all linear .3s}
.main .wrap .content li .img_box{display:block;width:476px;height:292px;position:relative;overflow:hidden}
.main .wrap .content li img{display:block;width:476px;height:292px;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-o-transition:-o-transform .3s linear;-moz-transition:transform .3s linear,-moz-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear,-moz-transform .3s linear,-o-transform .3s linear;-moz-transition:transform .3s linear;-o-transition:transform .3s linear;-webkit-transition:transform .3s linear}
.main .wrap .content li h3{height:90px;font-weight:normal;color:#333;font-size:24px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main .wrap .content li h3:hover{color:#888}
.main .wrap .content li .detail{height:60px}
.main .wrap .content li .detail i{float:left;width:4px;height:21px;background:#48989f;margin-top:5px;transition:height .2s linear forwards;-moz-transition:height .2s linear forwards;-o-transition:height .2s linear forwards;-webkit-transition:height .2s linear forwards}
.main .wrap .content li .detail p{height:60px;color:#848484;font-size:14px;padding-left:18px;margin-bottom:5px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.main .wrap .content li .time{font-size:14px;color:#aaa;float:left;margin-top:16px}
.main .wrap .content li .comment{margin-top:16px;margin-right:8px;float:right;height:21px;overflow:hidden}
.main .wrap .content li .comment i{display:block;float:left;width:32px;height:21px;background:url(images/comment.png) no-repeat center center}
.main .wrap .content li .comment a{display:block;width:100%;height:100%;font-size:14px;color:#aaa;transition:margin-top .2s linear;-moz-transition:margin-top .2s linear;-o-transition:margin-top .2s linear;-webkit-transition:margin-top .2s linear}
.main .wrap .content li .comment p{color:#d8271c}
.main .wrap .content li .comment:hover a{margin-top:-21px}
.main .wrap .content li:nth-child(2n){float:right}
.main .wrap .load_more{cursor:pointer;width:200px;height:50px;font-size:16px;line-height:50px;color:#c4c4c2;text-align:center;margin:-10px auto 20px}
.main .bottom{width:100%;bottom:0;background:url(images/bottom_bg.jpg);padding-top:20px;-webkit-transition:all linear .3s}
.main .bottom .bottom_title{width:96px;height:38px;background:url(images/bottom_title.png) no-repeat;margin:0 auto}
.main .bottom ul{padding-bottom:30px;margin-top:20px;display:table}
.main .bottom ul li{height:60px;margin-bottom:32px;margin-left:46px;margin-right:72px;float:left;width:380px}
.main .bottom ul li a{width:100%;height:100%;display:block}
.main .bottom ul li a span{float:left;width:60px;height:60px;font-size:34px;color:#fefefe;text-align:center;line-height:60px;background:#48989f;-moz-border-radius:60px;border-radius:60px;margin-right:18px}
.main .bottom ul li a h3{float:left;width:300px;font-weight:normal;font-size:14px;line-height:14px;height:24px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;color:#4a4a4a;padding-top:10px}
.main .bottom ul li a h3:hover{color:#888}
.main .bottom ul li a p{width:300px;font-weight:normal;font-size:12px;color:#999;padding-top:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:1150px){.top_nav .search{margin-right:105px}
.top_nav .left_nav{margin-left:62px}
}
@media screen and (max-width:1000px){.top_nav .search{margin-right:55px}
.top_nav .left_nav{margin-left:32px}
}
.caozhi_collect_mobile_content{display:none}
@media screen and (max-width:640px){.caozhi_collect_content{display:none}
.caozhi_collect_mobile_content{width:640px;margin:0 auto;position:relative;display:block}
.top_banner{overflow:hidden;top:0;width:640px;height:301px;background-repeat:no-repeat;padding-top:1px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;z-index:900}
.top_banner .top_ins{width:328px;height:21px;background:url(images/top_ins.png) no-repeat;margin:0 auto;margin-top:202px}
.logo{width:150px;height:150px;background:url(images/caozhi_logo.png) no-repeat;position:absolute;top:32px;left:50%;margin-left:-75px;z-index:1000}
.mobile_main,.next_main{-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;width:640px;background:url(images/main_bg.jpg);min-height:1000px}
.mobile_main li,.next_main li{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding-top:30px;padding-bottom:45px;border-bottom:1px solid #ddd}
.mobile_main li .wrap,.next_main li .wrap{width:591px;margin:0 auto}
.mobile_main li .time,.next_main li .time{height:25px;line-height:27px;font-size:20px;color:#aaa;padding-left:39px;background:url(images/clock.png) no-repeat 4px center;margin-bottom:21px}
.mobile_main li .img_box,.next_main li .img_box{width:591px;height:300px;position:relative}
.mobile_main li .img_box a,.next_main li .img_box a{display:block;width:100%;height:100%}
.mobile_main li h3 a,.next_main li h3 a{display:block;font-size:32px;color:#222;margin:32px 0}
.mobile_main li .detail i,.next_main li .detail i{float:left;margin-left:8px;margin-top:8px;margin-right:8px;height:20px;width:6px;background:#48989f}
.mobile_main li .detail p,.next_main li .detail p{padding-left:22px;font-size:22px;color:#666;height:99px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mobile_main li .comment,.next_main li .comment{color:#999;font-size:18px;height:17px;line-height:20px;float:right;padding-left:20px;margin-right:10px;margin-top:10px;background:url(images/comment.png) no-repeat left center}
.next_main{padding-bottom:150px}
.title{width:168px;height:85px;background:url(images/bottom_mobile_title.png) no-repeat;margin:0 auto;margin-top:-85px;margin-bottom:-10px;position:relative}
.new{width:640px;background:url(images/bottom_bg.jpg);padding-bottom:60px}
.new li{padding-top:63px;-webkit-transition:all linear .3s}
.new li a{width:100%;height:100%;display:block}
.new li i{display:block;font-style:normal;width:48px;height:48px;-moz-border-radius:48px;border-radius:48px;background:#48989f;margin:0 auto;font-size:26px;color:#fff;line-height:48px;text-align:center}
.new li h4{width:420px;margin:24px auto 10px;font-size:24px;color:#4a4a4a;text-align:center}
.new li p{width:420px;margin:0 auto;font-size:18px;color:#999;text-align:center}
.next_main{margin-top:0;min-height:0;padding-bottom:0}
}
@-webkit-keyframes top_banner{from{background-position:-5px -5px}
25%{background-position:-5px -214px}
50%{background-position:-5px -423px}
75%{background-position:-5px -632px}
to{background-position:-5px -841px}
}
@-o-keyframes top_banner{from{background-position:-5px -5px}
25%{background-position:-5px -214px}
50%{background-position:-5px -423px}
75%{background-position:-5px -632px}
to{background-position:-5px -841px}
}
@keyframes top_banner{from{background-position:-5px -5px}
25%{background-position:-5px -214px}
50%{background-position:-5px -423px}
75%{background-position:-5px -632px}
to{background-position:-5px -841px}
}
@-moz-keyframes top_banner{from{background-position:-5px -5px}
25%{background-position:-5px -214px}
50%{background-position:-5px -423px}
75%{background-position:-5px -632px}
to{background-position:-5px -841px}
}
.comment{display:none}

