*{margin:0; padding:0; font-size:15px; color:#000000; outline:none; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; -webkit-tap-highlight-color:transparent; font-family:sans-serif;}
div{overflow:hidden;}
::-webkit-scrollbar{display:none;}
a{color:#999; text-decoration:none; -webkit-tap-highlight-color:rgba(200,200,200,0.2);}
a:active{color:#000000;}
img{border:none;}
ul{list-style-type:none;}
body{background:#F0EFF5; -webkit-user-select:none; -moz-user-select:none;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none; background:inherit;}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.m-right {
    margin-right: 5px;
	vertical-align: bottom;
}

.m-left {
    margin-left: 10px;
}
.yh-link {
    width: 60px;
	font-size: 12px;
    margin: 0 -10px 0 0;
    line-height: 40px;
    text-align: center;
    display: inline-block;
}

/* 头部导航 */
.mui-header{display:flex; width:100%; height:44px; text-align:center; top:0px; left:0px; position:fixed; z-index:19; background:#0088EC;}
.mui-header h1{font-size:18px; height:44px; line-height:44px; overflow:hidden; width:100%; padding:0px 38px 0px 38px; text-align:center; font-weight:400; white-space:nowrap; text-overflow:ellipsis; color:#FFF;}
.mui-header + .mui-wrap{padding-top:44px;}
#mui-back{width:50px; height:44px; line-height:43px; text-align:center;font-size:25px; color:#FFFFFF;flex-shrink:0;}

/* 栏目导航 */
.m_nav {
    margin: 10px 0 10px 0;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
}
.m_nav a {
    color: #666;
}

.m_nav a:hover {
    color: #1169af;
    text-decoration: none;
}

/* image list */
/*推荐广告标识*/
.divbox-ad { position: absolute; width: 72px; height: 20px; background-color: red; color: white; text-align: center; transform: rotate(-40deg); top: 6px; left: -15px; z-index:18; } 
.divbox-ad p { font-size: 14px;color:#fff; line-height: 20px; margin: 0; }
.divbox-flag { position: absolute; width: 72px; height: 20px; background-color: #0088EC; color: white; text-align: center; transform: rotate(-40deg); top: 6px; left: -15px; z-index:18;} 
.divbox-flag p { font-size: 14px; line-height: 20px; margin: 0; }

.pic {
    position: relative;
	background: #fff;
    border: 0px #d3d3d3 solid;
    max-height: 230px; 
    overflow: hidden;
    text-align: center;
}

.pic img {
    display: block;
    width: 100%;
}

/* 图片模块  */
.hot-sreach{background:#FFFFFF; padding:2px;}
.hot-sreach-title{line-height:38px; font-size:15px; font-weight:700;}
.hot-sreach-keys{margin-top:5px;text-align:center;}
.hot-sreach-keys a{display:block; border-radius:5px; float:left; margin:0 2px 5px 3px; padding:6px 6px; line-height:20px; font-size:13px; background:#EFF3F6;width:52px;}
#list li{width:50%; float:left; 0px;}
#list .img-list-content{padding:5px; padding-bottom:10px;}
#list h1{font-size:14px;}
.tagbox{width:100%;background:#fff;color:#333;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}

.img-list{position:relative;font-size:13px;}
.img-list li{position:relative; margin-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; padding:0px 3px;}
.img-list li a{display:block; padding:0px;color:#666;font-size:13px;}
.img-list img{display:block; background:#FFFFFF;min-height: 200px;max-height: 200px;overflow: hidden;}
.img-list-content{padding:8px 8px 10px 8px; background:#FFFFFF;}
.img-list h1{font-size:13px; line-height:1.8em; font-weight:500;color:#333;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.img-list p{font-size:13px; line-height:1.6em; color:#999999; word-break:break-word;}
.img-list span{font-size:13px; line-height:1.6em; color:#999999; word-break:break-word;}

/* 侧面菜单 */
.mui-slide-menu{width:30%; height:100%; position:fixed; z-index:99; background:#0088EC; right:-30%; top:0px;}
.mui-slide-menu ul{padding:10px;}
.mui-slide-menu li{color:#FFFFFF;font-size:14px;line-height:40px; height:40px; overflow:hidden;}

/* 搜索导航 */
#mui-header-sreach{width:100%; border-radius:50px; height:32px; margin:6px; display:flex; background:#FFFFFF;}
#mui-header-sreach input{width:100%;padding:0px; height:32px !important; line-height:32px !important; margin:0px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; font-size:14px; text-indent:10px;}
.mui-header-sreach-txt{width:50px; height:44px; text-align:center; line-height:44px; flex-shrink:0; color:#FFF; flex-shrink:0;}
.mui-wrap{width:100%;}

/* 分页样式 */
.pager {
    padding: 0px 0 10px 0;
}

.page {
    margin: 0 auto;
    height: 32px;
    text-align: center;
}

.page li {
    display: inline-block;
    margin-right: 5px;

}

.page li a {
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #414141;
    border: 1px solid #d9d9d9;
    display: inline-block;
    background: #fff;
}

.page li span {
    padding: 0 5px;
    height: 30px;
    line-height: 30x;
    text-align: center;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    background: #fff;
}

.page li a:hover, .page li.current a {
    height: 30px;
    line-height: 30px;
    background: #168EE1;
    color: #fff;
}

.page .point {
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    margin-right: 4px;
}

.page li.disabled {
    color: #BFBFBF;
	height: 30px;
    line-height: 30px;
    cursor: default;
}

.page li.disabled:hover {
    background: #fff;
    color: #BFBFBF;
    height: 30px;
    line-height: 30px;
}

/*详细页按钮*/
.left {
    float: left !important;
}

.right {
    float: right !important;
}
.pins-btn {
    text-align: center;
    margin: auto;
    overflow: hidden;
}
.pins-btn a {
    text-align: center;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
    display: block;
    border-radius: 20px;
}

.pins-btn a i {
    font-size: 20px;
    margin: 0 5px 0 0;
    color: #fff;
}

.pins-btn .btn-views{
    width: 100px;
    margin-top: 0px;
	margin-bottom: 10px;
}

.pins-btn .btn-download {
    width: 100px;
	margin-left: 10px;
}
.pins-btn .btn-download a {
    background: #3dbb2b;
}

.pins-btn .btn-views a {
    text-align: center;
    background: #3498db;
}

/* refresh */
.mui-refresh{}
.mui-refresh-icon{height:60px; line-height:60px; text-align:center; margin-top:-60px; position:relative; color:#9E9E9E;}
.mui-refresh-icon *{color:#9E9E9E;}
.mui-refresh-content{}
#mui-load-more{height:28px; line-height:28px; text-align:center; color:#9E9E9E; position:relative; padding-bottom:5px; margin-top:0px;}
#mui-load-more *{color:#9E9E9E;}

/* 通用标题 */
.mui-title{width:100%; height:44px; line-height:44px; font-size:14px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mui-more{float:right; font-size:12px; color:#999999;}
.mui-more a{font-size:13px; color:#999999;}
/* 居中的标题 */
.mui-center-title{width:100%; margin-bottom:10px;}
.mui-center-title h1{width:50%; margin:0 auto; text-align:center; border-bottom:1px solid #E3E3E3; height:50px; line-height:50px; font-size:17px; overflow:hidden; font-weight:400;}
/* 带有修饰的通用标题 */
.mui-title-txt{width:100%; line-height:40px; font-size:16px;text-align:center;}
.mui-common-title{width:100%; height:44px; display:flex; justify-content:center;}
.mui-common-title-txt{width:25%; line-height:44px; font-size:16px;text-align:center;}
.mui-common-title-line{width:35%; margin:0 3%; height:1px; background:#E3E3E3; margin-top:21px;}
/* 文本 */
.mui-content{line-height:2.2em; font-size:15px; position:relative;margin-top:5px;}
.mui-content *{line-height:2.2em; font-size:15px;}
.mui-content img{width:90%;}
.mui-content p{text-indent:2.2em;}

/* 列表 */
.mui-list{padding:0px; border:1px solid #E4E3E6; border-left:0; border-right:0; background:#FFFFFF;}
.mui-list li{position:relative; display:flex; width:100%; overflow:hidden; height:50px;}
.mui-list li > a, .mui-list > a{display:flex; width:100%; height:50px; overflow:hidden;}
.mui-list li:active, .mui-list > a:active{background-color:#ECECEC;}
.mui-list-text{line-height:49px; height:49px; width:100%; margin-left:12px; border-bottom:1px solid #E4E3E6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; justify-content:space-between;}
.mui-list-text-content{width:100%; white-space:nowrap; text-overflow:ellipsis;}
.mui-list-icons{margin:14px 0px; width:40px; text-align:center; flex-shrink:0; font-size:25px; text-align:center; line-height:22px; color:#0088EC;}
.mui-list-icons img{width:22px; margin-left:12px;}
.mui-list-info{color:#999; float:right; padding-right:6px !important; font-size:13px; flex-shrink:0;}
.mui-list-info *{color:#999; font-size:13px;}
.mui-list li:last-child .mui-list-text, .mui-list > a:last-child .mui-list-text{border:0;}

/* 按钮 */
.mui-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; font-size:15px; height:42px; line-height:42px; outline:0; overflow: hidden; position:relative; text-align:center; color:#656B79; background-color:#F6F8F9; box-shadow:0 0 1px #B8BBBF; padding:0px 16px;}
.mui-button *{color:inherit;}
.mui-button:active{background:#C8C8C8;}
.mui-button-large{width:100%;}
.mui-primary{background:#0088EC !important; color:#FFFFFF !important;}
.mui-primary:active{background:#0066CC !important;}
.mui-danger{background:#EF4F4F !important; color:#FFFFFF !important;}
.mui-danger:active{background:#FF0000 !important;}
.mui-button-small{height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px;}

/* 遮罩层 */
#mui-mask{position:fixed; z-index:20; background:rgba(0,0,0, 0); width:100%; left:0px; top:0px; height:100%;}

/* 对话框 */
/* toast */
#mui-toast{width:100%; position:fixed; z-index:21; left:0; bottom:50px; text-align:center;}
#mui-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#mui-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#mui-icon-toast *{color:#FFFFFF;}
#mui-icon-toast .hui-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#mui-icon-toast .hui-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}

#mui-dialog{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#mui-dialog-in{width:300px; margin:0 auto; background:#FFFFFF; border-radius:1px;}
#mui-dialog-msg{padding:28px 15px; font-size:16px; text-align:center; line-height:32px; padding-bottom:22px;}
#mui-dialog-btn-line{height:48px; line-height:48px; color:#0088EC; border-top:1px solid #F4F5F6; text-align:center; font-size:16px;}
#mui-dialog-btn-line > div{width:50%; color:#FFFFFF; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; background:#0088EC;}
#mui-dialog-btn-line > div:active{opacity:0.9;}
#mui-dialog-btn-line > div:first-child{color:#999999 !important; background:#FFFFFF;}
#mui-dialog-input-in{width:85%; padding:0px 2%; margin:0 auto; border:1px solid #D1D1D1; height:35px;}
#mui-dialog-input{width:100%; border:none; height:35px; line-height:35px;}
.mui-loading-text{float:left; line-height:inherit; padding-left:3px;}

/* 表单及表单元素 */
.mui-form{background:#FFFFFF;}
.mui-form-items{padding:15px 10px; border-bottom:1px solid #F3F4F5; position:relative; display:-webkit-flex; display:flex;}
.mui-form-items-title{width:22%; line-height:22px; height:22px; flex-shrink:0;}
.mui-form-items .mui-input{width:100% !important;}
.mui-form-items .mui-form-radios{width:75% !important; padding:0px !important;}
.mui-form-items .mui-form-textarea{width:75% !important;}
.mui-form-items:last-child{border:none;}
.mui-input{height:22px; line-height:22px; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0; background:#FFF; width:100%; display:block; padding:0px;}
#mui-input-clear{width:52px; height:52px; position:absolute; z-index:1; line-height:52px; text-align:center; right:0px; top:0px; color:#999999; background:#FFF;}
#mui-input-clear:before{font-family:"mui-font" !important; content:"\e6a0"; font-size:18px;}
.mui-pwd-eyes{width:52px; height:52px; background:#FFFFFF; position:absolute; z-index:1; text-align:center; line-height:52px; right:0px; top:0px; color:#999999;}
.mui-pwd-eyes:before{font-family:"mui-font"; content:"\e63d"; font-size:12px;}
.mui-pwd-eyes-sed{color:#0088EC !important;}
.mui-form-radios {line-height:22px;}
/* checkBox */
.mui-form-radios input[type="checkbox"]{display:none;}
.mui-form-radios input[type="checkbox"] + label{line-height:22px; padding-right:5px; margin-right:5px;}
.mui-form-radios input[type="checkbox"] + label:before{font-family:"mui-font" !important; content:"\e63e"; font-size:20px; padding-right:5px; color:#999999; line-height:22px;}
.mui-form-radios input[type="checkbox"]:checked + label:before{content:"\e63e"; color:#0088EC;}
/* checkBox */
.mui-form-radios input[type="radio"]{display:none;}
.mui-form-radios input[type="radio"] + label{line-height:22px; padding-right:5px; margin-right:5px;}
.mui-form-radios input[type="radio"] + label:before{font-family:"mui-font" !important; content:"\e60f"; font-size:20px; padding-right:5px; color:#999999;}
.mui-form-radios input[type="radio"]:checked + label:before{content:"\e60f"; color:#0088EC;}
/* select */
.mui-form-select{}
.mui-form-select select{border:none; padding:6px 22px 6px 6px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAXCAYAAACMLIalAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFHSURBVEiJ7dY/SgNREMfx7wQrlSBLCo+RNMFY5Qapts4FFK0ClrmGNoEEcoGcQT2A5AQKVmqRRlTGwp8SdNk/8a27hQMPdmffzPvs48GuuTt1i0bVgKT4R+WNhpmNzSz+bSMzi81sHAJlwD3wBBy6+8OGoAi4BPbcfT8ErAc8AgvA3J0iQy+2UI9e0frEnmo8ABwYbYAaqXYQAvSFUvML4A3oFwD1VXMeCvQdtQNcAbdAlAMUAXeq2S4FpYXaOhvzHKi55rZDgn6gtNhQZ+QkBXSqOcPQoESUFp0AL0A34VkXeAUmZYDSUE1gCdwArbV8S7kl0PxTlAAd7dZ0LTdVrlMWKBUlxJHOTqzhwHGZoEyUYDPgWWNWNsjdPz4raWFmu8C1bg/cfZVaECC2sia4+8rMzj6vywYB2TtVRdTzJ69qQFLUEvUOCvU4pv7sx1oAAAAASUVORK5CYII=") no-repeat right center #E3E3E3; background-size:auto 40%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:1px;}
.mui-form-select select:before{font-family:"mui-font"; content:"\e63d"; font-size:12px;}
/* textarea */
.mui-form-textarea{padding-top:5px;}
.mui-form-textarea textarea{width:100%; height:80px; background:#FAFAFA; border:none; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* switch 开关 */
.mui-switch{width:50px; height:32px; border-radius:32px; -webkit-border-radius:32px; background:#DDDDDD; border:2px solid #DDDDDD; position:relative; text-align:right; line-height:32px; padding-right:16px; font-size:16px; padding-left:16px;}
.mui-switch span{color:#9E9E9E;}
.mui-switch-in{width:30px; height:30px; position:absolute; z-index:2; left:0px; top:0px; border-radius:50%; background:#FFFFFF; -moz-box-shadow:1px 1px 1px #999999; box-shadow:2px 2px 2px #999999; -webkit-box-shadow:1px 1px 1px #999999; margin:0px;}
.mui-switch-on{background:#4CD964 !important; color:#FFFFFF !important; text-align:left !important; border:2px solid #4CD964 !important;}
.mui-switch-on .mui-switch-in{right:0px; left:auto;}
.mui-switch-on span{color:#FFFFFF;}

/* swipe */
.mui-swipe{width:100%; position:relative;}
.mui-swipe-items{width:500%; position:relative; left:0; top:0;}
.mui-swipe-pre{width:20%;}
.mui-swipe-pre img{width:100%;}
.mui-swipe-item{width:20%; font-size:0px; float:left;}
.mui-swipe-item img{width:100%;}
.mui-swipe-indicator{width:96%; position:absolute; z-index:3; left:2%; bottom:8px; display:none;}
.mui-swipe-indicators{width:15px; border-radius:3px; height:3px; background:#FFFFFF; float:left; margin:0px 3px;}
.mui-swipe-indicator-active{background:#0088EC !important;}
/* number box */
.mui-number-box{border:1px solid #D1D1D1; height:36px; float:left; border-radius:2px; -webkit-border-radius:2px;}
.mui-number-box input{float:left; height:36px; line-height:36px; padding:0px 5px; text-align:center; background:#FFFFFF; width:50px; border:0px; font-size:16px; border-radius:0;}
.mui-number-box .reduce{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:28px;}
.mui-number-box .add{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:22px;}
.mui-number-box div:active{background:#B8BBBF;}

/* 选项卡 */
.mui-tab{width:100%;  background:#FFFFFF;}
.mui-tab-title{padding:0px 10px;}
.mui-tab-title div{height:46px; line-height:46px; float:left; font-weight:700; text-align:center; width:20%; border-bottom:2px solid #F7F8F9;}
.mui-tab-body{width:100%;}
.mui-tab-body-items{width:500%; position:relative; left:0px; top:0px;}
.mui-tab-item{width:20%; float:left;}
.mui-tab-active{border-bottom:2px solid #0088EC !important; color:#0088EC;}

@keyframes mui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-moz-keyframes mui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-webkit-keyframes mui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-o-keyframes mui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
.mui-slide-menu-show{-webkit-animation:mui-a-menu-show 0.3s forwards; animation:mui-a-menu-show 0.3s forwards;}
@keyframes mui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-moz-keyframes mui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-webkit-keyframes mui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-o-keyframes mui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
.mui-slide-menu-hide{-webkit-animation:mui-a-menu-hide 0.3s forwards; animation:mui-a-menu-hide 0.3s forwards;}

/* swipe do */
.mui-swipe-do{width:100%; overflow-x:auto; background:#FFFFFF; margin:1px 0;}
.mui-swipe-do-doms{width:1000px;}
.mui-swipe-do-doms > div{float:left;}
.mui-swipe-do-content{width:80%;}
.mui-swipe-do-btn{height:60px; width:70px; color:#FFFFFF; text-align:center; line-height:60px; font-size:16px; background:#FF3A31;}
.mui-swipe-do-btn-gray{color:#000000; background:#C8C7CD;}
.mui-swipe-do-btn-blue{color:#FFFFFF; background:#0088EC;}
/* black mask */
#mui-black-mask{width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:990; left:0; top:0;}
#mui-black-action{width:100%; height:50px;}
#mui-black-close{float:right; width:50px; color:#FFFFFF; height:50px; line-height:50px; text-align:center; font-family:"mui-font";}
#mui-black-close::before{content:"\e617"; font-size:22px;}
#mui-black-mask-content{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); z-index:991;}

/*素材下载验证*/
.yzmbox {
    margin: 0 auto;
    width: 300px;
    min-height: 400px;
    background-color: #fff;
    position: fixed;
    display: none;
    left: 45%;
	border-radius: 18px;
    z-index: 99999;
}

.top-s {
	font-size: 16px;
	color: #6e6162;
	display: block;
	text-align: left;
	margin-left: 10px;
	margin-top: 13px;
	margin-bottom: 15px;
}

.top-x {
	font-size: 16px;
	color: #a69c9d;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.cuo {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	cursor: pointer;
}

.loginmask {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 133%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.50;
    filter: alpha(opacity=80);
}