/*项目字体*/
html {
    font-family: Helvetica, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
    font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
}

/*页面头部*/
.page-title{
background: #56CCF2; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #56CCF2 , #2F80ED); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #56CCF2 , #2F80ED); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*页面头部标题*/
.swiper-container {
    width: 100%;
}

.swiper-container img {
    display: block;
    width: 100%;
}





.my-comment{position:absolute;width:100%;height:1rem;bottom:0;background-color:rgba(0,0,0,.8);z-index:10}
.my-comment .form-control{width:65%;height:.7rem;margin-top:.15rem;margin-left:.2rem;border-radius:.5rem;display:inline}
.comment-express{display:inline-block;width:10%;text-align:center;height:.7rem;line-height:.7rem}
.comment-express i{position:relative;top:.15rem;color:#fff;font-size:.7rem}
.comment-publish{display:inline-block;width:15%;line-height:.6rem;text-align:right}

/*标题两端的横线*/
.line{
    display: inline-block;
    width: .3rem;
    height: .1rem;
    border-top: .04rem solid #ddd;
} 

.onpure_title {
    color: #aaa;
    font-size: .26rem;
    font-weight: 700;
}


/*项目主色调*/
.bg-primary {
    background-color: #04BE02;
}

/*项目主色调字体*/
.mi-primary {
    color: #04BE02;
}

/*基础按钮样式*/
.mi-btn {
    display: inline-block;
    padding: 3px 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/*进度条*/
 .progress {
    display: inline-block;
    width: 2rem;
    height: .08rem;
    overflow: hidden;
    background-color: #ddd;
    border-radius: .5rem;
}

.progress-bar {
    width: 0;
    height: 100%;
    text-align: center;
    background: #ec6d74;  
    border-radius: .5rem;
}

/*标签*/
.label {
    font-size: .3rem;
    background-color: rgba(0,0,0,0.4);
    padding:.05rem .2rem;
    border-radius: .2rem;
    color: #fff;
}

/*数量增减*/
.amount-btn input {
    padding: 0;
    line-height: 25px;
    width: 30px;
}

.amount-btn .amount-decrease {
    background-color: #aaa;
    padding:4px 10px;
    border-radius:3px 0 0 3px ;
}

.amount-btn .amount-increase {
    background-color: #aaa;
    padding:4px 10px;
    border-radius: 0 3px 3px 0;
}

/*分割线样式*/
.dotted {
    border-bottom: 1px dotted #aaa;
    margin:5px 2px;
}

.dot-line {
    border-bottom: 2px dashed #ccc;
    margin:5px 2px;
}


.solid {
    border-bottom: 1px solid #aaa;
    margin:5px 2px;
}

/*视频UI组件*/
.video-screen-div{
    width:100%;
    position: relative;
}

.video-var {
    bottom:5px;
    position: absolute;
    width:100%;
    background-color: rgba(255,255,255,0.4);
}

.video-time {
    color:#fff;
    font-size: 12px;
}

.video-handle {
    position: absolute;
    margin:0 30px;
    top: -2px;
}


.control-bar {
    background-color: #f00;
    height: 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:0 30px;
    margin-top: 7px;
}
.control-inner {
    height: 3px;
    background: #2187e7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 1px rgba(0,198,255,0.7);
    -webkit-transition: width 0.1s;
    transition: width 0.1s;
}



.cell {
    background-color: #fff;
    padding:10px 15px;
    border-bottom: 1px dotted #aaa;
}

.cell-list:last-child {
   border-bottom:1px dotted #f00;
}

.cell input {
    border: none;
    width: 200px; 
    text-align:right;
    float: right;
    margin-top: 3px;
}


.form-control {
    display: block;
    width: 100%;
    height: 1rem;
    font-size: .3rem;
    padding-left: .3rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.mi-input {
    padding: 0 0.24rem;
    margin:.5rem auto;
}


.bgc-none {background-color: rgba(255,255,255,0);}







/*发表区*/
.comment-express {
    display: inline-block;
    width: 10%;
    text-align: center;
    height: .7rem;
    line-height: .7rem;
}


.comment-express i{
    position: relative;
    top:.15rem;
    color: #fff;
    font-size: .7rem;
}


.comment-publish {
    display: inline-block;
    width: 15%;
    text-align: right;
    line-height:.6rem;
}






.mi-doc-bottom {
    margin-top:1rem;
}