* { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { max-width: 800px; margin: 0 auto; padding: 0; border: 0; background-color: #EFEFEF; }
html, body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
body { font-size: 14px; line-height: 1.5; color: #3D4145; overflow: hidden; font-family: "Helvetica Neue", Helvetica, sans-serif; }
input[type=button], input[type=submit] { -webkit-appearance: none !important; /*解决iphone safari上的圆角问题*/ }
a, a:link, a:visited, a:active { color: #3d4145; cursor: pointer; text-decoration: none; }
    a:hover { color: #F63; }
/********************************************************************/
.flex,
.mwpt-tabbar,
.mwpt-form-row,
.mwpt-tabbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-1,
.mwpt-tabbar-item,
.mwpt-form-input { webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }
.flex-auto { webkit-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; min-width: 0; }

.border { border: 1px solid #DDD !important; }
/*城市选项弹出框样式*/
.ajax-area-dialog { width: 200px; padding-top: 2px; padding-bottom: 2px; }
.ajax-area-select-item { width: 45%; height: 24px; line-height: 24px; }
.ajax-area-item { width: 20%; }

.emptytooltip { width: 90%; }
/*******************************/
.skippr-nav-container { bottom: 5px !important; }
.skippr-nav-element-bubble { width: 14px !important; height: 14px !important; }
.skippr-nav-element-block { width: 30px !important; height: 10px !important; margin-right: 1px; }
/*******************************/
.btn-danger { background-color: #fe575f; }
/*******************************/
.mwpt-textbox,
.mwpt-textbox-border { height: 40px; font-size: 14px; color: #666; margin: 0; padding: 0 0 0 3px; border: 0; }
.mwpt-textbox-border { border: 1px solid #DDD; padding: 3px 5px; }


.mwpt-bar { font-size: 16px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; right: 0; z-index: 10; background-color: #f7f7f8; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .mwpt-bar:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.mwpt-bar-title { font-size: 18px; position: absolute; display: block; width: 100%; padding: 0; margin: 0 -0.5rem; font-weight: 500; color: #3d4145; text-align: center; white-space: nowrap; }
.mwpt-bar-btn { z-index: 20; font-size: 18px; color: #0894ec !important; position: absolute; top: 0; bottom: 0; }
    .mwpt-bar-btn .wpt-icon { width: 22px; height: 22px; margin-top: 8px; }
.mwpt-bar-btn-left { left: 7px; }
.mwpt-bar-btn-right { right: 7px; }
.mwpt-tabbar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 500; }
.mwpt-tabbar { width: 100%; height: 50px; background-color: #F7F7FA; border-top: 1px solid #C0BFC4; text-align: center; }
.mwpt-tabbar-item { padding: 0; margin: 0; color: #555; position: relative; }
.mwpt-tabbar-item-btn { width: 100%; height: 100%; display: block; }
.mwpt-tabbar-item-label { width: 100%; display: block; color: #000; font-size: 13px; line-height: 1; padding-top: 8px; }
.mwpt-tabbar-item-icon { display: block; width: 24px; height: 24px; font-size: 20px; color: #777; padding: 4px 0 0; margin: 0 auto; overflow: hidden; }
    .mwpt-tabbar-item-icon .wpt-icon { width: 100%; height: 100%; margin: 0 auto; padding: 0; display: block; }
.mwpt-tabbar-sub { width: 100%; font-size: 14px; background-color: #FFF; box-shadow: 0 0 7px #CCC; border: 1px solid #FFF; position: absolute; bottom: 98%; display: none; text-align: center; }
.mwpt-tabbar-sub-item { width: 100%; height: 38px; line-height: 38px; text-align: center; overflow: hidden; position: relative; }
    .mwpt-tabbar-sub-item a { width: 100%; height: 90%; display: block; }
    .mwpt-tabbar-sub-item:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #DDD; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
    .mwpt-tabbar-sub-item:last-child:after { display: none; }
.cirbg_white { background: #fff; padding: 2px; border-radius: 50%; }

.mwpt-tab { background-color: white; position: relative; -webkit-align-self: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.mwpt-tab-item { text-align: center; color: #5f646e; width: 100%; height: 40px; line-height: 40px; display: block; cursor: pointer; white-space: nowrap; position: relative; text-overflow: ellipsis; background: none; padding: 0 0.5rem; margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-decoration: none; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; border: 0; border-bottom: 2px solid transparent; border-radius: 0; }
    .mwpt-tab-item.active { color: #0894ec; border-color: #0894ec; z-index: 100; }
.mwpt-tab-fixed { position: absolute; left: 0; right: 0; top: 0; }
    .mwpt-tab-fixed:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }

.mwpt-steptab { background-color: white; position: absolute; left: 0; right: 0; top: 0; -webkit-align-self: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
    .mwpt-steptab:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.mwpt-steptab-item { text-align: center; color: #5f646e; width: 100%; height: 40px; line-height: 40px; display: block; cursor: pointer; white-space: nowrap; position: relative; text-overflow: ellipsis; background: none; padding: 0 0.5rem; margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-decoration: none; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; border: 0; border-bottom: 2px solid transparent; border-radius: 0; }
    .mwpt-steptab-item.active { color: #0894ec; border-color: #0894ec; z-index: 100; }

/*当你给一个元素设置过position:absolute;或者position:relative;后再增加-webkit-overflow-scrolling: touch;属性后，你会发现，滑动几次后可滚动区域会卡主，不能在滑动，这时给元素增加个z-index值就可以了。*/
.mwpt-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; /*-webkit-overflow-scrolling: touch; z-index: 1;*/ }
.mwpt-bar ~ .mwpt-steptab,
.mwpt-bar ~ .mwpt-tab-fixed,
.mwpt-bar ~ .mwpt-content { top: 40px; }

.mwpt-tabbar ~ .mwpt-content { bottom: 50px; }
.mwpt-tabbar ~ .global-carticon, .mwpt-content ~ .global-carticon,
.mwpt-tabbar ~ .global-gotop, .mwpt-content ~ .global-gotop { bottom: 60px; }

.mwpt-steptab ~ .mwpt-content,
.mwpt-tab-fixed ~ .mwpt-content { top: 80px; }
/*******************************************/
.sharetool { width: 36px; height: 36px; line-height: 36px; border-radius: 36px; background-color: #029338; /*box-shadow: #AAA 1px 1px 3px;*/ position: fixed; right: 10px; bottom: 110px; z-index: 2; overflow: hidden; }
    .sharetool a { width: 100%; height: 100%; margin: 0 0 0 -1px; background-size: 70%; text-indent: 999px; overflow: hidden; display: block; }
.global-carticon { width: 36px; height: 36px; line-height: 36px; border-radius: 36px; background-color: #fe575f; /*box-shadow: #AAA 1px 1px 3px;*/ position: fixed; right: 10px; bottom: 10px; z-index: 2; overflow: hidden; }
    .global-carticon a { width: 100%; height: 100%; margin: 0 0 0 -1px; background-size: 70%; text-indent: 999px; overflow: hidden; display: block; }
.global-gotop { width: 36px; height: 36px; line-height: 36px; border-radius: 36px; background-color: #FFF; border: 1px solid #DDD; /*box-shadow: #AAA 1px 1px 2px;*/ position: fixed; right: 10px; bottom: 10px; z-index: 2; overflow: hidden; }
    .global-gotop i { width: 24px; height: 24px; display: block; margin: 6px auto 0; }
/*******************************************/
.mwpt-search-bar { width: 100%; height: 40px; padding: 5px; background: rgba(0,0,0,.1); }
    .mwpt-search-bar .search-key { width: 100%; height: 30px; display: block; padding: 4px 4px 4px 30px; border: 1px solid #CCC; margin: 0; color: #333; font-size: 14px; border-radius: 5px; background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURUdwTJiYmJmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmepmQKcAAAALdFJOUwAQwSz36oKWRd5iOI6B8gAAAK1JREFUGNNjYAACM1WXoGQGOGjaDQIaMK747vBGBonS3YUQLqO2mwCIStkkAOYL7TQA08yzFcF09USoPsntIJJjiwGUz+wNYjFtg9uTrQAkrAPhfNHNIMECOJ8dpFS7Ac7n2AQkogXgfMatQMIb4W6GLVj4yOp3YjEP3T5096C7F90/6P5FCg9H1PDaAg0weHhqK6KGtxBUASg+JiWDdCoyoAC4ApiHMBWg8hmVAA2NM1jXr567AAAAAElFTkSuQmCC) 8px center no-repeat; background-size: auto 60%; }
    .mwpt-search-bar .search-submit { width: 80%; height: 30px; background: #3985ff; color: #fff; padding: 0; border: 0; margin: 0 auto; border-radius: 5px; display: block; }

/*******************************************/
.hgrid { width: 100%; padding: 10px 0; margin-bottom: 8px; font-size: 12px; line-height: 1.5; text-align: center; background-color: #FFF; }
    .hgrid li { flex: 1; position: relative; overflow: hidden; }
        .hgrid li span, .hgrid li label { display: block; margin: 0; }
        .hgrid li span { color: #F63; font-size: 16px; }
.hgrid-badge { font-size: 10px !important; padding: 0 5px !important; position: absolute !important; top: 2px; right: 2px; }

.hgrid2 { width: 100%; text-align: center; background-color: #FFF; }
.hgrid2-item { height: 60px; line-height: 1; border: 1px solid #DDD; border-width: 0 1px 0 0; flex: 1; position: relative; overflow: hidden; }
    .hgrid2-item:last-child { border-right-width: 0; }
    .hgrid2-item i,
    .hgrid2-item label { display: block; margin: 0; line-height: 1; }
    .hgrid2-item i { color: #F63; font-size: 24px; height: 24px; margin-top: 8px; overflow: hidden; }
    .hgrid2-item label { font-size: 12px; margin-top: 8px; }
.hgrid2 ~ .hgrid2 .hgrid2-item { border-top-width: 1px; }
/*******************************************/
.mwpt-accordion { background-color: #FFF; width: 100%; border-color: #DDD; border-style: solid; border-bottom-width: 1px; }
.mwpt-accordion-head { width: 100%; height: 40px; line-height: 40px; font-size: 15px; padding: 0 15px; }
    .mwpt-accordion-head .icon { font-size: 18px; margin: 0 5px 0 0; padding: 0; border: 0; }
.mwpt-accordion-body { display: none; border-top: 1px solid #DDD; }
.mwpt-accordion:last-child .mwpt-accordion { border-bottom-width: 0; }
/*******************************************/
.mwpt-card { background-color: #FFF; box-shadow: 0 1px 2px #BBB; margin: 8px; position: relative; border-radius: 4px; }
.mwpt-card-fill { width: 100%; border-radius: 0; margin-left: 0; margin-right: 0; }
.mwpt-card-header { width: 100%; height: 40px; line-height: 40px; font-size: 15px; font-weight: 700; padding: 0 10px; background-color: #FAFAFA; border-bottom: 1px solid #DDD; text-shadow: 1px 1px 1px #DDD; }
.mwpt-card-content { width: 100%; }
/*******************************************/
.mwpt-list { background-color: #FFFFFF; list-style: none; padding: 0; margin: 0; position: relative; }
/*.mwpt-list:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }*/
.mwpt-list-item { padding: 0 10px; min-height: 40px; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.mwpt-list-item-media { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-top: 0.35rem; padding-bottom: 0.4rem; }
.mwpt-list-item-link .mwpt-list-item-inner { padding-right: 20px; background-size: 12px; background-repeat: no-repeat; background-position: 97% center; background-position: -webkit-calc(100% - 5px) center; background-position: calc(100% -5px) center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==); }
.mwpt-list-item-inner { min-height: 40px; padding-right: 0.75rem; position: relative; width: 100%; padding-top: 0.4rem; padding-bottom: 0.35rem; overflow: hidden; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
    .mwpt-list-item-inner:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.mwpt-list-item:last-child .mwpt-list-item-inner:after { display: none; }

.mwpt-list-item-title { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.mwpt-list-item-after { white-space: nowrap; color: #5f646e; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 0.25rem; display: -webkit-box; display: -webkit-flex; display: flex; max-height: 1.4rem; }
/*******************************************/
.mwpt-form { background-color: #FFFFFF; list-style: none; padding: 0; margin: 0; position: relative; }
.mwpt-form-row { width: 100%; min-height: 40px; line-height: 40px; position: relative; }
    .mwpt-form-row:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.mwpt-form-label { width: 100px; font-size: 14px; padding-right: 5px; text-align: right; }
.mwpt-form-input .mwpt-textbox { height: 40px; }
/*******************************************/
.mwpt-detail { padding: 10px; line-height: 1.7; border: 1px solid #DDD; background-color: #FFF; font-size: 14px; color: #4F4F4F; box-sizing: border-box; }
.mwpt-detail-title { line-height: 1.4; font-weight: 600; font-size: 18px; width: 100%; padding: 0 0 10px 0; color: #333; border-bottom: 1px solid #E4E4E4; text-align: center; }
.mwpt-detail-info { text-align: left; color: #AAA; padding: 10px; margin-bottom: 15px; border-bottom: 1px solid #E4E4E4; box-sizing: border-box; }
.mwpt-detail-content { width: 100%; padding: 5px 0; overflow: hidden; }
    .mwpt-detail-content p { word-wrap: break-word; }
    .mwpt-detail-content img,
    .mwpt-detail-content video { max-width: 100%; margin: 0 auto; padding: 0; display: block; clear: both; }
    .mwpt-detail-content a { color: #ca1d4f; }
.mwpt-detail-ad { width: 100%; padding: 0; overflow: hidden; }
/*******************************************/