section,h5{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;outline: 0;}
body,html{width:100%;height:100%;margin:0;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
div{padding:0;margin:0;border:0}
.box{display: none;text-align: center;}
.page{width:100%;display:none; max-width: 640px; margin: 0 auto;}
.page1-border{border-bottom: 6px solid #F0F0F7;}
ul,li{ margin: 0;padding: 0;}
@font-face {font-family: 'iconfonts';src: url('../../font/iconfont.ttf') format('truetype');}
.iconfonts{font-family: "iconfonts" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: .2px;-moz-osx-font-smoothing: grayscale;}

/* nav */
.diy-nav-bar {width: 100%;margin-left: 0;border: 0;border-radius: 0;position: relative;top: 3px;display: table;overflow: hidden;font-size: 15px;font-weight: 400;table-layout: fixed;background-color: transparent;border-radius: 3px;-webkit-touch-callout: none;margin-bottom: 6px;}
.diy-nav-bar a:link,.diy-nav-bar a:visited,.diy-nav-bar a:hover,.diy-nav-bar a:active {font-size: 16px;color: #999;}
.diy-control-item {display: table-cell;width: 1%;overflow: hidden;line-height: 38px;color: #007aff;text-align: center;text-overflow: ellipsis;white-space: nowrap;border-color: #007aff;border-left: 1px solid #007aff;-webkit-transition: background-color .1s linear;transition: background-color .1s linear;color: inherit;border: 0;}
.diy-control-item.mui-active {color: #FF8800 !important;background: 0;border-bottom: 2px solid #FF8800;}

/* page4 */
.page4{position: relative;width: 100%;height: 100%;left: 0;top: 0;}
.videotop{position: absolute;width: 100%;left: 0;top: 0;}
.div-uploadimg{position: absolute;width: 24.6875%;right: 5px;top: 30px;}
.div-uploadimg img{display: block;width: 100%;}
.btn-uploadimg{position: absolute;width: 80%;height: 2.5em;line-height: 2.5em;text-align: center;font-size: 20px;left: 10%;bottom: 6em;background-color: #ca4848;color: white;border-radius: 10px;}
.btn-goback{position: absolute;width: 80%;height: 2.5em;line-height: 2.5em;text-align: center;font-size: 20px;left: 10%;bottom: 2em;background-color: white;color: #ca4848;border-radius: 10px;}

/* page1-search */
.page1-index{display: none;position: relative;left: 0;top: 0;}
.page1-title{height: 50px;line-height: 47px;font-size: 16px;background-color: #FF8800;color: white;}
.page1-search{padding-right: 0;padding-left: 0;}
.page1-search .form{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;box-sizing: border-box;height: 40px;padding-top: 5px;background: #fff;background-size: 0;}
.page1-search .form [data-role=input]{display: -webkit-box;-webkit-box-flex: 1;-webkit-flex: 1;box-sizing: border-box;position: relative;z-index: 0;padding: 0;margin: 0 .625rem;height: 30px;}
.page1-search .form input{display: block;box-sizing: border-box;width: 100%;height: 30px;margin: 0;padding: 0;padding-left: 30px;border: 1px solid #e5e5e5;border-radius: .25rem;color: #999;font-size: 14px;outline: 0; -webkit-appearance: none;}
.page1-search .form .icon-search, .page1-search .form .icon-close {position: absolute;left: 5px;font-size: 14px;line-height: 20px;margin-top: 5px;color: #ccc;}
.page1-search .form .icon-close {display: none;position: absolute;right: 5px;left: auto;}
.icon-search:before {content: "\e614";}
.icon-close:before {content: "\e613";}
.search-active {display: block!important;}

.ui-btn{display: inline-block;font-size: 14px;width: 50px;height: 30px;line-height: 30px;margin: 0 .3125rem 0 0;color: #999;background-color: #e8e8e8;border-radius: 3px;}

/* page1-new */
.wechat-content-padded {margin: 12px;margin-bottom: 5px;padding-bottom: 6px;border-bottom: 1px solid #e6e6e6;text-align: left;}
.content-nav-tip {padding: 2px;display: inline-block;vertical-align: middle;text-align: center;font-size: 12px;border-radius: 3px;color: #fff;}
.content-title {font-size: 14px;vertical-align: middle;font-weight: 400;color: #8f8f94;}
.wechat-new-tip {background-color: #FF4852;}
.wechat-classify-tip{background-color: #139F00;}
a:-webkit-any-link {color: -webkit-link; text-decoration: none; cursor: auto;}
.star-new{display: inline-block;width: 23%;position: relative;vertical-align: top;padding: 5px 8px;box-sizing: border-box;-webkit-user-select: none;outline: 0;}
.star-new>a{position: relative;display: block;overflow: hidden;color: inherit;text-overflow: ellipsis;white-space: nowrap;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell {padding: 5px 8px;}
.tuijian-title {display: block;width: 100%;height: 15px;margin-top: 8px;font-size: 12px;line-height: 15px;color: #333;text-overflow: ellipsis;}
.star-new .cover{margin: 0 auto !important; }

/* page1-classify */
section>[data-role=body] {padding-right: 8px;padding-left: 8px;overflow: hidden;}
.entry {margin-top: .25rem;margin-bottom: .25rem;text-align: left;}
.entry a {display: inline-block;text-decoration: none;padding: .15rem 0.31rem;margin: .1875rem .1875rem .375rem .1875rem;font-size: 0.5rem;color: #9b9b9b;background-color: white;border: 1px solid #9b9b9b;border-radius: 17.25px;}
.entryActive {color: #FF8800 !important; border-color: #FF8800 !important;}

/* All list */
.icon-right:before {content: "\e60f";}
.star-item {position: relative; display: -webkit-flex; display: -ms-flexbox;display: flex;display: -webkit-box;box-sizing: border-box;padding: 11px 12px;width: 100%;height: 80px;text-decoration: none;border-bottom: 1px solid #f7f7f7;color: #000; font-size: 12px;}
.star-item>a {display: -webkit-flex;display: -ms-flexbox;display: flex;display: -webkit-box;text-decoration: none;width: 100%;position: relative;}
.cover {position: relative;display: inline-block;margin: 0 auto;text-align: center;box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);overflow: hidden;/*background: url("../img/game-icon.png") no-repeat;*/margin-right: 10px;margin-left: 2px;background-size: 60px 60px;background-position: center;background-color: rgba(241,241,241,0.5);-webkit-box-flex: 1;}
.cover, .cover img:first-child {border-radius: 12px;width: 60px;height: 60px;}
.new-corner{position: absolute;top: 0;left: 0;width: 35px;height: 35px;border-radius: 12px 0 0 0;}
.diy-meta{padding-top: 12px;}
.diy-meta .title {color: #333;font-weight: 400;font-size: 14px;margin-bottom: 2px;margin-top: -2px;text-align: left;}
.mui-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.icon-start-filled5 {color: #ffa016;font-size: 14px;}
.icon-start-filled5:before {content: "\e611""\e611""\e611""\e611""\e611";}
.icon-start-filled51 {color: #ffa016;font-size: 14px;}
.icon-start-filled51:before {content: '\e438\e438\e438\e438\e438';}
.diy-meta .count {font-size: 12px;margin-right: 4px;margin-left: 4px;color: #9b9b9b;}
.star-item .play {position: absolute;display: block;width: auto;color: #FF8800;min-width: 30px;right: 10px;top: 30px;padding: 0 6px;border: 1px solid;border-radius: 3px;}

.AjaxLoading{width: 100%;height: 80px;text-align: center;font-size: 14px;line-height: 80px;color: #333;}
.AjaxLoading img{display: inline-block;margin-bottom: -3px;margin-right: 5px;}
.AjaxLoading p{display: inline-block;}

.searchlist{display: none;}
.diy-content-padded {margin: 12px;margin-bottom: 0;padding-bottom: 6px;border-bottom: 1px solid #e6e6e6;font-size: 14px;font-weight: 400;color: #8f8f94;line-height: 1;text-align: left;}

.search-rcmd-close {padding: 8px 20px;border: 1px solid #ddd;margin: 20px 0;display: inline-block;border-radius: 5px;font-size: 12px;}
.search-rcmd-close .icon-close {color: #bbb;}

.appendbtn{display: inline-block;margin: 0 5%;padding: 0.5em 0em;font-size: 16px;color: white;background-color: #ff4303;border-radius: 40px;width: 35%;box-sizing: border-box;-webkit-box-sizing: border-box;}

.active{display: block;}