/*reset*/
body{margin: 0;padding: 6px 0 0;background: #fff;color: #000;font: 12px/1.5 arial, sans-serif}
body, th, td{font-family: arial}
html, body, ul, ol, li, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin: 0;padding: 0}
p, form, ol, ul, li, h3, menu{list-style: none}
table, img, fieldset{border: 0}
img, object, select, input, textarea, button{vertical-align: middle}
article, aside, footer, header, section, nav, menu, figure, figcaption, hgroup, details{display: block}
caption, th{text-align: left}
h1, h2, h3, h4, h5, h6, input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr{font-style: normal;font-size: 100%}
q:before, q:after{content: ''}
ins, s, u, del{text-decoration: none}
input{padding-top: 0;padding-bottom: 0}
em, cite{font-style: normal}
em{color: #c00}
a{text-decoration: none}
a:hover{text-decoration: none}
a:hover em{text-decoration: none}
.gclearfix:after{display: block;visibility: hidden;clear: both;height: 0;content: ''}
.gclearfix{zoom: 1}

/*mian*/
.top-vrank{overflow:hidden;width:1170px;margin:10px auto;padding:15px;padding-bottom:0;}
.top-vrank .mod-hd:before,.top-vrank .mod-hd:after{content:"";display:table}
.top-vrank .mod-hd:after{clear:both}
.top-vrank .mod-hd{*zoom:1;margin-bottom:12px}
.top-vrank .mod-bd{margin-top:0}

/*.top-vrank h3{font-size:12px;float:left;color:#bbbccd;margin-right:20px;margin-top:3px}*/
.top-vrank .tabs{ font-family:"Arial";font-size:14px; color:#333; text-align:center;margin: 0 auto 20px; text-align: center;width: 1170px;}
.top-vrank .tabs li{text-align:center;border-radius:6px;cursor: pointer;display: inline-block; margin: 0 10px; padding: 10px 20px; font-size: 14px; color: #333; background:#fff; border:1px #ccc double;width:120px;}
.top-vrank .tabs a{color:#333;}
.top-vrank .tabs a:hover{color:#5db538;text-decoration:none}
.top-vrank .tabs .active{color: #fff; text-align:center; font-size:14px;font-family: "Arial"; color:#FFFFFF;background:#119748; border-radius:6px; width:120px;}
.top-vrank .tabs .active a{color:#fff;}

/*.top-vrank .more{position: absolute;top:17px;right: 17px;font-size:12px;}
.top-vrank .more a{color:#a5a5b5}
.top-vrank .more a:hover{color:#5db538;text-decoration:none}*/

.top-vrank .mod-bd .views{width:1170px;height:740px;overflow:hidden;-webkit-perspective:1500px;-moz-perspective:1500px;perspective:1500px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.top-vrank .views .view-item{position:absolute;left:0;top:0;z-index:1;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:fadeout .3s ease-in forwards;-moz-animation:fadeout .3s ease-in forwards;animation:fadeout .3s ease-in forwards; width:372px; height:255px;}
.top-vrank .views .active{-webkit-animation:fadein .5s ease forwards;-moz-animation:fadein .5s ease forwards;animation:fadein .5s ease forwards;z-index:2;width:372px; height:255px;}

.top-vrank .views .first{-webkit-animation:none;-moz-animation:none;animation:none;z-index:2;width:372px; height:255px;}

@-webkit-keyframes fadeout{from{-webkit-transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,0,-300px);opacity:0}}@-moz-keyframes fadeout{from{-moz-transform:translate3d(0,0,0);opacity:1}to{-moz-transform:translate3d(0,0,-300px);opacity:0}}@keyframes fadeout{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,0,-300px);opacity:0}}@-webkit-keyframes fadein{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes fadein{from{-moz-transform:translate3d(-100%,0,0)}to{-moz-transform:translate3d(0,0,0)}}@keyframes fadein{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}

.top-vrank .view-list{width:1170px;}
.top-vrank .view-list li{width:372px;font-size:14px;text-align:center;float:left;margin-right:15px;z-index:1;overflow:hidden}
.top-vrank .view-list li a{text-decoration:none;color:#888999}
.top-vrank .view-list li a:hover{color:#5db538}
.top-vrank .view-list li img{width: 100%; height:255px;border-radius:4px;box-shadow:0 1px 3px #222;}
.top-vrank .view-list li .mask{width:92px;height:86px;top:-86px;left:-92px;z-index:3;background:url(../images/t0129d4cce7a885cf2e.png) no-repeat 0 0;-webkit-transition:.1s left,0.2s .1s top;-moz-transition:.1s left,0.2s .1s top;-ms-transition:.1s left,0.2s .1s top;-o-transition:.1s left,0.2s .1s top;transition:.1s left,0.2s .1s top;pointer-events:none}
.top-vrank .view-list li:hover .mask{left:0;top:0}
.top-vrank .view-list li .name{font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #125697; font-weight: 600;display:block;width:375px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 0 14px; text-align:center;}
************/

.sypro3 {font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #125697;text-decoration: none; font-style: normal;	font-weight: 600; text-align:center;}
.sypro4 {font-family: "Arial";font-size: 13px;none;line-height: 24px;color: #9d9d9d;text-decoration: none; font-style: normal;	font-weight: 500; padding:0 20px;text-align:center;}

.loadMore{width:100%;height:40px;border-top:1px solid #119748;z-index:2;}
.loadMore a{height:40px;line-height:40px;text-align:center;width:140px;color:#fff;background-color:#119748;left:45%;top:-20px;font-size:14px;}
.loadMore a:hover{background-color:#2d2d2d;}