html{font-size:10px;}
@media only screen and (min-device-width:375px){
	html{font-size:11px;}
}
@media only screen and (min-device-width:768px){
	html{font-size:13px;}
}
html,body,h1,h2,h3,h4,h5,h6,dl,dt,ul,ol,li,dd,th,td,p,pre,form,input,button,textarea,hr,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,canvas,section{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}input,textarea{border:0;font-family: inherit;font-size: inherit;}
html,body{min-height: 100%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust:none;}h1,h2,h3{font-size:1.3rem;font-weight: normal;}a,img{border:0;}ul,li,ol{list-style:none;}.clearfix:after{content:"\20";display:block;clear:both;}a:visited,a{text-decoration:none;color:#666;}em,i{font-style: normal;}a:active,a:hover,input:focus,textarea{outline:0;}a,button,input{outline:0;font: inherit;}textarea{resize:none;}
body{font:1.3rem/1.6 Helvetica,Arial,'Heiti SC',"Microsoft YaHei","FreeSans","Arimo","Droid Sans","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif; color:#666;min-height: 100%;min-width: 320px;margin:0 auto;background:#f4f4f4;-moz-user-select:none;-webkit-user-select:none;} 
*,:after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/****basic****/
.success{color: #5cb85c !important;}
.col-grey{color: #999 !important;}
.bg-grey{background: #EFF2F5;}
.bg-white{background: #fff;}
a.col-blue,.col-blue{color: #157EFB;}

.fl{float: left;}
.fr{float: right;}
.bo-radius{border-radius: 6px;}

.text-cen{text-align:center;}
.text-rig{text-align: right;}
.text-oneline{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.blocked{width: 100%;display: block;}
.disabled{background: #ccc !important;pointer-events: none;}
.hide{display: none;}
.v{-webkit-transform: translateY(-50%);transform: translateY(-50%);position:absolute;top:50%;z-index:2;}
[data-type="err-msg"]{color: #f00;padding: 0 1.2rem;font-size: 1.2rem;margin:.7rem 0;}
.btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 1.2rem;font-weight: 400;line-height: 1.5;
	text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-box{padding: 0 1rem;}
a.btn-common,.btn-common{width:100%;background-color:#009966;letter-spacing: 1px;text-align:center;height:4rem;line-height:4rem;color:#fff;font-size:1.6rem;font-weight:bold;display:block;border:0;border-radius:4px;}
.loading{background:url(../images/ui/loading.gif) center center no-repeat rgba(255,255,255,0.4);position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;}
.anima-hide{overflow:hidden;-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);}
.trans{-webkit-transition: .3s all ease;transition: .3s all ease;}
.dot{display: inline-block;width: 1rem;height: 1rem;border-radius: 50%;background: #f60;margin-right: .5rem;}
::-webkit-input-placeholder {color: #999;}

/*font*/
.font-xs{font-size: .9rem;}

/***layout***/
.wrap{overflow-x:hidden;position: absolute;top:4.6rem;bottom: 0;left: 0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}

.notop{padding-top:0;}
.hastop{padding-top: 4.6rem;}
.hasbom{padding-bottom: 5.6rem;}
.footbom{padding-bottom: 6.2rem;}
.foot-btn{display: block;padding: 1rem;background: #fff;}
.wrapbom{bottom: 5.6rem;}

.tb-wrap{display: table;width: 100%;table-layout: fixed;border-collapse:collapse;text-align: center;font-size: 1.2rem;}
.tb-wrap>li,.tb-item{float: none;display: table-cell;width: 100%;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;padding: 6px;}
.tb-head{background: #F2F4F7;}
.tb-cont dl li{border: 1px solid #F2F4F7;border-top: 0;}
/*.gridlayout,.grid{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;}*/
.gridlayout>li,.grid>.grid-cell{width: 100%;overflow: visible;-webkit-box-flex: 1;-moz-box-flex: 1;flex: 1;}
.grid-stretch.grid{-webkit-align-items: stretch;align-items: stretch;}
.grid-top.grid{-webkit-align-items: flex-start;align-items: flex-start;}
.grid>.grid-pic{-webkit-box-flex: 0;flex:0 0 25%;max-width: 25%;}
.grid>.grid-pic img{display: block;}

.headbar{position: absolute;top:0;left:0;right: 0;z-index: 100;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.headbar.fixed{position: fixed;}
.pro-title{height: 4.6rem;line-height: 4.6rem;background: #333333;background-size: 100%;font-size: 1.8rem;text-align: center;color: #fff;position: relative;letter-spacing: 1px; border-bottom:1px #eee solid;}
.more{position: absolute;right: 0;top: 0;bottom: 0;z-index: 2;display: inline-block;border: 0;color: #fff;font-size: 1.5rem;}
.more i{width: 4.8rem;height: 100%;background-size: 40%;}
.pro-title a.back{font-size: 1.5rem;position: absolute;left: 0;z-index: 2;display: inline-block;text-align: center;color: #fff;height: 100%;}
.icon-back{display: inline-block;position: absolute;top: 1.7rem;margin-left: 1rem;width: 1.4rem;height: 1.4rem;border-style: solid;border-color: #333;border-image: none;border-width: .2rem 0px 0px .2rem;-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
/***ico base***/
.goback,.ico{display: inline-block;background-position: center center;background-repeat: no-repeat;background-size: 94%;}

/***pop****/
@-webkit-keyframes scaleIn {
  from {
    -webkit-transform: scale(1.2) translate(-50%,-50%);
    opacity: 0; }
  to {
    -webkit-transform: scale(1) translate(-50%,-50%);
    opacity: 1;} 
}

@keyframes scaleIn {
  from {
    transform: scale(1.2) translate(-50%,-50%);
    opacity: 0; }
  to {
    transform: scale(1) translate(-50%,-50%);
    opacity: 1;} 
}
.scale-in{-webkit-animation-name: scaleIn;animation-name: scaleIn;-webkit-animation-duration: 0.2s;animation-duration: 0.2s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.pop-tips,.pop{position: fixed;left: 0;top: 0;bottom:0;right:0;z-index: 999;background: rgba(0,0,0,0.5);display: block;overflow: hidden;width: 100%;}
.pop{display: none;}
.pop-box{position: relative;width: 100%;height: 100%;}
.pop-cont{position: relative;width: 70%;max-width: 460px;max-height: 92%;color: #2d2d2d;background: rgba(255,255,255,1);word-wrap: break-word;min-height: 140px;border-radius: 8px;overflow-y: auto;box-shadow: 0 0 8px rgba(0,0,0,0.5);top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop-cont h3.pop-title{letter-spacing:1px;color:#444;font-size: 1.5rem;text-align: center;padding: 1rem 0;font-weight:bold;font-family:'Simsun';border-bottom:1px solid #eee;}
.cont-area{padding:1.2rem 1.15rem;min-height: 50px;margin-bottom: 10px;color: #000;}
.btn-pop a{height: 4.4rem;text-align: center;color: #157efb;font:bold 1.5rem/4.4rem 'Simsun';border-right: 1px solid #eee;border-top:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:1px;display: block;}
.btn-pop a:last-child{border-right:0;}
.btn-cancel{display: inline-block;width: 120px;text-align: center;}
/*pop-select*/
.pop-select h3.pop-title{color:#f90;text-align: center;padding: 0.7rem 0;font-weight:bold;font-family:'Simsun';border-bottom:1px solid #f90;position: absolute;top: 0;left: 0;right: 0;z-index: 2;}
.pop-select .btn-pop{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.sel-tags{margin: 4rem 0 4.4rem;max-height: 48vh;overflow: auto;}
.sel-tags li{height:4rem;line-height:4rem;border-bottom:1px solid #eee;padding:0 1rem;color:#333;}
.sel-tags li:last-child{border-bottom: 0;}
.pop-tips .btn-pop a{width: 100%;}

/*.pop-closed{background-image: url(../images/ui/closed.png);width:2.4rem;height:2.4rem;float: right;background-size:100%;}*/

/*notify*/
.pop-notify{position: fixed;min-width: 48%;max-width: 70%;z-index: 999;background: rgba(0,0,0,0.8);border-radius: 5px;overflow: hidden;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .5s ease-in;;transition: all .5s ease-in;}
.pop-text{padding: 2rem 1rem;color: #fff;font-size: 1.3rem;text-align: center;}
.pop-notify.hide{display: none;}

/***nav***/
.footbar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 99;}
.navbar{border-top: 1px solid #666;background: #333;}
.nav li>a{opacity: 0.7;height: 5.4rem;display: block;font:1.1rem/5.4rem "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei";text-align: center;color: #999;letter-spacing:1px;padding-top: .5rem;}
.nav i img{display: inline-block;vertical-align: middle;width: 2.2rem;margin: 0 auto;}
.nav p{line-height: 1;font-size: 1.1rem;}
.nav i{display: block;height: 3rem;line-height: 3rem;background-repeat: no-repeat;background-size: 2.2rem;background-position: center center;margin: 0 0 .1rem;}
.nav .on a{color: #fff;opacity: 1;}

/*.nav-bar{position: absolute;z-index:9;top: 4.6rem;background: #fff;left: 0;right: 0;height: 0;opacity: 0.5;overflow: hidden;-webkit-transition: all .3s ease;transition: all .3s ease;}
.nav-bar.active{height: 5.4rem;opacity: 1;}*/

/*箭头*/
.ar-dn-icon,.ar-rig-icon{content:'\0020';display: inline-block;width: 10px;height: 10px;margin:-5px 0 0;position: absolute;right: 5px;top: 50%;z-index: 2;border-style: solid;border-color: #c8c8c8;border-image: none;border-width: 2px 2px 0px 0px;-webkit-transform:rotate(45deg);transform: rotate(45deg);}
.ar-dn-icon{-webkit-transform: rotate(135deg);transform: rotate(135deg);margin-top: -7px;}
.triangle{content: '\0020';top: 50%;right: 5px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color: #ccc;border-width: 5px;margin-top: -3px;}

/*改动*/
.spc-hd-wrap .headercircle{position: fixed;top:0;width:100%;z-index: 1000;}
.hot{border-bottom: 2px solid #000000;}
.hottest{padding:0 4%;margin-top:10px;background: #fff;}
.hot-margin{margin-bottom: 55px;}
.hotheader{height:43.5px;width:100%;text-align: center;}
.hot,.new{width:50%;height:43.5px;line-height: 43.5px;float: left;font-size: 16px;}
.hot span{display: block;margin:0 auto;height:43.5px;}
.messageleft,.messageright{width:50%;float: left;height:74px;}
.p-head{padding-bottom: 22px;}
.nameimg{height:74px;line-height: 74px;padding-right:6%;}
.nameimg,.namechar{float: left;}
.namechar span{display: block;}
.namechar span:nth-child(1){padding-top:20px;font-size: 16px;color: #000000;text-align: left;}
.namechar span:nth-child(2){color: #818181;}
.messageleft img{width:50px;height:50px;vertical-align: middle;border-radius:50%;}
.messageimg{height:74px;line-height: 74px;text-align: right;padding-left:20px;background: url(../images/u648.png) no-repeat;background-size: 25px 25px;background-position: 80% 48%;}
.p-explain{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-indent: 2em;font-size: 14px;text-align: left;color: #000000;}
.produce{background: #fff;margin-top:10px;padding:0 4%;margin-bottom: 40px;
}
.favCompile{position: absolute;right:1.2rem;font-size: 1.5rem;}
.cancelFav{position: absolute;right:1.3rem;top:0;margin-top:1rem;display: none;color:#999999;}
.artLists li{position: relative;}
.marbomBox{position: relative;}
.approveState,.affirm{position: absolute;right:0;display: block;top:0;color: #56ABE4;height: 100%;line-height: 7.7rem;padding:0 1.2rem;}
.affirm{background: url(../images/icons/u3169.png) no-repeat left center;background-size: 25px;padding-left:30px;display: none;max-width: 18rem;overflow: hidden;}
.borderColor{border-color: #FFFFFF;}