﻿
/* slide */
.slide { overflow: hidden; margin: 0px auto 0 auto; padding: 10px; height: 322px; }
.slide li { height: 322px; width: 810px; }
.slide li { position: absolute; overflow: hidden; display: none; }
.slide li.current { display: block; }
.slide li .image { position: absolute; top: -2px; left: -2px; }
.slide li .text { bottom: 0; overflow: hidden; background-color: rgba(0,0,0,0.6); width: 230px; float: right; position: relative; height: auto; background: 0; filter: none; text-indent: 0; margin: 15px 20px 0 0; padding: 6px 0; }
.slide li .text a { color: #fff; font-size: 14px; line-height: 17px; float: left; }
.slide li img { width: 550px; height: 322px; }
.slide li .text .title a { font-size: 16px; font-weight: 700; color: #000; font-family: "思源黑体" , "思源黑体"; line-height: 22px; text-indent: 0; float: none; }
.slide li .text p { color: #888; font-size: 12px; text-indent: 0; clear: both; line-height: 20px; margin-top: 4px; }

.slide .triggers { position: absolute; z-index: 1; width: 550px; text-align: center; bottom: 30px; height: 38px; right: 0; left: 360px; padding: 0 0 8px; }
.slide .triggers a { font-size: 11px; line-height: 12px; color: #000; overflow: hidden; border-radius: 1px; -webkit-text-size-adjust: none; float: none; width: 62px; height: 42px; text-align: center; display: inline-block; background: 0; margin: 0 3px 0 0; }
.slide .triggers a:hover { text-decoration: none; }
.slide .triggers a img { width: 58px; height: 38px; border: 1px #999 solid; vertical-align: middle; opacity: .6; }
.slide .triggers a.current img { border: 2px #2fac00 solid; opacity: 1; }

.slide .icon-dot { display: inline-block; position: absolute; bottom: 50px; right: 143px; }
.slide .icon-dot a { width: 9px; height: 9px; display: inline-block; background-image: url(/r/images/columns/nav.png); background-repeat: no-repeat; background-position: -1px -1px; overflow: hidden; margin: 0 2px; }
.slide .icon-dot a.current { background-position: -1px -12px; }

.slide .link-watch { width: 30px; height: 44px; display: none; position: absolute; top: 335px; background: url(/r/images/columns/arrow.png) no-repeat 0 -57px; filter: alpha(opacity=60); cursor: pointer; z-index: 10000; }
.slide .link-watch.pre { left: 10; }
.slide .link-watch.next { left: 880px; right: 0; background-position: right -57px; }
.slide .link-watch.down { background-position-y: -2px; }

.coumn-btn { outline: 0; -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5); transition: border-color .3s cubic-bezier(.65,.05,.35,.5); -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; opacity: .9; filter: alpha(opacity=90); }

.coumn-apply { text-align: center; padding:10px 10px 35px 10px; }
.coumn-apply p{padding-bottom:30px; font-size:14px; line-height:30px;}
.coumn-apply a { background: #ff490a; color: #fff; padding: 5px 35px; height: auto; font-size: 16px; }
.coumn-apply a:hover { color: #fff !important; }

.column-r-author .item { position: relative; padding-left: 110px; padding-right: 5px; margin: 10px 5px; height: 60px; }
.column-r-author .item .pic { float: left; width: 60px; height: 60px; position: absolute; left: 0px; top: 5px; padding-left: 35px; }
.column-r-author .item .pic i { position: absolute; top: 17px; left: 0px; text-align: center; float: left; width: 30px; font-size: 22px; color: #999999; }
.column-r-author .item .pic img { width: 60px; height: 60px; }
.column-r-author .item h2 { line-height: 20px; font-size:14px; padding-bottom:5px;}
.column-r-author .item p { line-height: 20px; }
.column-r-author .item em, .column-r-author .item p { color: #999999; }
.column-r-author .item em { position: absolute; right: 5px; top: 20px; text-align: right; }
.column-r-author .t0 em, .column-r-author .t1 em, .column-r-author .t2 em { color: #ff3333; }
.column-r-author .t0 .pic i { color: #ff3333; }
.column-r-author .t1 .pic i { color: #ff8863; }
.column-r-author .t2 .pic i { color: #ff8800; }

.column-info { position: relative; padding: 10px 450px 10px 175px; height: 142px; }
.column-info img { position: absolute; left: 10px; top: 10px; border: 1px solid #e1e1e1; padding: 10px; width: 122px; height: 122px; }
.column-info .box { width: 700px; }
.column-info .box h2 { font-size: 20px; margin-top: 10px; line-height: 30px; }
.column-info .box h3 { line-height: 30px; font-size: 14px; }
.column-info .box p { line-height: 24px; font-size: 14px; }

.column-info .rigth { position: absolute; right: 10px; top: 10px; width: 200px; text-align: right; }
.column-info .rigth p.column-atricle-follow a.msg{ border: 1px solid #d9d9d9; background: #f3f3f3; padding: 7px 10px; display: inline-block; -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5); transition: border-color .3s cubic-bezier(.65,.05,.35,.5); -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; margin-left: 7px;     margin-right: 5px;    padding: 1px 10px;}
.column-info .rigth p.column-atricle-follow a.msg img{ border: 0px; position:static;width:auto; height:auto;}
.column-info .rigth a { background: #e13c45; margin-right: 50px; margin-top: 20px; margin-bottom: 30px; }
.column-info .rigth p span { padding-right: 30px; float: left; text-align: center; line-height: 20px; font-size: 14px; }
.column-info .rigth p span.c { width: 1px; height: 40px; border-left: 1px solid #e1e1e1; }
.column-info .rigth p span em { color: #b8b8b8; }

.column-index-nav ul { border-top: 1px solid #f04343; position: relative; left: 0; height: 40px; line-height: 40px; white-space: nowrap; font-size: 0; border-bottom: 1px solid #e2e2e2; transition: all .2s; -webkit-transition: all .2s; background-color: #f7f9fa; padding-left: 10px; }
.column-index-nav ul li { display: inline-block; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s; position: relative; line-height: 40px; min-width: 20px; padding: 0 10px; cursor: pointer; }
.column-index-nav ul li.this { background: #f04343; color: #fff; border-left-color: #bcd; border-right-color: #bcd; border-bottom-color: #fff; }

.column-all-list .column-all-item { float: left; width: 360px; padding: 10px; border: 1px solid #ececec; margin: 10px; }
.column-all-list .column-all-item .box { position: relative; padding-left: 145px; height: 138px; }
.column-all-list .column-all-item .box .pic { position: absolute; left: 0px; top: 0px; border: 1px solid #ececec; padding: 5px; }
.column-all-list .column-all-item .box .pic img { width: 122px; height: 122px; }
.column-all-list .column-all-item .box h2 { font-size: 18px; line-height: 40px; }
.column-all-list .column-all-item .box h3 { margin-top: 3px; font-size: 14px; font-weight: normal; line-height:22px; }
.column-all-list .column-all-item .box p { position: absolute; bottom: 10px; padding-left:50px;}
.column-all-list .column-all-item .box p .follow {position:absolute;left:0px; top:0px; background: #dd3a40; height: 32px; line-height: 32px; padding: 0 10px; text-align:left;}
.column-all-list .column-all-item .box p .msg { border: 1px solid #d9d9d9; background:#f3f3f3; padding:7px 10px; display: inline-block; -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5); transition: border-color .3s cubic-bezier(.65,.05,.35,.5); -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;   margin-left:7px;}
.column-all-list .column-atricle-list { margin-top: 10px; padding-left: 15px;  height:140px;}
.column-all-list .column-atricle-list .header { position: relative; }
.column-all-list .column-atricle-list .header h4 { color: #ff490a; font-size: 16px; line-height: 30px; font-weight: normal; border-bottom: 1px solid #e7e7e7; }
.column-all-list .column-atricle-list .header a { position: absolute; right: 5px; top: 0px; line-height: 30px; color: #333; }
.column-all-list .column-atricle-list ul { padding-right: 10px; margin-top: 15px; }
.column-all-list .column-atricle-list ul li { line-height: 30px; font-size: 14px; list-style-position: inside; list-style-type: disc; position: relative; }
.column-all-list .column-atricle-list ul li a { line-height: 30px; position: absolute; left: 13px; top: 0px; }




