@charset "UTF-8";
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}  
table {border-collapse:collapse;border-spacing:0;}   
fieldset,img {border:0;}   
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}   
button,input,select,textarea{font:12px/1.5 "Microsoft Yahei",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;outline:none;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
em {font-style:normal} 
small{font-size:12px} 
ol,ul {list-style:none; }   
caption {text-align:left; }   
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family:Microsoft YaHei;}
/*h2,h3{font-size:14px;color:#333;}  */
q:before,q:after {content:'';}   
abbr,acronym {border:0; }
i {font-style:normal;}
body{ font-size:12px; line-height:1.5; font-family:"Microsoft YaHei",SimSun,Arial; color:#555; background:#fff;}
a { color:#353535; text-decoration:none; hide-focus:expression(this.hideFocus=true );outline: none;}
a:hover { color:#e60012;text-decoration:none;/* -moz-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in; */}
.clearfix { zoom:1;}
.clearfix:after { display:block; height:0; line-height:0; clear:both; visibility:hidden; content:"";}
.show {display: block !important;}
.hide {display: none !important;}
.fix-top {position: fixed;top: 0;left: 0;right: 0;z-index: 99;}
.flex-full {display: flex;flex-direction: column;min-height: 100vh;}
.flex-full .main {flex: 1;}

.text-red {color: #e94715;}
/*图标*/
.lp-icon {display:inline-block;width: 16px;height: 16px;text-indent: -9999px;overflow: hidden;background: url(../images/icon_posts.png) 0 0 no-repeat;vertical-align: middle;}

.icon-sd-arrow {width: 7px;height: 7px;background-position: -182px -4px;}
.icon-su-arrow {width: 7px;height: 7px;background-position: -199px -4px;}
.icon-path-arrow {width: 10px;height: 10px;background-position: -181px -19px;}
.icon-sm-query {width: 14px;height: 14px;background-position: -150px -55px;}
.icon-gray-search {width: 20px;height: 20px;background-position: -125px -55px;}
.icon-red-search {width: 20px;height: 20px;background-position: -125px -85px;}
.icon-posts-face {width: 24px;height: 24px;background-position: -155px -85px;}
.icon-posts-well {width: 24px;height: 24px;background-position: -185px -85px;}
.icon-posts-edit {width: 24px;height: 24px;background-position: -175px -120px;}
.icon-posts-del {width: 24px;height: 24px;background-position: -148px -120px;}
.icon-posts-wdel {width: 24px;height: 24px;background-position: -123px -120px;}
.icon-sm-edit {background-position: -190px -55px;}
.icon-sm-add {background-position: -195px -160px;}
.icon-xs-err {background-position: -170px -55px;}
.icon-xs-select {width: 8px;height: 8px;background-position: -180px -160px;}
.icon-lg-success {width: 40px;height: 40px;background-position: 0 -255px;}
.icon-rank-1 {width: 28px;height: 36px;background-position: -45px -255px;}
.icon-rank-2 {width: 28px;height: 36px;background-position: -75px -255px;}
.icon-rank-3 {width: 28px;height: 36px;background-position: -105px -255px;}

/*图片关联链接*/
.photo-rel-link{height: 40px; background:#f5f5f5; color:#fff; padding:0 15px; border:1px dashed #fff; position: relative;display: none}
.icon-rels{float: left; background: url(../images/edit_posts_icon.png) -87px -108px no-repeat; width: 24px; height: 24px; margin-top: 8px;}
.photo-rel-link .photo-rel-btn{float: left; margin-left: 15px; font-size: 14px; color:#666; margin-left: 5px; margin-right: 15px; line-height: 40px;}
.photo-rel-link .photo-rel-btn:hover{color:#e94715;}
.photo-rel-link .spanUrl{font-size: 12px; display: none; margin-left: 30px; margin-right: 40px; line-height: 40px; color:#666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.photo-rel-link .photo-rel-close{display: none; position: absolute; top: 11px; right: 15px; width: 18px; height: 18px; background: url(../images/button.png) no-repeat center center/cover; cursor: pointer;}
.photo-rel-link.hasUrl .photo-rel-btn{display: none;}
.photo-rel-link.hasUrl .spanUrl{display: block;  } 
.photo-rel-link.hasUrl .photo-rel-close{display: block;} 
/*button*/
.lp-btn {display: inline-block;height: 36px;line-height: 36px;font-size: 18px;color: #e94715;cursor: pointer;padding: 0 25px;border-radius: 3px;text-align: center;}
.lp-btn.active.focus,.lp-btn.active:focus,.lp-btn.focus,.lp-btn:active.focus,.lp-btn:active:focus,.lp-btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.lp-btn.focus,.lp-btn:focus,.lp-btn:hover{color: #e93000;text-decoration:none}

.btn-nobdbg {border: none;background: none;}
.btn-primary {color: #fff;border: none;background: #e94715;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {color: #fff;background: #e93000;}
.btn-defaut {color: #333;border: none;background: #eee;}
.btn-defaut:hover {color: #333;background: #eddfdf;}
.btn-outline {}
/*header*/
.header {width: 100%;height: 68px;border-bottom: 1px solid #ddd;}
.head-main {width: 980px;margin: 0 auto;font-size: 14px;}
.head-logo {float: left;width: 140px;padding-top: 17px;}
.head-logo .lp-logo {display: block;width: 140px;height: 45px;overflow: hidden;background: url(../images/logo.png) 0 0 no-repeat;}
.head-menu {float: left;height: 68px;padding: 0 10px 0 20px;}
.head-menu li {float: left;height: 100%;}
.head-menu li a {display: block;height: 62px;line-height: 62px;font-size: 16px;padding: 0 15px;border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
.head-menu li a:hover,
.head-menu li.current a {color: #e94715;border-top: 3px solid #fff;border-bottom: 3px solid #e94715;}
.head-user {float: right;padding-top: 15px;}
.head-user .u-avatar {float: left;width: 32px;height: 32px;border-radius: 100%;overflow: hidden;}
.head-user .u-avatar img {display: block;width: 100%;height: 100%;}
.head-user .u-name {line-height: 32px;}
.login-out {padding-top: 10px;}
.login-out a {color: #e94715;}
.login-out .split {display: inline-block;width: 1px;height: 14px;margin: 0 10px;overflow: hidden;background-color: #c9c9c9;vertical-align: -2px;}
.loading-dot {display: inline-block;width: 28px;height: 8px;text-indent: -9999px;overflow: hidden;background: url(../images/loading_dot.gif) 0 0 no-repeat;}
/*path*/
.page-path-text {width: 950px;color: #999;padding: 20px 15px;margin: 0 auto;}
.page-path-text a {color: #999;}
.page-path-text .lp-icon {margin: 0 3px;vertical-align: -1px;}
/*content*/
.container {width: 980px;margin: 0 auto;}
.content {float: left;width: 680px;min-height: 500px;}
.sidebar {float: right;width: 240px;}
.sidebar .side-inner {width: 240px;}
/*create posts*/
.top-control {width: 100%;}
.top-control-fix {padding: 15px 0;border-bottom: 1px solid #eee;background: #fff;}
.top-control-cont {width: 960px;margin: 0 auto;text-align: right;}
.posts-banner {position: relative;width: 980px;height: 480px;margin: 0 auto 40px;overflow: hidden;background-image: url(../images/cover_bg.jpg);background-repeat: no-repeat;background-color: #fff;background-position: center 0;-webkit-background-size: auto 100%;background-size: auto 100%;}
.set-toppic-bg {position: absolute;top: 0;left: 50%;z-index: 0;width: 980px;height: 100%;text-align: center;margin-left: -490px;}
.set-toppic-bg img {display: inline-block;width: 100%;height: 100%;}
.set-posts-cover {position: relative;width: 630px;margin: 0 auto;padding: 200px 0 0 350px;overflow: hidden;}
.set-posts-cover .set-upload {float: left;display: block;width: 69px;height: 69px;cursor: pointer;margin-right: 15px;overflow: hidden;background: url(../images/icon_posts.png) 0 -41px no-repeat;}
.set-posts-cover h2 {font-size: 24px;color: #fff;padding-top: 3px;}
.set-posts-cover p {font-size: 16px;color: #fff;}
.set-posts-title {position: absolute;width: 800px;bottom: 30px;left: 50%;margin-left: -450px;padding: 15px 70px 15px 20px;border: 1px solid #fff;background: #fff;}
.set-posts-title input {width: 100%;height: 22px;line-height: 22px;font-size: 18px;border: none;background: none;}
.set-posts-title .words-num {position: absolute;right: 20px;top: 20px;}
.create-posts {width: 680px;min-height: 300px;padding-bottom: 20px;}
.edtor-posts {width: 680px;min-height: 300px;padding-bottom: 20px;}
/*upload top edit*/
.set-toppic-btn {display: none;width: 180px;position: absolute;left: 50%;bottom: 110px;margin-left: -450px;background-color: #8b8b8b;background-color: rgba(0,0,0,.5);z-index: 5;}
.set-toppic-btn a {display: block;width: 160px;height: 34px;font-size: 14px;line-height: 34px;color: #fff;padding: 0 10px;overflow: hidden;}
.set-toppic-btn a:hover {color: #f08b1d;}
.set-toppic-btn a.settop-btn {color: #f08b1d;background: #666;background-color: rgba(0,0,0,.2);}
.set-toppic-btn ul {position: absolute;top: 34px;left: 0;z-index: 10;padding: 0 0 5px;transition: .2s ease-in-out 0s;background: #8b8b8b;background-color: rgba(0,0,0,.5);}
.set-toppic-btn li {position: relative;padding-bottom: 5px;}
.set-toppic-btn a i {float: left;display: inline-block;width: 20px;height: 20px;margin: 7px 10px 0 5px;vertical-align: -2px;background: url(../images/icon_posts.png) 0 -225px no-repeat;}
.set-toppic-btn a.settop-again i {background-position: -25px -195px;}
.set-toppic-btn a.settop-vod i {background-position: -48px -195px;}
.set-toppic-btn a.settop-vod-del i {background-position: -72px -195px;}
.set-toppic-btn a.settop-again:hover i {background-position: -25px -225px;}
.set-toppic-btn a.settop-vod:hover i {background-position: -48px -225px;}
.set-toppic-btn a.settop-vod-del:hover i {background-position: -72px -225px;}
/*upload top video*/
.set-topvod-load {display: none;position: fixed;width: 560px;left: 50%;top: 50%;z-index: 99;color: #fff;margin: -50px 0 0 -300px;padding: 20px 40px;border-radius: 5px;background: #888;background: rgba(0,0,0,0.5);}
.set-topvod-load .load-mask {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: rgb(0, 0, 0);opacity: 0.9;z-index: -1;}
.set-topvod-load h3 {font-size: 24px;font-weight: normal;color: #fff;margin-bottom: 12px;}
.set-topvod-load .load-progress {float: left;width: 480px;height: 18px;border-radius: 15px;background: #e2e2e2;}
.set-topvod-load .load-progress span {display: inline-block;width: 0;height: 100%;border-radius: 15px;background: #add75c;}
.set-topvod-load .up-cancel {float: right;color: #fff;font-size: 14px;}
.set-topvod-load .load-size {clear: both;padding-top: 10px;font-size: 12px;}
/*upload video state*/
.set-video-state {display: none;width: 380px;position: absolute;left: 50%;top: 50%;margin: -80px 0 0 -185px;color: #FFF;font-size: 20px;line-height: 28px;text-align: center;}
.set-video-state i.icon-trans {display: inline-block;width: 100px;height: 100px;background: url(../images/icon_posts.png) -110px -300px no-repeat;}
.set-video-state div p {text-shadow: 0 0 3px #333;}
.set-video-state .trans-vod {display: none;}
.set-video-state .trans-success i.icon-trans {background-position: 0 -300px;}
.preview-cover-vod {background: #333;}
/*upload banner*/
.modal-banner-layer {display: none;position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 99;}
.modal-banner-layer .mdl-mask {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: rgb(0, 0, 0);opacity: 0.9;z-index: -1;}
.modal-banner-layer .mdl-info {width: 600px;position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -300px;text-align: center;padding: 20px 20px 15px;background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);border-radius: 5px;color: #fff;}
.modal-banner-layer .mdl-info h3 {font-size: 22px;margin-bottom: 10px;color: #fff;}
.modal-banner-layer .mdl-info .loading-bar {display: inline-block;width: 500px;height: 18px;text-align: left;background: #eee;border-radius: 15px;}
.modal-banner-layer .mdl-info .loading-bar span {width: 0;height: 100%;display: inline-block;background: #add75c;border-radius: 15px;}
/*posts edit*/
.add-button-posts {position: relative;margin: 20px 0;}
.add-button-posts .add-icon {display:inline-block;width:34px;height:34px;cursor: pointer;background:url(../images/edit_posts_icon.png) 0 0 no-repeat;transition:transform .6s ease-in-out 0s;-webkit-transition:-webkit-transform .6s ease-in-out 0s;-moz-transition:-moz-transform .6s ease-in-out 0s;-o-transition:-o-transform .6s ease-in-out 0s}
.add-button-posts .add-icon:hover{background-position:0 -39px}
.edit-posts {position: absolute;top: 3px;right: 0; opacity: 0; pointer-events:none;}
.edit-posts li {width: 16.6%; float: left; }
.edit-posts li.add-pic {left: 20%; transform:translateX(-100%);}
.edit-posts li.add-video {left: 40%; transform:translateX(-200%);}
.edit-posts li.add-goods {left: 60%; transform:translateX(-300%);}
.edit-posts li.add-coup {left: 80%;  transform:translateX(-400%); display: none;}
.edit-posts li.add-vote {left: 80%;  transform:translateX(-500%); display: none;}
.edit-posts li a {cursor: pointer;font-size: 16px;line-height: 28px;color: #666;}
.edit-posts li a:hover {color: #e94715;}
.edit-posts li a i{width:30px;height:30px;display:inline-block;margin-right:10px;cursor: pointer;background:url(../images/edit_posts_icon.png) -78px 0 no-repeat;float:left;line-height:200px;overflow:hidden}
.edit-posts li a span {display: inline;}
@media \0screen\,screen\9{.edit_object li a{display:inline}
}
.edit-posts li a span{-webkit-animation:showWord .5s ease-in-out .2s forwards;-moz-animation:showWord .5s ease-in-out .2s forwards;-o-animation:showWord .5s ease-in-out .2s forwards;animation:showWord .5s ease-in-out .2s forwards}
@media all and (monochrome:0){.edit-posts li a span{opacity:0;filter:alpha(opacity=0)}
}
@media all and (min-width:0\0) and (min-resolution:.001dpcm){.edit-posts li a span{opacity:1;filter:alpha(opacity=100)}
}
.edit-posts .add-pic a i{background-position:-113px 0;}
.edit-posts .add-video a i{background-position:-148px 0;}
.edit-posts .add-goods a i{background-position:-183px 0;}
.edit-posts .add-coup a i{background-position:-218px 0;}
.edit-posts .add-vote a i{background-position:-253px 0;}
.edit-posts li a:hover i {background-position:-78px -39px;}
.edit-posts .add-pic a:hover i{background-position:-113px -39px;}
.edit-posts .add-video a:hover i{background-position:-148px -39px;}
.edit-posts .add-goods a:hover i{background-position:-183px -39px;}
.edit-posts .add-coup a:hover i{background-position:-218px -39px;}
.edit-posts .add-vote a:hover i{background-position:-253px -39px;}
.add-button-show .edit-posts {transition:all 1.5s; left: 50px; opacity: 1; pointer-events:auto;}
.add-button-show .add-icon {background-position: 0 -39px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
/*.add-button-show .edit-posts li {-webkit-animation:moveWord .6s ease-out 0s 1; animation:moveWord .6s ease-out 0s 1}
.add-button-show .edit-posts .add-pic {-webkit-animation:movePic .6s ease-out 0s 1; animation:movePic .6s ease-out 0s 1;}
.add-button-show .edit-posts .add-video {-webkit-animation:moveVideo .6s ease-out 0s 1; animation:moveVideo .6s ease-out 0s 1;}
.add-button-show .edit-posts .add-goods {-webkit-animation:moveGoods .6s ease-out 0s 1; animation:moveGoods .6s ease-out 0s 1;}
.add-button-show .edit-posts .add-coup {-webkit-animation:moveCoup .6s ease-out 0s 1; animation:moveCoup .6s ease-out 0s 1; display: none;}*/
.add-button-show .edit-posts li { transform:translateX(0); transition:all 0.6s ease-out .2s;}
/*.add-button-show .edit-posts .add-pic {-webkit-animation:movePic .6s ease-out 0s 1; animation:movePic .6s ease-out 0s 1;}
.add-button-show .edit-posts .add-video {-webkit-animation:moveVideo .6s ease-out 0s 1; animation:moveVideo .6s ease-out 0s 1;}
.add-button-show .edit-posts .add-goods {-webkit-animation:moveGoods .6s ease-out 0s 1; animation:moveGoods .6s ease-out 0s 1;}
.add-button-show .edit-posts .add-coup {-webkit-animation:moveCoup .6s ease-out 0s 1; animation:moveCoup .6s ease-out 0s 1; display: none;}*/
/*.add_button_show .edit-posts .add-pic {-webkit-animation-name:movePic;-moz-animation-name:movePic;-o-animation-name:movePic;animation-name:movePic;}*/
/*.add_button_show .edit-posts .add-video {-webkit-animation-name:moveVideo;-moz-animation-name:moveVideo;-o-animation-name:moveVideo;animation-name:moveVideo;}*/
/*@-webkit-keyframes moveWord{0%{left:-10px}20%{left:-10px}100%{left:0}}
@keyframes moveWord{0%{left:-10px}20%{left:-10px}100%{left:0}}
@-webkit-keyframes movePic{0%{left:-10px}20%{left:-10px}100%{left:20%}}
@keyframes movePic{0%{left:-10px}20%{left:-10px}100%{left:20%}}
@-webkit-keyframes moveVideo{0%{left:-10px}20%{left:-10px}100%{left:40%}}
@keyframes moveVideo{0%{left:-10px}20%{left:-10px}100%{left:40%}}
@-webkit-keyframes moveGoods{0%{left:-10px}20%{left:-10px}100%{left:60%}}
@keyframes moveGoods{0%{left:-10px}20%{left:-10px}100%{left:60%}}
@-webkit-keyframes moveCoup{0%{left:-10px}20%{left:-10px}100%{left:80%}}
@keyframes moveCoup{0%{left:-10px}20%{left:-10px}100%{left:80%}}*/
@-webkit-keyframes showWord{0%{opacity:0}100%{opacity:1}}
@keyframes showWord{0%{opacity:0}100%{opacity:1}}
.displayGetCoupon .edit-posts .add-coup,.displayGetCoupon .edit-posts .add-vote,.displayGetCoupon .posts-part .photo-rel-link{display: block;}
/*获得优惠券权限的样式*/
/*.displayGetCoupon .edit-posts li.add-pic{left: 20%;}
.displayGetCoupon .edit-posts li.add-video{left: 40%;}
.displayGetCoupon .edit-posts li.add-goods{left: 60%;}
.displayGetCoupon .add-button-show .edit-posts .add-pic{animation-name:movePic2; -webkit-animation-name:movePic2;}
.displayGetCoupon .add-button-show .edit-posts .add-video{animation-name:moveVideo2; -webkit-animation-name:moveVideo2;}
.displayGetCoupon .add-button-show .edit-posts .add-goods{animation-name:moveGoods2; -webkit-animation-name:moveGoods2;}
.displayGetCoupon .add-button-show .edit-posts .add-coup{display: block;}
@-webkit-keyframes movePic2{0%{left:-10px}20%{left:-10px}100%{left:20%}}
@keyframes movePic2{0%{left:-10px}20%{left:-10px}100%{left:20%}}
@-webkit-keyframes moveVideo2{0%{left:-10px}20%{left:-10px}100%{left:40%}}
@keyframes moveVide2o{0%{left:-10px}20%{left:-10px}100%{left:40%}}
@-webkit-keyframes moveGoods2{0%{left:-10px}20%{left:-10px}100%{left:60%}}
@keyframes moveGoods2{0%{left:-10px}20%{left:-10px}100%{left:60%}}*/
/*添加文本*/
.add-words-area	{width: 680px;background-color: #fff; margin-bottom: 18px;}
.add-words-area .edit-txtarea {display: block;width: 650px;min-height: 208px;padding: 10px;border: 1px solid #fff;font-size: 14px;line-height: 24px;color: #666;resize: none;outline: 0;background: #f5f5f5;}
/*.add-words-area .edit-txtarea:focus {-webkit-animation: flash 2s;animation: flash 2s;}*/
.add-words-area .add-opts {text-align: right;padding: 15px 10px;border-top: 1px solid #eee;}
.ke-edit-textarea:focus {-webkit-animation: flash 2s;animation: flash 2s;}
/*.ke-container-simple .ke-statusbar{visibility: hidden}*/
/*添加图片*/
.add-pic-area,.add-video-area,.add-goods-area,.add-coups-area,.add-vote-area,.add-photorel-area {position: relative;width: 650px;padding: 20px 10px;border: 1px solid #eee;background: #fff;}
.add-pop-close {position: absolute;right: 10px;top: 10px;z-index: 1;display: block;width: 23px;height: 23px;text-align: center;padding: 0;cursor: pointer;border-radius: 23px;background: #eee;transition: 1s ease-in-out 0s;-webkit-transition: 1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s;-o-transition: 1s ease-in-out 0s;}
.add-pop-close:hover {transform: rotate(360deg);transform-origin: 50% 50%;-webkit-transform: rotate(360deg);-webkit-transform-origin: 50% 50%;-moz-transform: rotate(360deg);-moz-transform-origin: 50% 50%;-o-transform: rotate(360deg);-o-transform-origin: 50% 50%;}
.add-pop-close i {display: inline-block;width: 11px;height: 11px;text-indent: -999px;margin-top: 7px;overflow: hidden;background: url(../images/icon_posts.png) -200px -18px no-repeat;}
.pic-pop-box{padding:0;}
.pic-pop-box .img-mobile{float:left;display:inline;margin-left:0;width:220px;height:230px;text-align:center;padding: 10px 20px 10px 10px;border-right:1px solid #e5e5e5}
.pic-pop-box .img-wrap{height:190px;overflow:hidden}
.pic-pop-box .up-loading{display: none;}
.pic-pop-box .img-mobile .qrcode{width:150px;height:150px;margin:6px auto;border:1px solid #ebebeb}
.pic-pop-box .img-mobile h4{margin:5px 0;font-size:18px;font-weight:400}
.pic-pop-box .art-tips{color:#999;font-size:12px;text-align:center}
.pic-pop-box .img-local{float:left;width:345px;text-align:center;padding: 20px 0 0 50px;}
.pic-pop-box .img-local .pic-btn-upload{margin-top:55px}
.pic-btn-upload {display:inline-block;margin-top:15px;width:240px;height:60px;line-height:60px;text-align:center;font-size:20px;color:#fff;background-color:#f08b1d;border-radius:3px}
.pic-btn-upload:hover {color:#fff;background: #f07d00;}
.pic-pop-box .add-video-area {position: relative;width: 600px;padding: 40px;border: 1px solid #eee;background: #fff;}
/*关联商品*/
.select-goods-box {padding: 20px 10px;}
.goods-search {text-align: center;padding-bottom: 15px;}
.goods-search input {width: 300px;padding: 6px 10px;border: 1px solid #ddd;border-radius: 3px 0 0 3px;background: #efefef;}
.goods-search button {width: 90px;height: 32px;font-size: 14px;color: #fff;cursor: pointer;border: 1px solid #f08b1d;border-radius: 0 3px 3px 0;background: #f08b1d;}
.goods-search button:hover {background: #f07d00;}
.goods-result table {width: 100%;}
.goods-result table thead tr {height: 30px;font-weight: bold;background: #efefef;}
.goods-result table thead tr th {font-weight: bold;}
.goods-result table tbody tr:nth-child(even) {background: #f5f5f5;}
.goods-result table tbody tr td {height: 28px;text-align: center;padding: 5px;border-bottom: 1px solid #f5f5f5;border-left: 1px solid #fff;}
.goods-result table tbody tr .gds-title {display: block;text-align: left;}
.goods-result table tbody tr .gds-date {color: #999;}
.goods-result table tbody tr .btn-select {width: 50px;height: 26px;cursor: pointer;border: 1px solid #ddd;background: #fff;}
.goods-result table tbody tr .select-on {color: #fff;border: 1px solid #7bd1ff;background: #7bd1ff;}
.goods-opts {padding-top: 15px;}
.goods-opts .select-goods-confirm {width: 100px;height: 32px;color: #fff;cursor: pointer;border: none;border-radius: 3px;background: #f08b1d;}
.goods-opts .select-goods-confirm:hover {background: #f07d00;}
.goods-opts .select-goods-confirm[disabled] {color: #999;cursor: not-allowed;background: #ddd;}
.goods-opts .goods-list-page {float: right;}
.goods-list-page a {display: inline-block;width: 60px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #ddd;margin: 0 5px;}
.goods-list-page a.disabled {color: #fff;border: 1px solid #eee;background: #eee;}
.goods-show {position: relative;width: 100%;}
.goods-show .gds-link {display: block;padding: 15px 55px 15px 15px;background: #f9f9f9;overflow: hidden;}
.goods-show .gds-link img {display: block;float: left;width: 120px !important;height: 120px;padding: 5px;border: 1px solid #eee;}
.goods-show .gds-link .quan{float: left; width: 120px; height: 120px; color:#fff; display: flex; justify-content:center; flex-direction:column; align-items:center; background: url(../images/quan.png) no-repeat;}
.goods-show .gds-link .quan .deduction{font-size: 14px;}
.goods-show .gds-link .quan .deduction strong{font-size: 32px; line-height: 40px; font-weight: normal;}
.goods-show .gds-link .quan .manjian{font-size: 14px;}


.goods-show .gds-link .plus {margin-left: 150px;}
.goods-show .gds-link .plus strong {display: block;font-size: 14px;font-weight: bold;padding: 10px 0; max-height: 36px; overflow: hidden;}
.goods-show .gds-link .plus span {display: block;font-size: 14px;color: #ff0000;}
.goods-show .gds-link .plus .time{color:#999; font-size: 12px; word-break:break-all}
.goods-show .js-edit-del {display: none;position: absolute;right: 0;top: 0;color: #fff;padding: 3px 10px;}
.goods-show:hover .js-edit-del {display: block;}
.goods-preview {position: relative;width: 100%;box-sizing: border-box;}
.goods-preview .gds-link {padding: 15px;}
/*关联优惠券*/
.select-coup-box {padding: 20px 10px;}
.coup-search {text-align: center;padding-bottom: 15px; overflow: hidden;}
.coup-search input {width: 25%; margin-right: 3%; margin-bottom: 10px; padding: 6px 10px;border: 1px solid #ddd;border-radius: 3px 0 0 3px;background: #efefef; float: left;}
.coup-search button {width: 25%; float: left; height: 32px;font-size: 14px;color: #fff;cursor: pointer;border: 1px solid #f08b1d;border-radius: 0 3px 3px 0;background: #f08b1d;}
.coup-search button:hover {background: #f07d00;}
.coup-result table {width: 100%;}
.coup-result table thead tr {height: 30px;font-weight: bold;background: #efefef;}
.coup-result table thead tr th {font-weight: bold;}
.coup-result table tbody tr:nth-child(even) {background: #f5f5f5;}
.coup-result table tbody tr td {height: 28px;text-align: center;padding: 5px;border-bottom: 1px solid #f5f5f5;border-left: 1px solid #fff;}
.coup-result table tbody tr .gds-title {display: block;text-align: left;}
.coup-result table tbody tr .gds-date {color: #999;}
.coup-result table tbody tr .btn-select {width: 50px;height: 26px;cursor: pointer;border: 1px solid #ddd;background: #fff;}
.coup-result table tbody tr .select-on {color: #fff;border: 1px solid #7bd1ff;background: #7bd1ff;}
.coup-opts {padding-top: 15px;}
.coup-opts .select-coup-confirm {width: 100px;height: 32px;color: #fff;cursor: pointer;border: none;border-radius: 3px;background: #f08b1d;}
.coup-opts .select-coup-confirm:hover {background: #f07d00;}
.coup-opts .select-coup-confirm[disabled] {color: #999;cursor: not-allowed;background: #ddd;}
.coup-opts .coup-list-page {float: right;}
.coup-list-page a {display: inline-block;width: 60px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #ddd;margin: 0 5px;}
.coup-list-page a.disabled {color: #fff;border: 1px solid #eee;background: #eee;}
.coup-show {position: relative;width: 100%;}
.coup-show .gds-link {display: block;padding: 15px 55px 15px 15px;background: #f9f9f9;overflow: hidden;}
.coup-show .gds-link img {display: block;float: left;width: 120px !important;height: 120px;padding: 5px;border: 1px solid #eee;}
.coup-show .gds-link .plus {margin-left: 150px;}
.coup-show .gds-link .plus strong {display: block;font-size: 14px;font-weight: bold;padding: 10px 0;}
.coup-show .gds-link .plus span {display: block;font-size: 14px;color: #ff0000;}
.coup-show .js-edit-del {display: none;position: absolute;right: 0;top: 0;color: #fff;padding: 3px 10px;}
.coup-show:hover .js-edit-del {display: block;}
.coup-preview {position: relative;width: 100%;box-sizing: border-box;}
.coup-preview .gds-link {padding: 15px;}
/*关联投票*/
.select-vote-box {padding: 20px 10px;}
.vote-search {text-align: center;padding-bottom: 15px; overflow: hidden;}
.vote-search input {width: 25%; margin-right: 3%; margin-bottom: 10px; padding: 6px 10px;border: 1px solid #ddd;border-radius: 3px 0 0 3px;background: #efefef; float: left;}
.vote-search button {width: 25%; float: left; height: 32px;font-size: 14px;color: #fff;cursor: pointer;border: 1px solid #f08b1d;border-radius: 0 3px 3px 0;background: #f08b1d;}
.vote-search button:hover {background: #f07d00;}
.vote-result table {width: 100%;}
.vote-result table thead tr {height: 30px;font-weight: bold;background: #efefef;}
.vote-result table thead tr th {font-weight: bold;}
.vote-result table tbody tr:nth-child(even) {background: #f5f5f5;}
.vote-result table tbody tr td {height: 28px;text-align: center;padding: 5px;border-bottom: 1px solid #f5f5f5;border-left: 1px solid #fff;}
.vote-result table tbody tr .gds-title {display: block;text-align: left;}
.vote-result table tbody tr .gds-date {color: #999;}
.vote-result table tbody tr .btn-select {width: 50px;height: 26px;cursor: pointer;border: 1px solid #ddd;background: #fff;}
.vote-result table tbody tr .select-on {color: #fff;border: 1px solid #7bd1ff;background: #7bd1ff;}
.vote-opts {padding-top: 15px;}
.vote-opts .select-vote-confirm {width: 100px;height: 32px;color: #fff;cursor: pointer;border: none;border-radius: 3px;background: #f08b1d;}
.vote-opts .select-vote-confirm:hover {background: #f07d00;}
.vote-opts .select-vote-confirm[disabled] {color: #999;cursor: not-allowed;background: #ddd;}
.vote-opts .vote-list-page {float: right;}
.vote-list-page a {display: inline-block;width: 60px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #ddd;margin: 0 5px;}
.vote-list-page a.disabled {color: #fff;border: 1px solid #eee;background: #eee;}
/*图片关联链接*/
.select-photorel-box {padding: 20px 10px;}
.photorel-search {text-align: center;padding-bottom: 15px; overflow: hidden;}
.photorel-search input {width: 25%; margin-right: 3%; margin-bottom: 10px; padding: 6px 10px;border: 1px solid #ddd;border-radius: 3px 0 0 3px;background: #efefef; float: left;}
.photorel-search button {width: 25%; float: left; height: 32px;font-size: 14px;color: #fff;cursor: pointer;border: 1px solid #f08b1d;border-radius: 0 3px 3px 0;background: #f08b1d;}
.photorel-search button:hover {background: #f07d00;}
.photorel-result table {width: 100%;}
.photorel-result table thead tr {height: 30px;font-weight: bold;background: #efefef;}
.photorel-result table thead tr th {font-weight: bold;}
.photorel-result table tbody tr:nth-child(even) {background: #f5f5f5;}
.photorel-result table tbody tr td {height: 28px;text-align: center;padding: 5px;border-bottom: 1px solid #f5f5f5;border-left: 1px solid #fff;}
.photorel-result table tbody tr .gds-title {display: block;text-align: left;}
.photorel-result table tbody tr .gds-date {color: #999;}
.photorel-result table tbody tr .btn-select {width: 50px;height: 26px;cursor: pointer;border: 1px solid #ddd;background: #fff;}
.photorel-result table tbody tr .select-on {color: #fff;border: 1px solid #7bd1ff;background: #7bd1ff;}
.photorel-opts {padding-top: 15px;}
.photorel-opts .select-photorel-confirm {width: 100px;height: 32px;color: #fff;cursor: pointer;border: none;border-radius: 3px;background: #f08b1d;}
.photorel-opts .select-photorel-confirm:hover {background: #f07d00;}
.photorel-opts .select-photorel-confirm[disabled] {color: #999;cursor: not-allowed;background: #ddd;}
.photorel-opts .photorel-list-page {float: right;}
.photorel-list-page a {display: inline-block;width: 60px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #ddd;margin: 0 5px;}
.photorel-list-page a.disabled {color: #fff;border: 1px solid #eee;background: #eee;}
/*文本编辑*/
.add-posts-item {margin-bottom: 20px;}
.add-posts-item .article-edit {display: none;width: 680px;}
.add-posts-item .article-edit textarea {display: block;width: 650px;min-height: 200px;padding: 10px;border: 1px solid #eee;font-size: 14px;line-height: 24px;color: #666;resize: none;outline: 0;background: #f5f5f5;}
.add-posts-item .describe-edit textarea {min-height: 100px;}
.add-posts-item .article-edit textarea:focus {-webkit-animation: flash 2s;animation: flash 2s;}
.add-posts-item .article-edit .ed-opts {text-align: right;padding: 15px 10px;}
.add-words-area .add-opts a,
.add-posts-item .article-edit .ed-opts a {height: 30px;line-height: 30px;font-size: 14px;margin-left: 10px;background: #f08b1d;}
.add-posts-item .article-show {position: relative;font-size: 14px;padding: 10px;}
.add-posts-item .article-show:hover {background: #f5f5f5;}
.add-posts-item .article-show .words-cont {display: inline-block;padding-right: 80px;}
.words-cont strong em{font-weight: bold}
.words-cont em{font-style: italic}
.post-node-part em{font-style: italic}
.post-node-part strong em{font-weight: bold}
.words-cont i{font-style: italic}
.add-posts-item .article-show .edit-again {display: none;position: absolute;right: 10px;top: 10px;}
.add-posts-item .article-show .js-words-edit {right: 50px;}
/*上传图片*/
.upload-pic-panel {position: fixed;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;z-index: 400;background-color: #fff;}
.upload-pic-close {position: absolute;right: 30px;top: 30px;z-index: 10;width: 50px;height: 50px;background: url(../images/icon_posts.png) no-repeat -125px 0;cursor: pointer;}
.upload-pic-wrap {width: 1200px;margin: 0 auto;}
.upw-content .upw-title {margin: 25px 0;font-size: 16px;color: #999;}
.upw-content .upw-title strong {font-size: 22px;color: #333;font-weight: normal;}
.upw-content .upw-list li {float: left;display: inline;margin: 0 10px 10px 0;width: 100px;height: 100px;position: relative;overflow: hidden;cursor: pointer;}
.upw-content .ui-sortable li {cursor: move;}
/*上传遮罩提示*/
.upw-content .upw-list .up-item-mask {display: none;position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000,endColorstr=#AB000000);}
.upw-content .upw-list .mask-txt {position: absolute;left: 0;top: 50%;right: 0;width: 100%;margin-top: -18px;text-align: center;line-height: 18px;color: #fff;font-size: 14px;}
.upw-content .upw-list li .up-item-close {position: absolute;right: 0;top: 0;width: 20px;height: 20px;color: #fff;text-align: center;font-weight: bold;visibility: hidden;z-index: 5;cursor: pointer;background: #000;}
.upw-content .upw-list li:hover .up-item-close {visibility: visible;}
/*上传进度条*/
.upw-content .upw-list .progress-bar {position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height: 16px;background-color: #000;overflow: hidden;}
.upw-content .upw-list .progress-bar span {display: block;height: 16px;background-color: #f08b1d;}
/*上传失败*/
.upw-content .upw-list .up-failed {width: 64px;height: 64px;position: absolute;left: 50%;top: 50%;margin: -32px 0 0 -32px;text-align: center;color: #fff;}
.upw-content .upw-list .up-failed i {width: 40px;height: 40px;display: block;margin: 0 auto 10px;background: url(../images/icon_posts.png) -80px -60px no-repeat;}
/*继续添加*/
.upw-content .upw-list .add-up-btn {display: block;height: 98px;border: 1px solid #f6f6f8;background-color: #f6f6f8;text-align: center;position: relative;}
.upw-content .upw-list .add-up-btn i {position: absolute;left: 50%;top: 50%;margin: -17px 0 0 -20px;display: inline-block;width: 41px;height: 33px;background: url(../images/icon_posts.png) no-repeat 0 0;overflow: hidden;}
.upw-content .upw-list .add-up-btn:hover i {background-position: -50px 0;}
/*上传操作*/
.upload-pic-opts {position: absolute;left: 0;bottom: 0;right: 0;width: 100%;border-top: 1px solid #e5e5e5;background-color: #fff;}
.upload-pic-opts .upo-info {width: 1200px;padding: 40px 0;height: 40px;line-height: 40px;margin: 0 auto;}
.upload-pic-opts .btn-primary {float: right;height: 40px;padding: 0 40px;background-color: #f08b1d;text-align: center;border-radius: 3px;font-size: 16px;line-height: 40px;color: #fff;}
.upload-pic-opts .btn-primary[disabled] {color: #fff;background: #ddd;}
.upload-pic-opts .up-nums {float: right;margin: 0 20px 0 15px;font-size: 16px;}
.upload-pic-opts .upload-bar {float: right;display: inline;margin-top: 12px;width: 110px;height: 16px;background-color: #f6f6f6;overflow: hidden;}
.upload-pic-opts .upload-bar span {display: block;width: 0;height: 16px;background-color: #add75c;}
/*上传图片描述*/
.posts-part {display: block;}
.describe-show {position: relative;height: 40px;line-height: 40px;color: #666;}
.describe-show p {height: 40px;padding: 0 15px;border: 1px dashed #fff;background: #f5f5f5;}
.describe-show:hover p {cursor: pointer;border: 1px dashed #999;}
.describe-show .lp-icon {margin-right: 5px;}
.describe-show .desc-edit {width: 100%;height: 40px;padding: 0 15px;border: none;background: #f5f5f5; box-sizing:border-box;}
.picture-show {position: relative;display: inline-block;vertical-align: top;}
.picture-show img {width: 100%;}
.picture-show iframe {border: none;}
.picture-show .js-edit-del {display: none;position: absolute;right: 0;top: 0;color: #fff;padding: 3px 10px;background: #333;}
.picture-show:hover .js-edit-del {display: block;}
.picture-show .img-zoom{position: absolute;left: 0}
/*上传视频*/
.video-local {margin-left: 270px;padding-right: 10px;}
.video-local .vod-upload-tab {width: 100%;height: 48px;border-bottom: 2px solid #d7d7d7;}
.video-local .vod-upload-tab li {position: relative;bottom: 0;float: left;width: 49.999%;}
.video-local .vod-upload-tab .active a {color: #e94715;border-bottom: 2px solid #e94715;}
.video-local .vod-upload-tab li .icon-up-video {width: 28px;height: 28px;background-position: 0 -120px;margin-right: 10px;}
.video-local .vod-upload-tab .active .icon-up-video {background-position: -29px -120px;}
.video-local .vod-upload-tab li .icon-ol-video {width: 28px;height: 28px;background-position: -58px -120px;margin-right: 10px;}
.video-local .vod-upload-tab .active .icon-ol-video {background-position: -87px -120px;}
.video-local .vod-upload-tab li a {display: block;height: 28px;line-height: 28px;text-align: center;font-size: 18px;padding: 10px 0;}
.vod-cont .vod-upload {display: none;padding: 55px 30px 45px;text-align: center;position: relative;}
.vod-cont .vod-upload .vod-btn-upload {position: relative; display:inline-block;width:180px;height:40px;line-height:40px;text-align:center;font-size:20px;color:#fff;background-color:#f08b1d;border-radius:3px}
.vod-cont .vod-upload .vod-btn-upload input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor:pointer;}
.vod-cont .vod-upload .vod-btn-upload:hover {color: #fff;background: #f07d00;}
.vod-cont .vod-upload p.tips {margin-top: 18px;font-size: 14px;color: #999;line-height: 20px;}
.vod-cont .active {display: block;}
.video-show {position: relative;display: block;vertical-align: top;width: 640px;height: auto;}
.video-show .js-edit-del {display: none;position: absolute;right: 0;top: 0;color: #fff;padding: 3px 10px;background: #333;}
.video-show:hover .js-edit-del {display: block;}
.post-video-play {width: 640px;height: 480px;background: #333;}
/*上传进度*/
.video-up-bar {display: none;padding-top: 20px;}
.video-up-bar .vup-state {padding-bottom: 10px;overflow: hidden;}
.vup-state .vod-up-progress {float: left;width: 210px;height: 18px;margin-right: 15px;background-color: #e2e2e2;border-radius: 15px;overflow: hidden;}
.vup-state .vod-up-progress .pbar {display: block;width: 0;height: 100%;border-radius: 15px;background-color: #add75c; transition:all .2s; -webkit-transition:all .2s;}
.vup-state .up-retry {display: none;margin-right: 10px;}
.vup-state .up-retry,.vup-state .up-canael {line-height: 18px;font-size: 14px;font-weight: normal;color: #999;cursor: pointer;}
.video-up-bar .vup-ratio {text-align: left;color: #999;}
.vup-ratio .uping {color: #ff8800;}
/*在线视频*/
.vod-cont .vod-online {display: none;padding: 20px;}
.vod-cont .vod-online .vod-add {margin-top: 20px;font-size: 14px;}
.vod-cont .vod-online .vod-add p {position: relative;color: #999;padding: 0 0 10px 5px;}
.vod-cont .vod-online .vod-add p .vod-copy-help {display: none;position: absolute;top: 18px;right: 0;}
.vod-cont .vod-online .vod-input {margin-top: 5px;}
.vod-cont .vod-online .vod-input input {width: 310px;border: 1px solid #efefef;height: 20px;line-height: 20px;padding: 7px 10px;font-size: 14px;color: #999;background-color: #efefef;}
.vod-cont .vod-online .vod-opts {margin-top: 20px;}
.vod-cont .vod-online .vod-opts .btn-primary {display: inline-block;float: right;height: 28px;line-height: 28px;color: #fff;font-size: 14px;padding: 0 25px;border-radius: 3px;background: #f08b1d;}
.vod-cont .vod-online .vod-opts .btn-primary:hover {color: #fff;background: #f07d00;}
/*发表帖子*/
.create-submit {padding: 10px 5px;border-top: 1px solid #eee;}
.create-submit .post-opts {float: right;}
.create-submit .js-save-drafe {font-size: 18px;vertical-align: middle;}
.create-submit .js-post-preview {margin-right: 10px;}
.create-submit .auto-save-time {display: none;color: #999;padding-left: 10px;vertical-align: middle;}
.post-digest-info {width: 98%;padding: 5px;border: 1px solid #eee;resize: none;vertical-align: top;}
.post-digest-opts {padding: 5px 10px;vertical-align: top;background: #f5f5f5;}
.post-digest-opts {position: relative;}
.post-digest-opts .extend-btn a {margin-right: 10px;}
.posts-face-list {display: none;position: absolute;left: 40px;top: 0px;max-width: 480px;background: #fff;}
.posts-face-list li {float: left;width: 30px;height: 30px;}
.posts-face-list li a {display: block;width: 20px;height: 20px;text-align: center;padding: 4px;border: 1px solid #eee;}
.posts-face-list li a:hover {border: 1px solid #999;}
/*同步社群*/
.post-user-group {position: relative;padding: 10px 0;}
.post-user-group .sync-group {float: left;}
.post-user-group .sync-group i.icon-sm-add {vertical-align: -3px;}
.post-user-group .sync-group span {padding: 0 5px;}
.post-user-group .select-asso {margin-left: 80px;}
.post-user-group .select-asso span {margin: 5px;padding: 2px 0 2px 5px;border: 1px solid #e5e5e5;border-radius: 3px;background: #eee;}
.post-user-group .select-asso span .del {display: inline-block;width: 18px;height: 18px;line-height: 14px;font-size: 16px;font-size: 20px;text-align: center;margin-top: 2px;vertical-align: -2px;}
.post-user-group .list-asso {display: none;position: absolute;top: 35px;left: 0;right: 0;min-height: 50px;padding: 10px 10px 10px 0;border: 1px solid #ddd;background: #f9f9f9;}
.post-user-group .list-asso ul li {float: left;margin: 0 0 10px 10px;}
.post-user-group .list-asso ul li input {vertical-align: -2px;margin-right: 3px;}
.post-user-group .list-asso .select-btn {text-align: right;padding-top: 10px;}
.post-user-group .list-asso .select-btn a {color: #fff;padding: 3px 10px;border-radius: 3px;background: #f08b1d;}
/*帖子标签*/
.create-tags {padding: 15px 0 40px;}
.create-tags h3 {font-size: 18px;color: #666;font-weight: bold;padding-bottom: 10px;}
.create-tags .add-tags {padding: 5px 10px;border-radius: 3px;background: #f5f5f5;}
.add-tags-cell {min-height: 34px;margin-right: 100px;overflow: hidden;}
.add-tags-cell li {display: inline-block;margin: 5px;}
.add-tags-cell .add-opts button {height: 24px;border: none;background: none;cursor: pointer;}
.add-tags-cell .add-opts button i {vertical-align: top;}
.add-tags-cell .add-opts input {display: none;width: 90px;height: 22px;padding: 0 10px;border: none;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;box-shadow: inset 1px 1px 5px #ddd;}
.add-tags-cell li .tag-item {position: relative;display: inline-block;padding: 2px 10px 2px 5px;margin-right: 15px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;background: #fff;}
.add-tags-cell li .js-del {position: absolute;top: 2px;right: -10px;display: block;width: 17px;height: 17px;font-size: 20px;line-height: 16px;text-align: center;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-radius: 5px;transform: rotate(45deg);background: #fff;}
.add-tags-select {float: right;margin: 5px 5px 0 0;}
.add-tags-select .select-btn {display: inline-block;width: 60px;height: 20px;text-align: center;line-height: 20px;color: #f08b1d;border: 2px solid #fad3ab;border-radius: 3px;}
.add-tags-select .select-btn:hover {color: #f08b1d;border: 2px solid #f08b1d;}
.select-tags-modal .tags-title {font-size: 14px;font-weight: bold;color: #666;border-bottom: 1px solid #eee;}
.select-tags-modal ul {padding: 10px 5px;}
.select-tags-modal ul li {position: relative;display: inline-block;padding: 2px 10px;margin: 5px;cursor: pointer;border: 1px solid #eee;background: #f5f5f5;}
.select-tags-modal ul li i {display: none;position: absolute;right: 0;bottom: 0;}
.select-tags-modal ul li.selected i {display: block;}
.select-tags-modal ul li.selected {color: #f08b1d;border: 1px solid #f08b1d;background: #fff;}
.select-tags-list {position: relative;padding-top: 15px;}
.select-tags-list .select-tips {position: absolute;top: -10px;left: 0;color: #ff0000;}
/*预览帖子*/
.preview-layer {position: fixed;left: 50%;top: 50%;z-index: 11;margin: -300px 0 0 -200px;width: 322px;height: 555px;padding: 20px;border-radius: 10px;border: 3px solid #666;box-shadow: 0 0 10px #000;background: #f1f1f1;}
.preview-layer .preview-cont {width: 320px;height: 550px;overflow: hidden;overflow-y: auto;border: 1px solid #ddd;background: #fff;}
.preview-layer .preview-cont .post-node-part {margin-bottom: 10px;}
.preview-layer .preview-cont .post-title {padding: 0 10px;}
.preview-layer .preview-cont .post-title p {color: #999;margin-bottom: 15px;}
.preview-layer .preview-cont .post-title p .time {float: left;}
.preview-layer .preview-cont .post-title p .view {float: right;}
.preview-layer .preview-cont h1 {font-size: 22px;line-height: 1.4;padding: 10px 0;}
.preview-layer .preview-cont embed,
.preview-layer .preview-cont img {width: 100%;}
.preview-layer .preview-cont .post-node-part {padding: 0 10px;}
.preview-layer .preview-close {position: absolute;right: -150px;top: 20px;width: 72px;height: 72px;text-indent: -9999px;overflow: hidden;background: url(../images/icon_posts.png) -138px -195px no-repeat;}
.preview-layer .preview-cont .quan{float: left; width: 120px; height: 120px; color:#fff; display: flex; justify-content:center; flex-direction:column; align-items:center; background: url(../images/quan.png) no-repeat;}
.preview-layer .preview-cont .quan .deduction{font-size: 14px;}
.preview-layer .preview-cont .quan .deduction strong{font-size: 32px; line-height: 40px; font-weight: normal;}
.preview-layer .preview-cont .quan .manjian{font-size: 14px;}


.preview-mask {position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background: rgba(0,0,0,.5);}


.preview-layer .preview-cont::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.preview-layer .preview-cont::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.preview-layer .preview-cont::-webkit-scrollbar-thumb
{
	background-color: #999;
}

/*侧栏时间轴*/
.side-posts-shaft {margin-top: 20px;}
.side-posts-shaft.fix-on {top: 70px;bottom: auto;width: 240px;background: #fff;}
.side-posts-shaft .shaft-title {padding: 0 0 10px 10px;overflow: hidden;}
.side-posts-shaft h3 {float: left;font-size: 18px;}
.side-posts-shaft .shaft-title small {float: left;color: #bbb;padding: 5px 0 0 5px;}
.side-posts-shaft .shaft-roll {/*height: 100%;overflow: hidden;overflow-y: auto;*/padding-left: 20px;}
.side-posts-shaft ul {position: relative;border-left: 1px solid #ddd;}
.side-posts-shaft ul li {position: relative;height: 26px;line-height: 26px;cursor: pointer;margin-bottom: 5px;padding-left: 15px;}
.side-posts-shaft ul li a {display: block; position: relative;left: -28px;color: #999;font-size: 14px;height: 26px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.side-posts-shaft ul li a .lp-icon {width: 24px;height: 24px;margin-right: 15px;vertical-align: middle;background-image: url(../images/edit_posts_icon.png);}
.icon-posts-text {background-position: 0 -78px;}
.icon-posts-pic {background-position: -29px -78px;}
.icon-posts-video {background-position: -58px -78px;}
.icon-posts-goods {background-position: -87px -78px;}
.icon-posts-coup {background-position: -116px -78px;}
.icon-posts-vote {background-position: -145px -78px;}

#tips_preview {position:absolute;padding:8px;border:1px solid #ddd;background:#fff;z-index:1000;}
#tips_preview .pv-arrrow {position: absolute;right: -6px;top: 5px;display: block;width: 10px;height: 10px;border-top: 1px solid #ccc;border-right: 1px solid #ddd;background: #fff;transform: rotate(45deg);}
.preview-txt .pv-cont {width: 300px;max-height: 80px;line-height: 20px;overflow: hidden;}
.preview-img .pv-cont {width: 100px;height: 100px;overflow: hidden;}
.preview-img .pv-cont img {width: 100%;height: 100%;}

.side-search {position: relative;}
.side-search .search-ipt {width: 216px;height: 40px;padding: 0 10px;border: 2px solid #e94715;}
.side-search .search-btn {position: absolute;top: 0;right: 0;width: 40px;height: 42px;cursor: pointer;border: none;background: none;}

.side-rapid-btn {display: inline-block;margin-top: 15px;width: 220px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;color: #fff;padding: 10px;background-color: #f08b1d;border-radius: 3px;}
.side-rapid-btn:hover {color: #fff;background: #f07d00;}
.side-drafts-btn {display: none;}
.side-drafts-btn a {background: #f9c00a;}
.side-drafts-btn a:hover {background: #f0b700;}

@-webkit-keyframes flash{
	25%,75%{border-color:#ffa800;box-shadow:0 0 3px #ffa800}
	0%,100%,50%{border-color:#fff;box-shadow:none}
}
@keyframes flash{
	25%,75%{border-color:#ffa800;box-shadow:0 0 3px #ffa800}
	0%,100%,50%{border-color:#fff;box-shadow:none}
}
/*详情页*/
.posts-details-banner {position: relative;width: 980px;height: 480px;margin: 0 auto 30px;background: #eee url(../images/cover_bg.jpg) 50% 50% no-repeat;}
.posts-details-banner img {display: block;width: 980px;height: 100%;}
.posts-details-banner video {display:none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 980px;height: 480px;background: #333;}
.posts-details {width: 680px;padding-bottom: 40px;}
.posts-details h1 {line-height: 40px;font-size: 30px;font-weight: 600;color: #333;padding-bottom: 16px;border-bottom: 1px solid #eee;word-wrap: break-word;}
.posts-details-mate {color: #333;font-size: 14px;padding: 13px 0 0;margin-bottom: 35px;}
.posts-details-mate .view,.posts-details-mate .time {float: right;margin-left: 20px;color: #999;}
.posts-details-info {font-size: 14px;color: #666;line-height: 26px;}
.posts-details-info .post-node-part {padding-bottom: 15px;}
.posts-details-info p img {max-width: 100%;vertical-align: top;}
.posts-details-info p embed {display: block;width: 650px;height: 366px;}
.posts-details-info p.pic-desc {color: #666;padding: 5px 10px;margin: 0 0 15px;background: #f5f5f5;}
.posts-details-tags {margin-top: 15px;padding-top: 10px;border-top: 1px solid #eee;}
.posts-details-tags h4 {float: left;font-weight: 600;}
.posts-details-tags ul {margin-left: 40px;}
.posts-details-tags ul li {display: inline-block;margin: 0 5px 5px;}
.posts-details-tags ul li a {color: #f9c00a;}
.posts-details-tags ul li a:hover {color: #f08b1d;}
/*详情分享*/
.side-share {padding: 10px 10px 10px 25px;border: 1px solid #ddd;margin-bottom: 15px;}
#lpGetShareList a {text-align: center;border-radius: 5px;background: url(../images/icon_posts.png);background-repeat: no-repeat;background-position: 0 -160px;}
#lpGetShareList .icon-share {width: auto;line-height: 32px;color: #666;text-indent: 0 !important;background: none;}
#lpGetShareList a.bds_tsina {background-color: #e01e2c;background-position: 4px -156px;}
#lpGetShareList a.bds_qzone {background-color: #0595ec;background-position: -32px -156px;}
#lpGetShareList a.bds_weixin {background-color: #56bb10;background-position: -69px -156px;}
/*详情二维码*/
.side-qrcode {text-align: center;padding: 20px 15px;margin-bottom: 15px;border: 1px solid #ddd;background: #f5f5f5;}
.side-qrcode .post-code {margin-bottom: 10px;}
.side-qrcode p {font-size: 16px;}
/*详情目录*/
.side-stage h3 {font-size: 18px;padding-bottom: 10px;}
.side-stage h3 {font-size: 18px;padding-bottom: 10px;}
.side-stage .directory {max-height:650px;overflow-y: auto;background: #fff;}
.side-stage .directory ul {margin-left: 10px;padding: 15px;border-left: 1px solid #ddd;}
.side-stage .directory ul li {position: relative;font-size: 14px;margin-bottom: 10px;}
.side-stage .directory ul li i {display: inline-block;width: 16px;height: 12px;position: absolute;left: -22px;top: 4px;background: url(../images/icon_posts.png) no-repeat -200px -38px;}
.side-stage .directory ul li.on i {background-position: -182px -38px;}
.fix-on {position: fixed;top: 10px;bottom: 0;z-index: 10;}
.side-stage .directory ul li a{display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*post list*/
#user_posts_list,#user_draft_list {min-height: 750px;}
.posts-list {width: 680px;}
.posts-list li {padding: 20px 0;border-bottom: 1px solid #eee;}
.posts-list .posts-summary .cover {max-height: 480px;overflow: hidden; display: block;}
.posts-list .posts-summary .cover img {width: 100%;}
.posts-list .posts-summary .title {font-size: 20px;padding: 10px 0 5px;}
.posts-list .posts-summary .mate {overflow: hidden;}
.posts-list .posts-summary .time {color: #999;padding-bottom: 10px;}
.posts-list .posts-summary .opts {margin-left: 20px;}
.posts-list .posts-summary .opts a {color: #f08b1d;}
.posts-list .posts-summary .intro {line-height: 24px;font-size: 14px;color: #666;}
.post-del-modal {width: 360px !important;}
.post-del-modal .modal-content {font-size: 16px;padding: 30px 20px;}
/*草稿列表*/
.draft-list  li {position: relative;float: left;width: 320px;height: 90px;padding: 15px 10px;}
.draft-list  li:hover {background: #f5f5f5;}
.draft-list .draft-img {float: left;width: 145px;position: relative;margin-right: 10px;}
.draft-list .draft-info {position: relative;float: left;width: 165px;height: 90px;overflow: hidden;}
.draft-list .draft-info h3 {height: 20px;margin-bottom: 5px;font-size: 14px;overflow: hidden;}
.draft-list .draft-info .time {color: #999;}
.draft-list .draft-info .opts {position: absolute;left: 0;bottom: 5px;right: 0;height: 26px;}
.draft-list .btn-continue {display: inline-block;margin-right: 20px;border: 1px solid #dddddd;line-height: 24px;padding: 0 20px;font-size: 12px;border-radius: 3px;}
.draft-list .btn-continue:hover {border-color: #f08b1d;}
.draft-list .btn-continue i {margin-right: 5px;vertical-align: -3px;}
.draft-list .btn-delete {display: none;vertical-align: 1px;}
.draft-list  li:hover .btn-delete {display: inline-block;}
/*footer*/
.footer {width: 100%;margin-top: 20px;background: #00295f;}
.footer .foot-main {width: 980px;color: #fff;margin: 0 auto;padding: 40px 5px;}
.foot-main-lt {float: left;padding-top: 10px;}
.foot-main-lt .ft-logo {width: 160px;height: 47px;margin-bottom: 20px;;overflow: hidden;}
.foot-main-lt .ft-logo img {display: block;height: 47px;}
.foot-main-lt p {margin-bottom: 5px;}
.foot-main-lt p a {color: #fff;}
.foot-main-rt {float: right;width: 300px;text-align: right;}
.foot-main-rt .ft-qrcode {display: inline-block;margin-left: 20px;}
.foot-main-rt .ft-qrcode h4 {text-align: center;padding-bottom: 5px;}
.foot-main-rt .ft-qrcode img {width: 100px;height: 100px;}
.app-home .footer {margin: 0;}


.cropper-layer {display: none;position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,0.5);}

.set-file-ipt {width: 100%;font-size: 100px;text-indent: -9999px;opacity: 0;cursor: pointer;}
.canvas-crop {display: inline-block;position: relative;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.canvas-crop .crop-overlay { position: absolute; left: 0; top: 0;z-index: 2; cursor: move;border:1px solid #e2eff2;}
.canvas-crop .crop-line { position: absolute; left: 0; top: 0;z-index: 1; cursor: move;}
.canvas-crop .crop-line .resize-point {position: absolute;z-index: 5;width: 8px;height: 8px;background: rgba(255,255,255,.2);}
.canvas-crop .crop-line .p-lt {top: -3px;left: -3px;cursor: se-resize;border-top: 3px solid #fff;border-left: 3px solid #fff;}
.canvas-crop .crop-line .p-rt {top: -3px;right: -3px;cursor: sw-resize;border-top: 3px solid #fff;border-right: 3px solid #fff;}
.canvas-crop .crop-line .p-rb {bottom: -3px;left: -3px;cursor: ne-resize;border-bottom: 3px solid #fff;border-left: 3px solid #fff;}
.canvas-crop .crop-line .p-lb {bottom: -3px;right: -3px;cursor: nw-resize;border-bottom: 3px solid #fff;border-right: 3px solid #fff;}
.canvas-crop .crop-line .crop-opts {position: absolute;left: 0;right: 0;bottom: -50px;}





.canvas-crop .crop-moving { position: absolute; left: 0; top: 0;z-index: 3 !important;}
.canvas-crop .crop-moving:after,.canvas-crop .crop-moving:before {display: block;content: "";position: absolute;}
.canvas-crop .crop-moving:after {width: 33.3333%;left: 33.3333%;top: 0;bottom: 0;border-left: 1px solid #fff;border-right: 1px solid #fff;border-left-color: rgba(255,255,255,.5);border-right-color: rgba(255,255,255,.5);}
.canvas-crop .crop-moving:before {height: 33.3333%;top: 33.3333%;left: 0;right: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-top-color: rgba(255,255,255,.5);border-bottom-color: rgba(255,255,255,.5);}
.canvas-crop div,.canvas-crop canvas {-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
.canvas-crop .resize-point {background: rgba(255,255,255,.8) !important;}
.canvas-crop .crop-opts {color: #fff;text-align: right;}
.canvas-crop .crop-opts span {float: left;}
.canvas-crop .crop-opts .cancel-crop-img {line-height: 36px;color: #fff;padding: 0 18px;font-size: 14px;margin-right: 15px;border: none;border-radius: 5px;cursor: pointer;background-color: #fff;background-color: rgba(255,255,255,.3);}
.canvas-crop .crop-opts #save_crop_img {line-height: 36px;color: #fff;padding: 0 18px;font-size: 14px;border: none;border-radius: 5px;cursor: pointer;background-color: #fff;background-color: rgba(255,255,255,.3);}


/*提示层*/
.layer-mask {position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;filter: alpha(opacity=0);opacity: 0;background: rgba(0,0,0,.5);}
.mask-in {filter: alpha(opacity=50);opacity: .5;}
.modal {position: fixed;left: 50%;top: 50%;width: 600px;z-index: 1040;display: none;filter: alpha(opacity=0);opacity: 0;-webkit-overflow-scrolling: touch;outline: 0;}
.modal-in {filter: alpha(opacity=100);opacity: 1;}
.modal-alert {width: 400px;}
.modal-tips {width: 300px;}


/*提示层*/
.modal-dialog {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-header {min-height: 18px;padding: 10px 15px;border-bottom: 1px solid #e5e5e5;border-radius: 6px 6px 0 0;background: #f5f5f5;}
.modal-header .modal-close {float: right;display: inline-block;width: 20px;height: 20px;color: #000;text-align: center;font-size: 22px;font-weight: 700;line-height: 18px;margin-top: -2px;opacity: 0.2;text-shadow: 0 1px 0 #fff;transition: 1s ease-in-out 0s;-webkit-transition: 1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s;-o-transition: 1s ease-in-out 0s;}
.modal-header .modal-close:hover {transform: rotate(360deg);transform-origin: 50% 50%;-webkit-transform: rotate(360deg);-webkit-transform-origin: 50% 50%;-moz-transform: rotate(360deg);-moz-transform-origin: 50% 50%;-o-transform: rotate(360deg);-o-transform-origin: 50% 50%;}

.modal-title {font-size: 18px;;margin: 0;line-height: 1.5;}
.modal-content {position: relative;padding: 20px;}
.modal-footer {padding: 10px 15px;text-align: center;border-top: 1px solid #eee;}
.modal-footer .lp-btn {display: inline-block;height: 36px;line-height: 36px;font-size: 14px;color: #fff;cursor: pointer;padding: 0 25px;border-radius: 3px;text-align: center;border: none;background: #e94715;}

.modal-footer .lp-btn:hover {color: #fff;background: #e93000;}
.modal-footer .lp-btn[disabled],.modal-footer .lp-btn[disabled]:hover {color: #fff;background: #ddd;}
.modal-footer .lp-cancel {color: #333;background: #eee;}
.modal-footer .lp-cancel:hover {color: #333;background: #e5e5e5;}
.modal-footer .lp-btn + .lp-btn {margin-bottom: 0;margin-left: 15px;}
/*toptip*/
.bg-danger, .bg-error {background-color: #f6383a;background-color: rgba(246,56,58,.8);}
.bg-warning {background-color: #f60;background-color: rgba(255,102,0,.8);}
.bg-success {background-color: #4cd964;background-color: rgba(76,217,100,.8);}
.toptips {position: fixed;top: 50px;left: 50%;z-index: 999;width: 270px;color: #fff;text-align: center;padding: 15px;margin-left: -150px;opacity: 0;border-radius: 3px;-webkit-transition: opacity .3s;transition: opacity .3s;}
.toptips.toptips-in {opacity: 1;}
.toptips span {position: relative;font-size: 14px;}
/*弹出登录层*/
.login-layer {position: fixed;top: 50%;left: 50%;z-index: 999;width: 550px;padding: 20px;margin: -150px 0 0 -295px;border-radius: 3px;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);overflow: hidden;background: #fff;}
.login-layer-close {position: absolute;right: 10px;top: 10px;display: block;width: 23px;height: 23px;text-align: center;padding: 0;cursor: pointer;border-radius: 23px;background: #eee;transition: 1s ease-in-out 0s;-webkit-transition: 1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s;-o-transition: 1s ease-in-out 0s;}

.login-layer-close:hover {transform: rotate(360deg);transform-origin: 50% 50%;-webkit-transform: rotate(360deg);-webkit-transform-origin: 50% 50%;-moz-transform: rotate(360deg);-moz-transform-origin: 50% 50%;-o-transform: rotate(360deg);-o-transform-origin: 50% 50%;}
.login-layer-close i {display: inline-block;width: 11px;height: 11px;text-indent: -999px;margin-top: 7px;overflow: hidden;background: url(../images/icon_posts.png) -200px -18px no-repeat;}

.login-layer-area {width: 260px;float: left;padding: 15px 34px 0 10px;position: relative;}
.login-layer-area h2 {line-height: 1.8em;font-size: 18px;font-weight: 600;padding-bottom: 5px;;border-bottom: 1px solid #eee;}
.login-layer-area .form-groups {position: relative;padding-top: 10px;}
.login-layer-area .form-item {padding: 15px 0 0;}
.login-layer-area .form-item input {width: 248px;height: 18px;border: 1px solid #ddd;padding: 8px;border-radius: 3px;}
.login-layer-area .form-opts {padding-top: 25px;}
.login-layer-area .form-opts button {float: right;display: block;width: 80px;height: 36px;color: #fff;border: 0;border-radius: 3px;cursor: pointer;overflow: hidden;padding: 0;margin: 0 0 0 30px;background: #e94715;}
.login-layer-area .form-opts button:hover {background: #d43f11;}
.login-layer-area .form-opts span {float: left;font-size: 12px;padding-top: 6px;}
.login-layer-connect {width: 210px;float: left;padding: 20px 0 0 15px;height: 221px;border-left: 1px solid #ddd;}
.login-layer-connect h3 {height: 28px;font-size: 14px;color: #333;font-weight: normal;padding: 15px 0 10px 35px;}
.login-layer-connect .connect-list {text-align: center;padding: 0 0 0 20px;overflow: hidden;}
.login-layer-connect .connect-list a {display: inline-block;width: 135px;height: 32px;line-height: 32px;font-size: 14px;color: #fff;text-indent: -5px;margin: 0 auto 10px;border-radius: 3px;background-color: #f9c00a;}
.login-layer-connect .connect-list a i {display: inline-block;width: 26px;height: 22px;margin-right: 5px;vertical-align: middle;background: url(../images/icon_posts.png) no-repeat;cursor: pointer;background-position: 0 -161px;}
.login-layer-connect .connect-list a.qq i {background-position: -106px -161px;}
.login-layer-connect .connect-list a.weixin i {background-position: -72px -161px;}
.login-layer-connect .regist-link {height: 28px;font-size: 14px;color: #999;padding: 10px 0 0 35px;}
.login-layer .err-tips { clear:both; padding-botom:5px; width:330px; font-size:12px; color:#ff3c00; margin-top:3px; top:0; position:absolute; text-align:left; display:none;background: #fff;}
.login-layer .err-tips i {display: inline-block;width: 16px;height: 16px;text-indent: -9999px;vertical-align: middle;background: #fff url(../images/icon_posts.png) -170px -55px no-repeat;}
.login-layer .err-tips a {color: #ff8a00;text-decoration: none;}
.login-layer .err-tips a:hover {text-decoration: underline;}
/*loading*/
.loading-list {width: 100%;text-align: center;padding: 20px;}
.loading-list img {vertical-align: -2px;margin-right: 5px;}
.listing-end {width: 240px;text-align: center;padding: 10px;margin: 20px auto;border-radius: 3px;border: 1px solid #ddd;background: #f5f5f5;}

/*wide screen page*/
.wide-screen-page .head-main,.wide-screen-page .container {width: 1200px;}
.wide-screen-page .foot-main {width: 1190px;}
.wide-screen-page .main,.wide-screen-page .footer {min-width: 1200px;margin: 0;}

.download-top {width: 100%;background: url(../images/download_banner_bg.jpg) repeat-x;}
.download-top .dl-content {position: relative;width: 980px;height: 668px;margin: 0 auto;}
.dl-content .dl-banner {position: absolute;left: 40px;bottom: 20px;width:550px;}
.dl-content .dl-banner img{width: 100%;}
.dl-content .dl-info {float: right;width: 260px;margin-top: 80px;}
.dl-content .dl-info .dl-title {text-align: center;}
.dl-content .dl-info .dl-title h2 {font-size: 36px;color: #e94715;font-style: italic;letter-spacing: 3px;padding: 10px 0;border-bottom: 1px solid #e94715;}
.dl-content .dl-info .dl-title p {font-size: 22px;color: #999;padding: 10px 0;}
.dl-content .dl-info .dl-btn {padding-top: 30px;}
.dl-content .dl-info .dl-btn a {display: block;width: 260px;height: 60px;line-height: 60px;color: #fff;font-size: 20px;text-align: center;margin-bottom: 30px;;border-radius: 60px;background: #e94715;}
.icon-download {display: inline-block;width: 50px;height: 50px;background: url(../images/icon_download.png) no-repeat;vertical-align: middle;}
.icon-dl-ios {margin: -3px 10px 0 0;background-position: 0 0;}
.icon-dl-android {margin: -3px 10px 0 0;background-position: 0 -60px;}
.dl-content .dl-info .dl-qrcode {position: relative;width: 150px;height: 150px;margin: 0 auto;padding: 10px;border-radius: 10px;background: #fff;}
.dl-content .dl-info .dl-qrcode img {width: 150px;height: 150px;}
.dl-content .dl-info .dl-qrcode span {position: absolute;bottom: -30px;left: 0;right: 0;display: block;height: 30px;line-height: 30px;text-align: center;font-size: 14px;}
.download-panel {width: 980px;margin: 0 auto;}
.download-panel ul {padding: 40px 0;}
.download-panel ul li {float: left;width: 33.333%;text-align: center;}
.download-panel ul li h3 {font-size: 22px;margin-bottom: 10px;}
.download-panel ul li p {font-size: 16px;color: #999;}
.icon-dp-community {display: inline-block;width: 92px;height: 92px;background: url(../images/icon_download.png) -60px 0 no-repeat;}
.icon-dp-member {display: inline-block;width: 92px;height: 92px;background: url(../images/icon_download.png) -180px 0 no-repeat;}
.icon-dp-shopmall {display: inline-block;width: 92px;height: 92px;background: url(../images/icon_download.png) -300px 0 no-repeat;}

/*隐藏video视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-fullscreen-button {
   margin-right: -30px;
   z-index: 10;
   position: relative;
   background: #fafafa;
   background-image: url();
   background-size: 35%;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*首页*/
.app-icon {display: inline-block;width: 36px;height: 36px;background: url(../images/appimg/icon_app.png) no-repeat;vertical-align: middle;}
.icon-red-ios {background-position: 0 -200px;}
.icon-red-android {background-position: -190px -200px;}
.icon-lg-mall {width: 100px;height: 100px;background-position: 0 0;}
.icon-lg-equit {width: 100px;height: 100px;background-position: -110px 0;}
.icon-lg-commu {width: 100px;height: 100px;background-position: -220px 0;}
.app-header {position: absolute;top: 0;left: 0;width: 100%;height: 70px;}
.app-header .head {width: 980px;margin: 0 auto;}
.app-header .head-logo {float: left;width: 106px;}
.app-header .head-logo a {display: block;width: 106px;height: 37px;background: url(../images/wlogo.png) 0 0/100% 100% no-repeat;}
.app-header .head-nav {float: right;}
.app-header .head-nav .nav-list {float: left;overflow: hidden;}
.app-header .head-nav .nav-list li {float: left;width: 100px;margin-right: -1px;}
.app-header .head-nav .nav-list li a {position: relative;display: block;height: 70px;line-height: 70px;font-size: 14px;text-align: center;color: #fff;}
.app-header .head-nav .nav-list li a:after {position: absolute;top: 28px;right: 0;content: '';display: block;width: 1px;height: 14px;background: #fff;}
.app-header .head-nav .user-sign {float: left;min-width: 100px;text-align: right;padding: 18px 0 0 20px;}
.app-header .head-nav .user-sign .sign-in {display: inline-block;height: 28px;line-height: 28px;color: #e94715;text-align: center;padding: 0 8px;margin-top: 3px;;border-radius: 5px;overflow: hidden;background: #fff;}
.app-header .head-nav .user-sign .login-loading {padding-top: 6px;}
.app-header .head-nav .user-sign .u-avatar {float: left;width: 32px;height: 32px;border-radius: 100%;overflow: hidden;}
.app-header .head-nav .user-sign .u-name {line-height: 32px;}
.app-header .head-nav .user-sign a {color: #fff;}

.top-figure {width: 100%;padding-top: 70px;background: #e8380d;}
.floor-figure {width: 100%;background: #fff;overflow: hidden;}
.fig-cont {position: relative;width: 980px;margin: 0 auto; overflow: hidden;}
.top-figure .tf-info {width: 580px;height: 460px;padding: 170px 10px 0;}
.top-figure .tf-info h1 {width: 580px;height: 180px;text-indent: -999px;background: url(../images/appimg/top_text.png) 0 0 no-repeat;}
.top-figure .tf-info .download {padding-top: 70px;}
.top-figure .tf-info .download a {display: inline-block;width: 140px;height: 50px;line-height: 50px;font-size: 22px;color: #e94715;padding-left: 15px;margin: 0 10px;border-radius: 5px;background: #fff;}
.top-figure .tf-info .download a:hover {background: rgba(255,255,255,.8);transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;}
.top-figure .tf-info .download a i {margin: -5px 3px 0 0;}
.top-figure .tf-info .download p {width: 350px;height: 26px;margin-top: 15px;text-indent: -999px;background: url(../images/appimg/top_text.png) 0 -220px no-repeat;}
.top-figure .tf-swiper {position: absolute;right: 10px;bottom: -60px;width: 250px;height: 530px;padding: 18px 19px 19px 19px;overflow: hidden;}
.top-figure .tf-swiper:before{content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/appimg/top_phone.png) 0 0 no-repeat; z-index: 10; pointer-events:none;}
/*分类图标*/
.app-sort-list {padding: 100px 0;overflow: hidden;}
.app-sort-list li {float: left;width: 33.333%;text-align: center;}
.app-sort-list li .as-cell {display: inline-block;}
.app-sort-list li .as-cell:first-child {padding-right: 60px;}
.app-sort-list li .as-cell:last-child {padding-left: 60px;}
.app-sort-list li .as-cell span {display: block;font-size: 30px;padding-top: 40px;}
/*视差背景图*/
.parallax-img {width: 100%;height: 580px;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.first-bg {background-image: url(../images/appimg/parallax_bg_1.jpg);}
.second-bg {background-image: url(../images/appimg/parallax_bg_2.jpg);}
.third-bg {background-image: url(../images/appimg/parallax_bg_3.jpg);}
/*品质商城*/
.not-overflow{overflow: visible!important;}
.fig-cont .fig-info {padding-top: 200px;}
.fig-cont .fig-info h2 {font-size: 50px;color: #e94715;}
.fig-cont .fig-info p.small {font-size: 16px;color: #5d6981;padding: 20px 0;}
.fig-cont .fig-info p.state {font-size: 24px;}
.fig-cont .fig-info p.state {font-size: 24px;}
.good-mall,.member-rule,.interest-commu {height: 580px;}
.good-mall .fig-info {width: 320px;text-align: right;}
.good-mall .fig-animation {position: absolute;right: 50px;top: 40px;width: 500px;height: 500px;}
.good-mall .fig-animation .mall-img-3 {position: absolute;left: 0;bottom: 0;}
.good-mall .fig-animation .mall-img-2 {display: none;position: absolute;left: 160px;bottom: 0;}
.good-mall .fig-animation .mall-img-1 {display: none;position: absolute;left: 300px;bottom: 0;}
.get-animation .fig-animation .mall-img-2,.get-animation .fig-animation .mall-img-1 {
	display: block;animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
}
/*会员权益*/
.member-rule .fig-info {float: right;width: 360px;}
.member-rule .fig-animation {position: absolute;left: 50px;bottom: 0;width: 400px;height: 560px;}
.get-animation .fig-animation .member-img-1 {
	display: block;animation: animateHandTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateHandTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateHandTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateHandTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
/*趣味社区*/
.interest-commu .fig-info {width: 360px;text-align: right;}
.interest-commu .fig-animation {position: absolute;right: -20px;bottom: 35px;width: 611px;height: 444px;}
.interest-commu .fig-animation .commu-img-2 {position: absolute;left: 362px;top: 110px;width: 162px;height: 141px;}
.interest-commu .fig-animation .commu-img-3 {position: absolute;left: 190px;top: 180px;width: 162px;height: 129px;}
.interest-commu .fig-animation .commu-img-4 {position: absolute;left: 114px;top: -32px;width: 238px;height: 206px;}
.get-animation .fig-animation .commu-img-2,.get-animation .fig-animation .commu-img-3,.get-animation .fig-animation .commu-img-4 {
	display: block;animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
/*特性*/
.merit-area {height: 460px;background: #f0f0f0;}
.merit-area .fig-cont {padding: 0 50px;overflow: hidden;}
.merit-list {}
/*.app-feature {height: 460px;background: #f0f0f0;}*/
/*.app-feature .app-feat-area {width: 970px;margin: 0 auto;padding: 0 50px;overflow: hidden;}*/
.merit-dictum {position: relative;margin: 80px 0 70px;border-bottom: 2px solid #999;}
.merit-dictum h3 {position: absolute;left: 50%;bottom: -20px;margin-left: -220px;display: block;width: 440px;height: 40px;line-height: 40px;font-size: 30px;text-align: center;overflow: hidden;background: #f0f0f0;}
.merit-list {text-align: center;padding-top: 30px;}
.merit-list li {position: relative;display: inline-block;width: 80px;height: 80px;margin: 0 40px 60px;padding: 30px;border-radius: 120px;background: #fff;}
.merit-list li i {width: 80px;height: 80px;}
.merit-list li i.icon-lg-traffic {background-position: 0 -100px;}
.merit-list li i.icon-lg-space {background-position: -90px -100px;}
.merit-list li i.icon-lg-exper {background-position: -180px -100px;}
.merit-list li i.icon-lg-qrcode {background-position: -270px -100px;}
.merit-list li span {position: absolute;left: 0;right: 0;bottom: -60px;display: block;font-size: 24px;}

.swiper-container {
	/*max-height: 750px;
    margin:0 auto;*/
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    /*width:5760px;*/
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
     
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
     
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
     
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
     
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
 
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}
 
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */
 
    /*width:200px;
    height: 100px;*/
}
.swiper-slide {
    /* Specify Slides's Size: */
     
    /*width: 100%;
    height: 100%;*/
}
.swiper-slide img {
    /* Specify Slides's Size: */
    width: 100%;
    vertical-align: top;
}
.swiper-slide-active {
    /* Specific active slide styling: */
     
}
.swiper-slide-visible {
    /* Specific visible slide styling: */  
 
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */   
 
}
.swiper-active-switch {
    /* Specific active button style: */
     
}
.swiper-visible-switch {
    /* Specific visible button style: */   
     
}


.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #fff;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #e94715;
}
.tf-swiper .swiper-pagination{position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center;}
.tf-swiper .swiper-pagination-switch{width: 7px; height: 7px;}
/*楼层*/
.app-download {width: 100%;background: #e94715;}
.app-download .app-dl-area {width: 980px;margin: 0 auto;padding: 0;}
.app-dl-area a {display: inline-block;width: 280px;height: 60px;line-height: 60px;color: #e94715;font-size: 20px;text-align: center;margin: 0 70px;;border-radius: 60px;background: #ffffff;}
.app-dl-area a:first-child {margin-left: 0;}

.app-dl-area .qrcode {display: inline-block;position: relative;padding: 5px;margin: 30px 0 50px 50px;border-radius: 5px;background: #fff;vertical-align: middle;}
.app-dl-area .qrcode img {width: 100px;height: 100px;vertical-align: top;}
.app-dl-area .qrcode span {position: absolute;bottom: -30px;left: -30px;right: -30px;display: block;text-align: center;color: #fff;font-size: 16px;}
.app-intro-floor {width: 100%;overflow: hidden;}
.app-intro-floor .aif-area {position: relative;width: 980px;margin: 0 auto;}
.app-intro-floor .aif-area h2 span {display: none;}
.app-intro-floor .aif-area p {font-size: 22px;color: #999;margin: 10px 0;}
.app-intro-floor .aif-area img {vertical-align: top;}
/*趣*/
.app-intro-floor.app-qu {height: 920px;background: #f0f0f0 url(../images/appimg/app_qu_bg.jpg) center 0 no-repeat;}
.app-intro-floor.app-qu .aif-area {height: 920px;}
.app-qu .app-qu-pic {position: absolute;right: 0;top: 20px;width: 471px;height: 869px;}
.app-qu .app-qu-pic .app-qu-icons {position: absolute;left: -520px;top: 245px;}
.app-qu .app-qu-text {position: absolute;left: 0;bottom: 70px;}
.aif-area .icons {text-align: center;margin-top: 70px;}
.aif-area .icons li {display: inline-block;text-align: center;padding: 0 20px;}
.aif-area .icons li:first-child {padding-left: 0;}
.aif-area .icons li:last-child {padding-right: 0;}
.aif-area .icons li:not(:first-child) {border-left: 1px solid #ddd;}
.aif-area .icons li img {width: 50px;height: 50px;}
.aif-area .icons li span {display: block;text-align: center;font-size: 16px;color: #999;}
/*发现*/
.app-intro-floor.app-fx .aif-area {height: 710px;text-align: right;}
.app-fx .aif-area .app-fx-pic {position: absolute;left: 0;bottom: 0;}
.app-fx .aif-area .app-fx-text {position: absolute;right: 0;bottom: 80px;}
.app-fx .aif-area .app-fx-text .icons {text-align: right;}
/*权益*/
.app-intro-floor.app-qy {background: #f0f0f0;}
.app-intro-floor.app-qy .aif-area {height: 710px;}
.app-qy .app-qy-text {position: absolute;left: 0;bottom: 30px;}
.app-qy .app-qy-text .icons {text-align: left;}
.app-qy .app-qy-pic {position: absolute;right: 0;bottom: 0;}
/*首页商城*/
.app-intro-floor.app-sc .aif-area {height: 710px;text-align: right;}
.app-sc .app-sc-text {position: absolute;right: 0;bottom: 30px;}
.app-sc .app-sc-text .icons {text-align: right;}
.app-sc .app-sc-pic {position: absolute;left: 0;bottom: 0;}

.app-feature {height: 460px;background: #f0f0f0;}
.app-feature .app-feat-area {width: 970px;margin: 0 auto;padding: 0 50px;overflow: hidden;}
.app-feat-area .app-feat-title {position: relative;margin: 70px 0;border-bottom: 2px solid #999;}
.app-feat-area .app-feat-title h3 {position: absolute;left: 50%;bottom: -20px;margin-left: -200px;display: block;width: 400px;height: 40px;line-height: 40px;font-size: 24px;text-align: center;overflow: hidden;background: #f0f0f0;}
.app-feat-area .app-feat-list {text-align: center;padding-top: 30px;}
.app-feat-area .app-feat-list li {position: relative;display: inline-block;width: 100px;height: 100px;margin: 0 40px 40px;padding: 20px;border-radius: 120px;background: #fff;}
i.app-feat-1 {display: inline-block;width: 100px;height: 100px;background: url(../images/appimg/app_feat_01.png) 0 0 no-repeat;}
i.app-feat-2 {display: inline-block;width: 100px;height: 100px;background: url(../images/appimg/app_feat_02.png) 0 0 no-repeat;}
i.app-feat-3 {display: inline-block;width: 100px;height: 100px;background: url(../images/appimg/app_feat_03.png) 0 0 no-repeat;}
i.app-feat-4 {display: inline-block;width: 100px;height: 100px;background: url(../images/appimg/app_feat_04.png) 0 0 no-repeat;}
.app-feat-area .app-feat-list li em {position: absolute;left: 0;right: 0;bottom: -40px;display: block;font-size: 16px;}
/*排行榜*/
.ranking-banner img {width: 100%;height: auto;vertical-align: top;}
.ranking-cap {height: 50px;line-height: 50px;background: #e94715;}
.ranking-list {padding: 0 90px;}
.ranking-table {position: relative;top: -50px;width: 100%;border: none;border-collapse: collapse;text-align: center;}
.ranking-table thead {height: 50px;line-height: 50px;color: #fff;font-size: 16px;padding: 0 90px;background: #e94715;}
.ranking-table thead tr th:nth-child(1) {width: 15%;}
.ranking-table thead tr th:nth-child(2) {width: 40%;}
.ranking-table thead tr th:nth-child(3) {width: 15%;}
.ranking-table thead tr th:nth-child(4) {width: 30%;}
.ranking-table tbody tr {height: 50px;line-height: 50px;font-size: 14px;}
.ranking-table tbody tr:nth-child(even) {background: #f5f5f5;}
.ranking-table tbody tr:nth-child(1) {color: #e94715;}
.ranking-table tbody tr:nth-child(2) {color: #f18b1d;}
.ranking-table tbody tr:nth-child(3) {color: #7bd1ff;}
.ranking-list .moreData{margin: 0 auto;display: block;text-align: center}
/*图片长链接*/
.need-login .radio.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;padding-left: 16px;}
.need-login .radio input[type=radio]{float:left;margin-left:-13px;margin-top:2px;width: 100%}
.soso_form .link-content{height: 32px}
.soso_form .need-login{width: 25%}

/*动画*/
@keyframes animateTop{
    0%{ transform: translateY(100%) scale(0);opacity: 0;}
    100%{ transform: translateY(0) scale(1);opacity: 1; }
}
@keyframes animateHandTop{
    0%{ transform: translateY(20%);opacity: 0;}
    100%{ transform: translateY(0);opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(100%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(100%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(100%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}
@keyframes animateBottom{
    0%{ transform: translateY(-100%);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animateBottom {
    0%{ -moz-transform: translateY(-100%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animateBottom {
    0%{ -webkit-transform: translateY(-100%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animateBottom {
    0%{ -ms-transform: translateY(-100%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}
@keyframes animateLeft{
    0%{ transform: translateX(-100%);opacity: 0;}
    100%{ transform: translateX(0); opacity: 1; }
}
@-moz-keyframes animatedLeft {
    0%{ -moz-transform: translateX(-100%);opacity: 0; }
    100%{ -moz-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes animatedLeft {
    0%{ -webkit-transform: translateX(-100%);opacity: 0; }
    100%{ -webkit-transform: translateX(0); opacity: 1;}
}
@-ms-keyframes animatedLeft {
    0%{ -ms-transform: translateX(-100%);opacity: 0; }
    100%{ -ms-transform: translateX(0); opacity: 1;}
}
@keyframes animateRight{
    0%{ transform: translateX(100%);opacity: 0;}
    100%{ transform: translateX(0); opacity: 1; }
}
@-moz-keyframes animatedRight{
    0%{ -moz-transform: translateX(100%);opacity: 0; }
    100%{ -moz-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes animatedRight {
    0%{ -webkit-transform: translateX(100%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedRight{
    0%{ -ms-transform: translateX(100%);opacity: 0; }
    100%{ -ms-transform: translateX(0); opacity: 1;}
}