/***********************
模块名：tui-turnpage
作者：rexren
************************/

/*翻页-左右翻*/
.tui-turnpage {clear: both;text-align: center;position:relative;z-index:200;}
.tui-turnpage a,.tui-turnpage .ellipsis {width: 16px;height: 16px;display: inline-block;border-radius: 50%;*display: inline;font-size: 12px;font-family: "Motiva Sans", Sans-serif;*zoom: 1;color: rgba(255, 255, 255, 0.41);background: #404f6a;margin: 0 2px;text-align: center;line-height: 16px;vertical-align: middle;}
.tui-turnpage .ellipsis {border: 0;cursor: default;}
.tui-turnpage a:hover {color: rgba(255, 255, 255, 0.6);}
.tui-turnpage .cur,.tui-turnpage .cur:hover {background-color: #1d91e8;color: #fff;border-color: #292e35;}
.tui-turnpage .turn {font-family: simsun;line-height: 17px;}

/*翻页-列表翻*/
.tui-page-b{ font-size: 0; margin: 0 -2px;}
.tui-page-b button,.tui-page-b span{display: inline-block;text-align: center;min-width: 26px;height: 24px;line-height: 22px;vertical-align: top;box-sizing: border-box; color: #666;}
.tui-page-b .group{margin: 0;}
.tui-page-b span{background: none;border: none;}
.tui-page-b button{font-size: 12px; margin: 0 2px; padding: 0 8px;background: rgba(255, 255, 255, .2);border: 1px solid rgba(0,0,0,.12); border-radius: 2px;}
.tui-page-b button.cur,.tui-page-b button.cur:hover{background-color: rgba(255,200,0,.5);border-color: #f69c00; color: #3c3c3c; cursor: default;}
.tui-page-b .btn-prev,
.tui-page-b .btn-next,
.tui-page-b .btn-first,
.tui-page-b .btn-last{ width: 38px;}
.tui-page-b .btn-prev:before,
.tui-page-b .btn-next:after,
.tui-page-b .btn-first:before,
.tui-page-b .btn-last:after{ content: "";width: 6px;height: 11px; display: inline-block;vertical-align: middle; margin-top: -2px;}
.tui-page-b .btn-first:before,
.tui-page-b .btn-last:after{ width: 9px;}
.tui-page-b .btn-prev:before{ margin-right: 2px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALBAMAAACufOGlAAAAJFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbAN1C+AAAADHRSTlMA+3BfVX96Tufb2sP3g3uRAAAAKElEQVQI12NgYLBiYGAWYmBwVGBgEWNgKAxgYOhmANMgPkgcIs9gCQBQngOh0Sed6wAAAABJRU5ErkJggg==") no-repeat;}
.tui-page-b .btn-next:after{margin-left: 1px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALBAMAAACufOGlAAAAJFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbAN1C+AAAADHRSTlMA+3FfVX96Tufa18OsLQTVAAAAKElEQVQI12OYzMDAoGjAwMAkAmQkOjAwsIoDGTtANIgPFIfIL2ZgAABbpgQ33/eGUwAAAABJRU5ErkJggg==") no-repeat;}
.tui-page-b .btn-first:before{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALBAMAAABfd7ooAAAAIVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYs5FxxAAAAC3RSTlMA/nxwX1Xh207nwyEzPYIAAAAvSURBVAjXY0hgYGApYBBgYHA0AJKswgxAMlABSHIIMQBJzgUMEDZUHKIGoh6iFwCltAUK6b1Q4QAAAABJRU5ErkJggg==") no-repeat;}
.tui-page-b .btn-last:after{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALBAMAAABfd7ooAAAAJFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbAN1C+AAAAC3RSTlMA+3xxX1Xh2U7nw6G5PtMAAAAsSURBVAjXYyhhYGBIYDB0YGDYwMAsCiIZFANAJJMEiGRYCWFDxGFqIOohegFVygqq1as7wAAAAABJRU5ErkJggg==") no-repeat;}
.tui-page-b .page-go{margin: 0 8px 0 29px; font-size: 12px; text-align: left;}
.tui-page-b .page-go input{width: 48px;height: 24px;background: #f9f9f9;border: 1px solid #a4a4a4; text-align: center;font-size: 12px;color: #3c3c3c;margin: 0 8px;border-radius: 2px;cursor: text;padding:0 5px;}
.tui-page-b .btn-confirm{background: none;border: 1px solid #a4a4a4;color: #3c3c3c; min-width: 50px; border-radius: 13px;}
.tui-page-b .btn-start, .tui-page-b .btn-end{padding:0 10px;}
.tui-page-b .btn-start{margin-right:5px;}
.tui-page-b .btn-end{margin-left:5px;}
.tui-page-b button:hover{background-color:rgba(164,164,164,.12); color: #656565;}
.tui-page-b button.disabled,
.tui-page-b button.disabled:hover{background-color: rgba(164,164,164,.04); border-color: rgba(0,0,0,.1);}
.tui-page-b button.disabled::before,
.tui-page-b button.disabled:hover::before,
.tui-page-b button.disabled::after,
.tui-page-b button.disabled:hover::after
{ opacity: .3;}
.tui-page-b .ellipsis{font-size: 12px; margin: 0 3px 0 1px;}

/*** tui-page-c ***/
.tui-page-c{ text-align: center;}
.tui-page-c .page-go{ margin-left:2px; min-width: 88px;}
.tui-page-c .page-go input,
.tui-page-c .btn-confirm{ border-radius: 2px; border-color: rgba(0,0,0,.12);}
.tui-page-c .page-go input{ margin-left: 0; margin-right: 7px; background: rgba(255, 255, 255, .2);}

/*翻页-迷你*/
.tui-turnpage--mini >*{vertical-align:middle;}
.tui-turnpage--mini .btn-pre, .tui-turnpage--mini .btn-next{display:inline-block;width:16px;height:16px;border:1px solid #B8B8B8;background:#FFFFFF;border-radius:16px;font-size:16px;line-height:12px;text-align:center;color:#B8B8B8;}
.tui-turnpage--mini .btn-pre:hover, .tui-turnpage--mini .btn-next:hover{color:#B8B8B8;background:rgba(164,164,164,0.12);}
.tui-turnpage--mini .num{display:inline-block;color:#3D3D3D;font-size:12px;}

/*位置变化*/
div[class^="tui-page"].align-center{text-align: center;}
div[class^="tui-page"].align-right{text-align: right;}