@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{font-size: 14px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html, button, input, select, textarea{font-family:'Microsoft Yahei','simsun', "arial", "sans-serif";}
button, input, select, textarea{font-size: 100%;}
body{color: #333;background-color: #ffffff;line-height: 1.5;}
audio,canvas,video{display: inline-block;*display: inline;*zoom: 1;}
address, cite, dfn, em, var, i{font-style: normal;}
a{color: #338de6;text-decoration: none;} 
a:focus{outline: thin dotted;outline:none;}
a:active, a:hover{outline: 0;}
a:hover{text-decoration: underline;}
q{quotes: none;}
q:before, q:after{content: '';content: none;}
small{font-size: 75%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
ul, ol, li{list-style-type:none}
img{border: 0;-ms-interpolation-mode: bicubic;}
svg:not(:root){overflow: hidden;}
button, input, select{vertical-align: middle;}
textarea{overflow: auto;vertical-align: top;}
button, input{line-height: normal;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance: button;cursor: pointer; *overflow: visible;}
button[disabled], input[disabled]{cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0;}
input[type=checkbox], input[type=radio]{box-sizing: border-box; *height: 13px; *width: 13px;}
input[type=search]{-webkit-appearance: textfield;box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing: 0;}
th{text-align:inherit;}
 
.link:hover{text-decoration: underline !important; color:#f22424;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.icon{display: inline-block;overflow: hidden; background-repeat:no-repeat;background-image:url("gicon.png")/*tpa=http://img.chinaz.com/templates/game/new/images/public/gicon.png*/;}
.bn{border: none !important;}
.fl{float: left; display:inline-block;}
.fr{float: right !important;display:inline-block;}
.tc{text-align: center;}
.tl{text-align: left !important;}
.tr{text-align: right;}
.cursor{cursor: pointer;}
.auto{ margin-left:auto; margin-right:auto;}
.overhid{ overflow:hidden;}
.Tin0{ text-indent:0 !important;} 

.YaHei{font-family: 'Microsoft YaHei';}
.SimSun{font-family:'Tahoma','simsun' !important;}
._autohide{ display:none !important;}
._block{ display:block;}
._dinline{ display:inline-block;}
._pr{ position:relative;}
._pa{ position:absolute;}
	._top35{ top:35px;}
	._top15{ top:15px;}
	._top5{ top:5px;}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*+height:1%;}
/*wrapper*/

/*font*/
.col-white{ color:#fff;}
.col-gray{ color:#999999;}/*一般*/
.col-gray02{ color:#333333;}/*标题*/
.col-gray03{ color:#969595;}/*列表标题*/
.col-gray04{ color:#666666;}
.col-red{ color:#ff0000 !important;}/*高亮*/
.col-red02{ color:#e60012;}/**/
.col-red03{ color:#f22424 !important;}/**/
.col-red04{ color:#f33e3e;}
.col-blue{ color:#16cad7;}/*评分*/
.col-blue02{ color:#53a0ee;}/*IOS*/
.col-blue03{ color:#4575ac;}

.col-green{ color:#81c706;}/*评分*/
.col-green{ color:#54b645;}/*安卓*/
.col-orange{ color:#fc802d;}/*评分*/
.col-cyan{ color:#0fcd9b;}/*评分*/


/*background*/
.bg-gray07{ background-color:#f5f3f2;}
.bg-white{ background-color:#FFFFFF;}
.bg-white02{ background-color:#FFFFFF;}
.bg-black{ background-color:#313131;}/*头部*/
.bg-gray{ background-color:#323232;}/*底部*/
.bg-gray02{ background-color:#292929;}/*底部*/
.bg-gray03{ background-color:#fafafa;}/*列表*/
.bg-gray04{ background-color:#eeeeee;}/*列表头部*/
.bg-gray05{ background-color:#cccccc;}/*序号*/
.bg-gray06{ background-color:#f1f1f1;}/*更多*/
.bg-orange{ background-color:#f6bb43 !important;}/*序号*/
.bg-orange02{ background-color:#ff9000 !important;}/*序号*/
.bg-orange03{ background-color:#fd9c61;}/*评分*/
.bg-red{ background-color:#ff3d3d !important;}
.bg-red02{ background-color:#f22424;}/*序号*/
.bg-red03{ background-color:#e60012 !important;}/*序号*/
.bg-blue{ background-color:#16cad7;}/*评分*/
.bg-blue02{ background-color:#53a0ee;}/*更多*/
.bg-blue03{ background-color:#35a1ef;}/*头部*/
.bg-green{ background-color:#81c706;}/*评分*/
.bg-green02{ background-color:#48cb57;}
.bg-orange03{ background-color:#fc802d;}/*评分*/
.bg-cyan{ background-color:#0fcd9b;}/*评分*/
.bg-cyan02{ background-color:#49d9d1;}/*评分*/
/*border*/
.bor-a1s{border:1px solid #c6cede;}
.bor-t2s{ border-top:2px solid #dbdbdb;}

.bor-r1s{ border-right:1px solid #eeeeee;}

.bor-b1s{ border-bottom:1px solid #dddddd;}
.bor-b1s02{ border-bottom:1px solid #39a7f6;}/*标题*/
.bor-b1s03{ border-bottom:1px solid #eeeeee;}
.bor-b2s{ border-bottom:2px solid #dbdbdb;}

.bor-b3s{ border-bottom:3px solid #f43232;}
.bor-b3s02{ border-bottom:3px solid #e6e3e3;}


.bor-l1s{ border-left:1px solid #f2f2f2;}
.bbn{ border-bottom:none !important;}
.brn{ border-right:none !important;}
.bln{ border-left:none !important;}






/*font*/
.tdbone{ text-decoration:none;}
.fwnone{ font-weight:normal;}
.fb{ font-weight:bold;}
.fz12{ font-size:12px;}
.fz14{ font-size:14px;}
.fz16{ font-size:16px;}
.fz18{ font-size:18px;}
.fz20{ font-size:20px;}
.fz22{ font-size:22px;}
.fz24{ font-size:24px;}
.fz26{ font-size:26px;}
.fz34{ font-size:34px;}
.fz38{ font-size:38px;}

 
/*width*/


.ww100{ width:100%;}
.w80-0{ width:80%;}
.w18-0{ width:18%;}
.w28-0{ width:28%;}
.w45{ width:45px;}
.w460{ width:460px;}
.w78{ width:78px;}
.w84{ width:84px;}
.w110{ width:110px;}
.w115{ width:115px;}
.w108{ width:108px;}
.w223{ width:223px;}
.w340{ width:340px;}
.w365{ width:365px;}
.w380{ width:380px;}
.w480{ width:480px;}
.w595{ width:595px;}

/*height*/
.hauto{ height:auto !important;}
.h24{height:24px;}
.h30{ height:30px;}
.h35{ height:35px;}
.h40{ height:40px;}
.h160{ height:160px;}
.h200{ height:200px;}
.h370{ height:370px;}

.lh24{ line-height:24px;}
.lh30{ line-height:30px;}
.lh35{ line-height:35px;}
.lh40{ line-height:40px;}






/*padding*/
.plr10{ padding-left:10px; padding-right:10px;}
.plr5{ padding-left:5px; padding-right:5px;}
.ptb2{padding-top:2px; padding-bottom:2px;}
.ptb5{ padding-top:5px; padding-bottom:5px;}
.ptb10{ padding-top:10px; padding-bottom:10px;}
.ptb20{ padding-top:20px; padding-bottom:20px;}
.ptb30{ padding-top:30px; padding-bottom:30px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}

.pr5{ padding-right:5px;} 
.pr10{ padding-right:10px;} 
.pr15{ padding-right:15px;} 
.pr20{ padding-right:20px;} 

.pb5{ padding-bottom:5px;} 
.pb10{ padding-bottom:10px;} 
.pb18{ padding-bottom:18px;} 
.pb20{ padding-bottom:20px;} 
.pb50{ padding-bottom:50px;} 

.pl0{ padding-left:0px !important;} 
.pl5{ padding-left:5px;} 
.pl10{ padding-left:10px !important;} 
.pl15{ padding-left:15px;} 
.pl20{ padding-left:20px;} 
/*margin*/

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}


.mr0{ margin-right:0px !important;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr40{ margin-right:40px;}


.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb17{ margin-bottom:17px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}



.ml0{ margin-left:0px !important;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
 


/* CSS Document */