@charset "UTF-8";
/*common*/
@media screen and (min-width: 320px) { html { font-size: 22px; }
  body { font-size: 12px; } }
@media screen and (min-width: 360px) { html { font-size: 24px; }
  body { font-size: 12px; } }
@media screen and (min-width: 375px) { html { font-size: 25px; }
  body { font-size: 12px; } }
@media screen and (min-width: 384px) { html { font-size: 25.6px; }
  body { font-size: 14px; } }
@media screen and (min-width: 400px) { html { font-size: 26.67px; }
  body { font-size: 14px; } }
@media screen and (min-width: 414px) { html { font-size: 27.6px; }
  body { font-size: 14px; } }
@media screen and (min-width: 424px) { html { font-size: 28.27px; }
  body { font-size: 14px; } }
@media screen and (min-width: 480px) { html { font-size: 32px; }
  body { font-size: 15.36px; } }
@media screen and (min-width: 540px) { html { font-size: 36px; }
  body { font-size: 17.28px; } }
@media screen and (min-width: 720px) { html { font-size: 48px; }
  body { font-size: 23.04px; } }
@media screen and (min-width: 750px) { html { font-size: 50px; }
  body { font-size: 24px; } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { background-color: #f0f0f0; font-family: Arial, Microsoft YaHei; margin: 0; padding: 0; min-width: 320px; max-width: 750px; }

input, textarea { font-family: Arial,Microsoft YaHei; }

a { text-decoration: none; cursor: pointer; color: #333; }

ul, li { list-style: none; }

ul { margin: 0; padding: 0; list-style-type: none; }

ul li { float: left; }

.left { float: left; }

.right { float: right; }

.blue { color: #0080fc !important; }

.orange { color: #ff5b01 !important; }

.green { color: #38b03f !important; }

.red { color: #ff0000 !important; }

.yellow { color: #fff100 !important; }

.grey { color: #999 !important; }

.ui-mobile .ui-page { max-width: 750px; min-width: 320px; }

.ui-content { margin: 1.76rem 0 0; }

.xuicon { font-size: 0.52rem; color: #fff; width: 0.8rem; height: 0.8rem; display: inline-block; text-align: center; line-height: 0.8rem; -moz-border-radius: 0.16rem; -webkit-border-radius: 0.16rem; border-radius: 0.16rem; background-color: #38b03f; margin-right: 0.24rem; }

.taoicon { font-size: 0.52rem; color: #fff; width: 0.8rem; height: 0.8rem; display: inline-block; text-align: center; line-height: 0.8rem; -moz-border-radius: 0.16rem; -webkit-border-radius: 0.16rem; border-radius: 0.16rem; background-color: #0080fc; margin-right: 0.24rem; }

.qingicon { font-size: 0.52rem; color: #fff; width: 0.8rem; height: 0.8rem; display: inline-block; text-align: center; line-height: 0.8rem; -moz-border-radius: 0.16rem; -webkit-border-radius: 0.16rem; border-radius: 0.16rem; background-color: #ff5b01; margin-right: 0.24rem; }

.mask { position: absolute; top: 0px; left: 0px; z-index: 1001; opacity: 0.3; background-color: #000; }

/*-------------------header-------------------*/
.headcommon { border-bottom: 1px solid #ccc; width: 100%; max-width: 750px; height: 1.76rem; line-height: 1.74rem; background-color: #f9f9f9; font-size: 0.68rem; font-weight: bold; text-align: center; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999; }

.headcommon .goback { width: 0.5rem; height: 100%; background: url(//cdnimg.dd373.com/newfile/dlwap/images/goback.png) center center no-repeat; background-size: 100%; display: block; position: absolute; top: 0; left: 0.6rem; }

/*-------------------footer-------------------*/
.ui-footer-fixed { max-width: 750px; }

.foot { width: 100%; height: 1.96rem; background-color: #f6f6f6; border-top: 1px solid #ccc; left: 0; right: 0; width: 100%; max-width: 750px; position: fixed; z-index: 1000; bottom: 0; }

.foot ul { width: 100%; height: 100%; overflow: hidden; }

.foot ul li { width: 20%; height: 100%; text-align: center; }

.foot ul li a { margin: 0.3rem 0 0 !important; padding: 0; color: #929292; position: relative; overflow: visible; display: block; }

.foot ul li a i { font-size: 0.96rem; }

.foot ul li a p { margin: 0; padding: 0; font-size: 0.4rem; }

.foot ul li a .redspot { display: block; width: 0.32rem; height: 0.32rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ff0000; position: absolute; top: 0; left: 55%; }

.foot ul li a.chosen { color: #0080fc; }

.foot ul li a.chosen p { color: #0080fc; }

/*-------------------window-------------------*/
.tipWindow { width: 11rem; height: 7rem; border: 1px solid #ccc; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; display: none; z-index: 1002!important; overflow: hidden; }

.tipWindow .tpcontent { width: 100%; height: 5.22rem; }

.tipWindow .tpbottom { width: 100%; height: 1.76rem; border-top: 1px solid #ccc; }

.tipWindow .tpbottom .twobtn { color: #0080fc; font-size: 0.68rem; display: inline-block; width: 50%; text-align: center; line-height: 1.76rem; border-left: 1px solid #ccc; box-sizing: border-box; margin: 0 0 0 -1px; }

.tipWindow .tpbottom .onebtn { color: #0080fc; font-size: 0.68rem; display: inline-block; width: 100%; text-align: center; line-height: 1.76rem; }

.tipWindow .warn { text-align: center; overflow: hidden; }
.tipWindow .warn .title { font-size: 0.68rem; color: #333; margin: 1.6rem 0 0.88rem; line-height: 0.68rem; }
.tipWindow .warn .tip { font-size: 0.56rem; color: #666; }

.tipWindow .explain { overflow: hidden; }
.tipWindow .explain .title { font-size: 0.68rem; color: #333; margin: 1.28rem 0 0.72rem; text-align: center; }
.tipWindow .explain .tip { font-size: 0.56rem; color: #666; margin: 0 0.6rem; line-height: 0.96rem; }

.tipWindow .delconfirm { text-align: center; font-size: 0.68rem; color: #333; line-height: 5.22rem; display: table;}
.tipWindow .delconfirm p{ line-height: 1rem; display: inline-block; vertical-align: middle; text-align: left;}

.tipWindow .grey { color: #999 !important; }

.statusWindow { width: 6.2rem; height: 6.2rem; background-color: rgba(0, 0, 0, 0.8); -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; text-align: center; overflow: hidden; position: absolute; top: 0; left: 0; display: none; }

.statusWindow .statu-right { width: 3.12rem; height: 2.1rem; background: url(//cdnimg.dd373.com/newfile/dlwap/images/staturight.png) center center no-repeat; background-size: 100%; margin: 1.6rem auto 0; }

.statusWindow .statu-wait { width: 3.02rem; height: 3.02rem; background: url(//cdnimg.dd373.com/newfile/dlwap/images/statuwait.png) center center no-repeat; background-size: 100%; margin: 1rem auto 0; }

.statusWindow .statustext { font-size: 0.68rem; color: #b3b3b3; margin: 1rem 0; }

/*-------------------loadMore-------------------*/
.loadMore { width: 100%; height: 1.6rem; text-align: center; color: #999; font-size: 0.48rem; padding-top: 0.2rem; }

.loadMore .moreicon { width: 0.54rem; height: 0.76rem; background: url(//cdnimg.dd373.com/newfile/dlwap/images/moreicon.png) center center no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin: 0 0.4rem 0.1rem; }

/*-------------------侧边弹出框 -------------------*/
.noscroll { overflow: hidden; }

.optionWindow { width: 0; position: fixed; top: 0; bottom: 0; left: 100%; background-color: #fff; z-index: 1002; font-size: 0.56rem; color: #333; overflow: hidden; }

.oWleft { left: -100%; }

.optionWindow .owtitle { width: 100%; height: 1.76rem; line-height: 1.74rem; border-bottom: 1px solid #ccc; font-size: 0.68rem; font-weight: bold; text-align: center; position: relative; box-sizing: border-box; margin-bottom: 0.92rem; background-color: #f9f9f9; }

.optionWindow .owtitle a { height: 100%; display: block; position: absolute; top: 0; color: #0080fc !important; font-weight: normal; }

.optionWindow .owtitle .cancel { left: 0.6rem; }

.optionWindow .owtitle .confirm { right: 0.6rem; }

.optionWindow .owtitle .goback { width: 0.5rem; height: 100%; background: url(//cdnimg.dd373.com/newfile/dlwap/images/goback.png) center center no-repeat; background-size: 100%; display: block; position: absolute; top: 0; left: 0.6rem; }

.optionWindow .optiondiv { margin: 0.52rem 0 0 0.6rem; overflow: hidden; }

.optionWindow .optiondiv .title { font-size: 0.48rem; line-height: 0.55rem; color: #666; margin-bottom: 0.36rem; }

.optionWindow .optiondiv ul li { margin: 0 0.48rem 0.4rem 0; }

.optionWindow .optiondiv ul li a { width: 3.6rem; height: 1.24rem; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1.24rem; display: block; text-align: center; box-sizing: border-box; overflow: hidden; }

.optionWindow .optiondiv ul li.chosen a { border: 2px solid #0080fc; color: #fff; background-color: #0080fc; }

.optionWindow .gameinfo { margin: -0.92rem 0 0.92rem; overflow: hidden; padding: 0 0 0 0.6rem; border-bottom: 1px solid #ccc; }
.optionWindow .gameinfo li { border-bottom: 1px solid #ccc; height: 1.76rem; line-height: 1.76rem; font-size: 0.56rem; width: 100%; }
.optionWindow .gameinfo li:last-child { border: none; }
.optionWindow .gameinfo li a { display: block; width: 100%; height: 100%; background: url(//cdnimg.dd373.com/newfile/dlwap/images/arrow_right.png) right 0.6rem center no-repeat; background-size: 0.32rem; }
.optionWindow .gameinfo .selected { float: right; margin-right: 1.4rem; color: #666; }
.optionWindow .gameinfo .chosen a { color: #0080fc !important; }

.optionWindow .selectOptions { margin: 0; overflow: auto; }

.optionWindow .scrollbox { overflow: auto; position: absolute; top: 3.52rem; left: 0; right: 0; bottom: 0; -webkit-overflow-scrolling: touch; }

.optionWindow .searchipt { height: 1.76rem; border-bottom: 1px solid #ccc; margin: -0.92rem 0 0.92rem; overflow: hidden; position: relative; }
.optionWindow .searchipt input { margin: 0.32rem 0.6rem 0 0.6rem; padding: 0 0 0 1.16rem; border: none; width: 11.8rem; height: 1.12rem; line-height: 1.12rem; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; display: block; font-size: 0.48rem; color: #333; background: url(//cdnimg.dd373.com/newfile/dlwap/images/search_ipt.png) 0.44rem center no-repeat; background-size: 0.52rem; background-color: #e4e5e7; text-align: left;}
.optionWindow .searchipt input::-webkit-input-placeholder { color: #999; }
.optionWindow .searchipt input::-moz-placeholder { color: #999; }
.optionWindow .searchipt input::-ms-input-placeholder { color: #999; }
.optionWindow .searchipt input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
.optionWindow .searchipt .clear { width: 0.72rem; height: 0.72rem; background: url(//cdnimg.dd373.com/newfile/dlwap/images/ipt_clear.png) center center no-repeat; background-size: 100%; display: block; position: absolute; top: 0.52rem; right: 0.8rem;display: none; }

/*-------------------底部弹出框-------------------*/
.bottomWindow { width: 100%; position: absolute; bottom: 0; left: 0; display: none; z-index: 1002; }
.bottomWindow .bwtitle { width: 100%; height: 1.76rem; line-height: 1.74rem; border-bottom: 1px solid #ccc; font-size: 0.68rem; font-weight: bold; text-align: center; position: relative; box-sizing: border-box; background-color: #f9f9f9; }
.bottomWindow .bwtitle a { height: 100%; display: block; position: absolute; top: 0; color: #0080fc !important; font-weight: normal; }
.bottomWindow .bwtitle .cancel { left: 0.6rem; }
.bottomWindow .bwtitle .confirm { right: 0.6rem; }
.bottomWindow ul { overflow: hidden; padding: 0 0 0 0.6rem; background-color: #fff; }
.bottomWindow ul li { border-bottom: 1px solid #ccc; height: 1.76rem; line-height: 1.76rem; font-size: 0.56rem; width: 100%; }
.bottomWindow ul li:last-child { border: none; }
.bottomWindow .single .chosen { background: url(//cdnimg.dd373.com/newfile/dlwap/images/checkicon.png) right 0.6rem center no-repeat; background-size: 0.52rem; }
.bottomWindow .multiple label { margin: 0; }
.bottomWindow .multiple .iptbox { width: 0.72rem; height: 100%; margin: 0 0.2rem 0 0; display: inline-block; }
.bottomWindow .multiple .uncheck { background: url(//cdnimg.dd373.com/newfile/dlwap/images/uncheck.png) center center no-repeat; background-size: 100%; }
.bottomWindow .multiple .check { background: url(//cdnimg.dd373.com/newfile/dlwap/images/check.png) center center no-repeat; background-size: 100%; }
.bottomWindow .multiple input { width: 0.72rem; height: 0.72rem; margin: 0 0.2rem 0 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

/*-------------------返回顶部-------------------*/
.gotop { width: 1.76rem; height: 1.76rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #0080fc; display: block; color: #fff; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; overflow: hidden; position: fixed; right: 0.3rem; bottom: 3rem; z-index: 99; }
.gotop .arrowtop { width: 0.38rem; height: 0.22rem; background: url(//cdnimg.dd373.com/newfile/dlwap/images/gotop.png) center center no-repeat; background-size: 100%; display: block; margin: 0.4rem auto 0.3rem; }
.gotop p { font-size: 0.48rem; line-height: 0.48rem; color: #fff; }

.mui-pull-caption { width: 100%; height: 1.6rem; line-height: 1.6rem; text-align: center; color: #999; font-size: 0.48rem; padding-top: 0.2rem; font-weight: normal; }
.mui-pull-bottom-pocket { visibility: visible; }
.mui-table-view:before{height: 0;}
.mui-table-view:after{height: 0;}
.mui-table-view-cell:after{height: 0;}