*{margin: 0;padding: 0;border: none;}
ol,ul,li,dl,dt,dd {list-style: none;}
a:link, a:visited { text-decoration:none;}
a:hover, a:active { text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.fl{float: left;}
.fr{float:right;}
html,body{font-family: 'Microsoft Yahei', Helvetica, Arial, '\5b8b\4f53';width: 100%;height: 100%;}

.box {width: 10.0rem;position: relative;}
.box div img{pointer-events: none;width: 100%;display: block;}
.box .box-title{margin: .4rem auto;width: 90%;}
.box .box-title h4{width:100%;font-size: .58rem;text-align: left;font-weight: bolder;}
.box .box-title p{width: 100%; font-size: .3rem;text-align: left; margin-top: 0.4rem;}
.box .share-btn{width: 0.565625rem;position: absolute;right: 0.5rem;top: 1.0rem;}
.box .share-btn img{width: 100%;}

.box .box-content{width: 90%;height: 5rem;margin: auto;}
.box .box-content video{width: 100%;display: block;}
.box .box-content .link-btn{position: relative;}
.box .box-content .link-btn a{width: 6.6rem;height: 0.85rem;position: absolute;top: 0rem;left: 1.1rem;display: block;}

.box .floatlayer{width: 3.140625rem;height:1.234375rem; position: fixed;bottom:1.0rem;right:5%; background: url(../images/float_layer.png) no-repeat;background-size:100% 100%;}
.box .floatlayer .floatlayer-btn{width: 100%;height: 100%;display: block;}

.box .box-item{width: 90%;height: 2.5rem;position: fixed;bottom: 0rem;left: 5%;background-color: #fff;}
.box .box-item .item-01{width: 13%;position: absolute;left: 0;top: 0.5rem;}
.box .box-item .item-02{width: 50%;position: absolute;left: 18%;top: 0.6rem;height: 1.4rem;}

.box .box-item .item-03{width: 23%;position: absolute;right:0.5rem; top: 0.6rem;}
.box .box-item .close_btn{width: 0.4rem;position: absolute;top: 0.078125rem;right: 5px;}