.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{clear: both;display: block;content: '';}
.text-center{text-align: center;}
.text-right{text-align: right;}
body{font-family: "微软雅黑";color: #000;}
@font-face{font-family: "造字工房悦黑体验版细体";src: url(../fonts/MissYuan_造字工坊悦黑.otf);}

/* top */
.top{width: 100%;text-align: center;}
.top_logo {margin: 0.1rem auto 0.1rem;height: 1.08rem;width: 90%;}
.top_logo img {display: block;margin: 0 auto;height: 100%;vertical-align: top;}
.top_logo .return img{width: 0.33rem;height: 0.6rem;vertical-align: top;margin-top: 0.24rem;}
.top_logo .return {left: 0;top: 0;height: 1.08rem;z-index: 10;}
.top_logo .right{height: 1.08rem;line-height: 1.08rem;color: #ff2b73;font-size: 0.45rem;display: inline-block;vertical-align: top;}
.top_logo .tv{width: 0.6rem;height: 0.6rem;vertical-align: middle;}
.top_logo .right i{display: inline-block;vertical-align: middle;margin-left: 0.106rem;}
.top_logo .share{font-size: 0.5rem;color: #0eb1ff;vertical-align: middle;top: 0.25rem;right: 0;z-index: 20;}
.top_logo #share{opacity: 0 !important;height: 1px !important;width: 1px !important;overflow: hidden;}
/* banner */
.banner{overflow: hidden;}
.banner img{width: 100%;vertical-align: top;}
.banner .price{width: 100%;left: 0;top: 2.6rem;text-align: center;}
.banner .price a{display: inline-block;width: 3.84rem;height: 0.61rem;background: url(../image/price.png) no-repeat center;
	background-size: 100% 100%;color: #fff;font-size: 0.267rem;line-height: 0.61rem;vertical-align: top;}
.banner .price .text{position: relative;top: 0.065rem;}
/*service*/
.service-wrap{padding: 0.24rem 0 0.346rem;background: #f5f5f5;}
.service-wrap .service{border: 1px solid #e9e9e9;border-left: none;border-right: none;background: #fff;}
.service-wrap .item{padding-top: 0.18rem;}
.service-wrap .item li{float: left;width: 25%;text-align: center;padding: 0.34rem 0;}
.service-wrap .item li a{display: inline-block;width: 100%;}
.service-wrap .item li i{display: inline-block;width: 1.0667rem;height: 1.2rem;vertical-align: text-top;}
.service-wrap .item li img{max-width: 1.0667rem;max-height: 1.1rem;vertical-align: text-bottom;}
.service-wrap .item b{width: 100%;left: 0;bottom: 0;}
.service-wrap .item .child-wrap{display: table;width: 100%;text-align: center;}
.service-wrap .item .child{display: table-cell;vertical-align: middle;height: 0.7rem;font-size: 0.285rem;color: #4A4A4A;}
.main-title-wrap{text-align: center;}
.main-title{font-size: 0.8rem;font-weight: normal;padding: 0.49rem 0 0.25rem;}
.main-title-wrap .smile{display: block;height: 0.32rem;margin: 0 auto;}

/*case*/
.case{background: #f5f5f5;padding-bottom: 0.4rem;}
.case li{width: 49.5%;height: 1.653rem;line-height: 1.653rem;text-align: left;background: #fff;margin-bottom: 0.1rem;}
.case li.last{margin-bottom: 0;}
.case li a{display: block;color: #000;font-size: 0;}
.case li img{width: 1.09rem;height: 1.09rem;vertical-align: middle;padding: 0 0.24rem 0 0.51rem;}
.case li i{display: inline-block;vertical-align: middle;font-size: 0.55rem;}
.case li .right{height: 0.61rem;width: 1.05rem;right: -0.6rem;top: 0.55rem;padding: 0;z-index: 10;}

/*question*/
.question{border: 1px solid #e9e9e9;border-left: none;border-right: none;}
.question .text-wrap{padding: 0.16rem 0 0.5rem;}
.question .text{display: block;}
.question .text img{display: block;margin: 0 auto;max-width: 100%;}

/*consult*/
.consult{background: #f5f5f5;padding: 0.37rem 1.44rem;}
.consult a{display: block;text-align: center;background: #2db2fd;color: #fff;font-size: 0.4rem;border-radius: 0.53rem;height: 1.0667rem;line-height: 1.0667rem;margin-bottom: 0.37rem;}
.consult a.last{margin-bottom: 0;}
.consult .contact-icon{height: 0.61rem;width: 1.467rem;text-align: center;left: 1.62rem;top: 0;}
.consult .contact-icon img{max-height: 0.61rem;max-width: 1.467rem;vertical-align: middle;}
.consult i{display: inline-block;padding-left: 1.2rem;}

/*show-banner*/
.show-banner img{width: 100%;vertical-align: top;}
.show-banner .text{font-size: 0.61rem;color: #fff;top: 0.52rem;left: 0.21rem;}

/*company-list*/
.new-company-wrap{min-height: 16em;background: #f5f5f5;}
.company-list{background: #f5f5f5;overflow: hidden;padding-bottom: 0.5rem;} 
.company-list li{background: #fff;margin-bottom: 0.1rem;} 
.company-list a{display: block;height: 1.6rem;line-height: 1.6rem;padding-right: 0.42rem;color: #666666;font-size: 0;} 
.company-list i{font-size: 0.48rem;vertical-align: top;}
.company-list .right img{vertical-align: middle;width: 0.24rem;height: 0.42rem;}
.company-list .icon{display: inline-block;width: 1.81rem;height: 1.17rem;margin: 0 0.56rem 0 0.67rem;text-align: center;}
.company-list .icon img{max-width: 1.81rem;max-height: 1.17rem;vertical-align: middle;}
.soft .icon{width: 2.02rem;height: 0.96rem;}
.soft .icon img{max-width: 2.02rem;max-height: 0.96rem;}
.falsh .icon{width: 1.73rem;height: 1.09rem;}
.falsh .icon img{max-width: 1.73rem;max-height: 1.09rem;}
.app .icon{width: 2rem;height: 1.06rem;}
.app .icon img{max-width: 2rem;max-height: 1.06rem;}
.child .icon{width: 2.05rem;height: 1.06rem;}
.child .icon img{max-width: 2.05rem;max-height: 1.06rem;}
.gov .icon{width: 1.33rem;height: 1.12rem;}
.gov .icon img{max-width: 1.33rem;max-height: 1.12rem;}
.enterprice .icon{width: 2.16rem;height: 0.95rem;}
.enterprice .icon img{max-width: 2.16rem;max-height: 0.95rem;}
.product .icon{width: 2.18rem;height: 1.04rem;}
.product .icon img{max-width: 2.18rem;max-height: 1.04rem;}

/*progress*/
.progress-wrap{background: #f5f5f5;padding-top: 0.2rem;}
.progress{border: 1px solid #e9e9e9;border-left: none;border-right: none;background: #fff;padding: 0.61rem 0.82rem 2.64rem 1.18rem;}
.progress li{border-left: 0.067rem solid #38a6f1;padding: 0 0 0.69rem 0.9rem;}
.progress li.last{border-left: none;}
.progress .round{display: inline-block;width: 0.98rem;height: 0.98rem;border-radius: 50%;background: #38a6f1;
	color: #fff;text-align: center;line-height: 0.98rem;font-size: 0.34rem;left: -0.49rem;top: 0;font-family: "Microsoft JhengHei";}
.progress .title{font-size: 0.45rem;font-weight: normal;height: 0.98rem;line-height: 0.98rem;}
.progress .descr{font-size: 0.35rem;font-weight: normal;line-height: 0.55rem;}
.progress .descr i{color: #FF0000;}
.progress .bg{right: 0.84rem;bottom: 0.32rem;width: 2.53rem;height: 4.66rem;}

/*no-spread*/
.no-spread{background: #f5f5f5;padding: 0.186rem 0.34rem 8.26rem;}
.no-spread .name{font-weight: normal;font-size: 0.613rem;background: #fff;text-align: center;height: 1.6rem;line-height: 1.6rem;}
.no-spread .text{font-size: 0.53rem;line-height: 0.893rem;background: #fff;margin-top: 0.186rem;padding: 0.36rem 0.57rem 0.3rem;}
.no-spread .bg{width: 2.42rem;height: 5.06rem;right: 0.34rem;bottom: -3.86rem;}

/*QQ*/
.QQ-wrap{padding-top: 0.186rem;background: #f5f5f5;}
.QQ-wrap .QQ{background: #fff;padding-bottom: 7.5rem;}
.QQ-wrap .small-qq{display: block;height: 2.22rem;margin: 0 auto ;padding: 1.12rem 0 0.333rem;}
.QQ-wrap .text{text-align: center;font-size: 0.4rem;}
.QQ-wrap .number{width: 92%;display: block;margin: 0.42rem auto 0.46rem;height: 1.06rem;line-height: 1.06rem;font-size: 0.5rem;text-align: center;color: #000;background: #f3f3f3;border-radius: 0.32rem;}
.QQ-wrap .descr{font-size: 0.4rem;line-height: 0.6rem;width: 92%;margin: 0 auto;}

/*weixin*/
.weixin-wrap{padding-top: 0.186rem;background: #f5f5f5;}
.weixin-wrap .weixin{background: #fff;padding-bottom: 1rem;}
.weixin-wrap .small-weixin{display: block;height: 4rem;margin: 0 auto ;padding: 1.12rem 0 0;}
.weixin-wrap .text{text-align: center;font-size: 0.4rem;padding: 0.37rem 0 0.48rem;width: 95%;margin: 0 auto;border-bottom: 1px solid #cccccc;}
.weixin-wrap .descr{font-size: 0.4rem;line-height: 0.6rem;width: 92%;margin: 0.3rem auto;}
.weixin-wrap .bottom{display: block;margin: 0 auto;height: 6.24rem;}

/*phone*/
.phone-wrap{padding-top: 0.186rem;background: #f5f5f5;}
.phone-wrap .phone{background: #fff;padding-bottom: 7.5rem;}
.phone-wrap .small-phone{display: block;height: 3.97rem;margin: 0 auto;padding: 1.12rem 0 0.333rem;}
.phone-wrap .text{text-align: center;font-size: 0.4rem;}
.phone-wrap .number{width: 92%;display: block;margin: 0.42rem auto 0.46rem;height: 1.06rem;line-height: 1.06rem;font-size: 0.5rem;text-align: center;color: #000;background: #f3f3f3;border-radius: 0.32rem;}

/*details*/
.details{background: #e6e6e6;padding: 0.32rem 0.45rem;}
.details li a{display: block;position: relative;}
.details li a img{width: 100%;vertical-align: top;}
.details li{margin-bottom: 0.4rem;background: #fff;}
.details .text{padding: 0.2rem 00.33rem 0.24rem;font-size: 0.267rem;color: #666666;}
.details .text i{color: #ff2b73;}
.details .text .complete{display: inline-block;background: #efefef;padding: 0.133rem 0.106rem 0.106rem 0.133rem;}
.details .text .on{width: 0.57rem;height: 0.54rem;margin-right: 0.106rem;}
.details .text .off{width: 0.613rem;height: 0.586rem;}
.details .text .star{font-size: 0;}
.details .play{width: 1.28rem;height: 1.28rem;left: 0.266rem;bottom: 1.2rem;}
.details .type{width: 100%;height: 0.93rem;line-height: 0.93rem;left: 0;bottom: 0;background: #000;opacity: 0.6;color: #fff;text-indent: 0.21rem;font-size: 0.4rem}
.details .consult{background: transparent;padding: 0 1.44rem;}
.details .tip{width: 2.37rem;height: 2.37rem;top: -0.1066rem;right: -0.1066rem;}




/*cooperate*/
.cooperate .c-banner{width: 100%;vertical-align: top;}
.cooperate .text{background: #f2f2f2;height: 1.333rem;line-height: 1.333rem;text-align: center;font-size: 0.53rem;}
.cooperate .down{display: block;margin: 0.26rem auto 0.24rem;height: 0.91rem;}
.cooperate .list li{margin-bottom: 0.24rem;overflow: hidden;display: inline-block;}
.cooperate .list a{display: block;}
.cooperate .list li img{width: 100%;vertical-align: top;}
.cooperate .list .c-logo{font-size: 0.48rem;color: #fff;width: 100%;left: 0;text-align: center;top: 0.75rem;}
.cooperate .list .name{font-size: 0.4rem;color: #fff;width: 100%;left: 0;text-align: center;top: 1.653rem;}
.cooperate .list .coo-right{float: right;}
.cooperate .list .coo-left{float: left;}

/*work-company*/
.work-company{padding-top: 0.17rem;background: #e6e6e6;}
.work-company .work-inner{background: #fff;padding: 0.17rem 0 0.4667rem;}
.work-company .work{display: block;height: 1.44rem;margin: 0 auto;}
.work-company .name{font-size: 0.53rem;font-weight: normal;text-align: center;padding: 0.29rem 0 0.33rem;}
.work-company .space{color: #666666;width: 95%;margin: 0.186rem auto 0;height: 1px;background: #dddddd;}
.work-company .relevant{width: 100%;left: 0;top: -0.2rem;font-size: 0.38rem;text-align: center;}
.work-company .relevant i{display: inline-block;background: #fff;padding: 0 0.186rem;}

/*content*/
.content{background: #e6e6e6;}
.newCode-wrap{font-size: 0;padding-bottom: 0.3rem;}
.content .c-banner{width: 100%;vertical-align: top;}
.content i{color: #989898;}
.content .play{display: none;vertical-align: top;width: 1.28rem;height: 1.28rem;left: 0.266rem;bottom: 0.30rem;}
.content .list i{color: #989898;}
.content .list li a{color: #010101;display: block;border-bottom: 1px solid #ebebeb;padding-left: 0.266rem;height: 1.33rem;line-height: 1.33rem;background: #fff;font-size: 0.45rem;}
.content .list .on{width: 0.57rem;height: 0.54rem;margin-right: 0.106rem;}
.content .list .off{width: 0.613rem;height: 0.586rem;}
.content .list .star img{vertical-align: text-top;}
.content .list .star {vertical-align: middle;}
.content .list .complete{background: #efefef;padding: 0.133rem 0.106rem 0.106rem 0.133rem;}
.content .list .complete i{color: #ff2b73;}
.content .list .slide{width: 0.25rem;height: 0.62rem;top: 0.355rem;right: 0.66rem;}
.content .price{margin: 0.333rem 0;}
.content .price .left,.content .price .right{text-align: center;width: 49.5%;background: #fff;margin-bottom: 1px;height: 1.33rem;line-height: 1.33rem;font-size: 0.45rem;}
.content .price .left a{color: #14b5ff;}
.content .price .right i{color: #9a9a9a;}
.content .price .text{font-size: 0.45rem;line-height: 0.65rem;background: #fff;padding: 0.78rem 0.266rem 1.18rem;color: #000;}
.content .story{padding: 0.78rem 0.266rem 1rem;background: #fff;}
.content .story .text{font-size: 0.45rem;line-height: 0.65rem;color: #000;}
.content .story .audio p{border: 1px solid #ebebeb;background: #fcfcfc;height: 1.2rem;line-height: 1.2rem;font-size: 0.45rem;padding-right: 0.8rem;}
.content .story .audio img{width: 0.62rem;height: 0.85rem;vertical-align: middle;margin: 0 0.8rem 0 0.66rem;}
.content .story .audio span{vertical-align: middle;color: #3f3f3f;}
.content .story .audio .time{color: #8d8d8d;position: relative;top: 0.05rem;}
.content .story .audio{margin: 0.64rem 0 0.89rem;}
.content .related{display: block;height: 1.33rem;margin: 0 auto;}
.content .related img{display: block;height: 1.33rem;margin: 0.3rem auto 0;}

.content .descr{padding-left: 0.266rem;background: #fff;font-size: 0.45rem;height: 1.33rem;line-height: 1.33rem;}
.content .openCode{font-size: 0.4rem;display: inline-block;padding-top: 0.32rem;}
.content .plot{margin: 0.32rem 0 0.42rem;font-size: 0.45rem;background: #fff;}
.content .plot ul{padding: 0 0.133rem 0.33rem 0.266rem;}
.content .plot ul li{float: left;width: 11%;margin: 0 1.5% 0.1333rem 0;font-size: 0.45rem;}
.content .plot ul a{display: block;color: #999;background: #ececec;text-align: center;height: 1.1rem;line-height: 1.1rem;}
.content .plot ul a.active{background: #0db0ff;color: #fff;}

/*about*/
.about{background: #e6e6e6;padding-top: 0.16rem;}
.about .about-inner{background: #fff;}
.about .title{text-align: center;color: #ff2b73;font-weight: normal;font-size: 0.53rem;padding: 0.64rem 0 0.41rem;}
.about .text{font-size: 0.4rem;line-height: 0.64rem;text-indent: 0.96rem;padding: 0 0.5rem;}
.about .text i{color: #ff0000;}
.about .text span{display: block;padding-bottom: 0.44rem;border-bottom: 1px solid #dfdfdf;}
.about .show{width: 100%;vertical-align: top;}
.about .show-img{background: #fff;}
.about .small-title{padding: 0.53rem 0 0.266rem;text-align: center;color: #ff2b73;font-weight: normal;font-size: 0.53rem;}

/*example*/
.example{background: #f5f5f5;padding-bottom: 0.48rem;}
.example .example-banner{width: 100%;vertical-align: top;}
.example .item{background: #fff;margin: 0.106rem 0 0.146rem;border: 1px solid #e9e9e9;border-left: none;border-right: none;}
.example .item li{float: left;width: 33.3333%;padding: 0.4rem 0 0.53rem;}
.example .item a{display: block;text-align: center;color: #000;font-size: 0.37rem;}
.example .item img{height: 1rem;display: block;margin: 0 auto;}
.example .item span{display: block;margin-top: 0.2rem;}
.example .list{background: #fff;border: 1px solid #e9e9e9;border-left: none;border-right: none;text-align: center;}
.example .list .classify{display: none;}
.example .list .title{background: #fff;font-size: 0.69rem;font-weight: normal;text-align: center;margin: 0.64rem 0 0.32rem;}
.example .list .tab-wrap{padding: 0 0.73rem;}
.example .list .tab-btn{vertical-align: top;font-size: 0.4rem;display: inline-block;height: 0.74rem;line-height: 0.74rem;width: 2.46rem;margin-right: 0.34rem;border: 1px solid #0db0ff;border-radius: 0.36rem;color: #0db0ff;}
.example .list .tab-btn.active{background: #0db0ff;color: #fff;}
.example .list .last{margin-right: 0;}
.example .list ul{padding: 0.66rem 0.36rem 0.26rem;}
.example .list ul li{float: left;width: 25%;margin-bottom: 0.24rem;overflow: hidden;}
.example .list ul .inner{padding: 0 0.2rem;}
.example .list ul img{width: 100%;vertical-align: top;}
.example .list ul .text{color: #777;font-size: 0.28rem;margin: 0.16rem 0 0;display: table;width: 100%;text-align: center;}
.example .list ul .text i{display: table-cell;vertical-align: middle;height: 1rem;}
.example .number{width: 100%;text-align: center;top: 1.3rem;left: 0;}
.example .number .n-text{font-family: "造字工房悦黑体验版细体";font-size: 0.4rem;color: #fff;}
.example .number .n-text span{font-size: 0.613rem;}
.example .number .n-text i{color: #ffcb15;}
.example .look{width: 100%;bottom: 1.12rem;text-align: center;}
.example .look a{display: inline-block;border-radius: 0.4rem;width: 40%;height: 0.72rem;line-height: 0.72rem;border: 1px solid #ffcb15;color: #ffcb15;font-size: 0.4rem;}
/*works*/
.works{background: #f5f5f5;}
.works .text{font-size: 0.4rem;margin: 0.51rem 0;}
.works .text i{display: inline-block;width: 2px;height: 2px;background: #000;margin: 0 0.42rem;vertical-align: middle;}
.works .select-btn{text-align: center;}
.works .select-btn img{width: 4.39rem;height: 0.97rem;cursor: pointer;}
.works .select-btn span{width: 100%;text-align: center;left: 0;top: 0.25rem;color: #fff;font-size: 0.45rem;}
.works .more{display: block;height: 0.77rem;margin: 1.01rem auto;}
.works ul{padding: 0 0 0.2rem 0.16rem;}
.works ul li{float: left;width: 48.5%;margin: 0 1.5% 0.16rem 0;}
.works ul a{display: block;color: #000;}
.works ul a img{width: 100%;vertical-align: top;}
.works ul a .descr{width: 100%;left: 0;bottom: 0;height: 0.66rem;background: #fff;opacity: 0.6;}
.works ul a i{z-index: 100;width: 100%;left: 0;bottom: 0;height: 0.66rem;line-height: 0.66rem;font-size: 0.4rem;text-indent: 0.106rem;}
.works dd{color: #666666;line-height: 0.55rem;font-size: 0;}
.works .w-left{width: 0.7rem;font-size: 0.35rem;display: inline-block;vertical-align: middle;}
.works .w-right{width: 0.7rem;font-size: 0.35rem;display: inline-block;vertical-align: middle;} 
.works .w-space{font-size: 0.35rem;display: inline-block;padding: 0 0.15rem;vertical-align: middle;} 
.works dd i{color: #000;font-size: 0.35rem;vertical-align: middle;}

.works dd b{vertical-align: middle;font-weight: normal;}
.works dl{background: #fff;padding: 0.2rem 0 0.2rem 0.18rem;}
.works dl .on{width: 0.24rem;height: 0.24rem;margin-right: 0.106rem;}
.works dl .off{width: 0.24rem;height: 0.24rem;}
.works dl .star{font-size: 0;vertical-align: middle;}
.works dl .star .last{margin-right: 0;}
.works dl .star img{vertical-align: middle;}
.works .works-banner{text-align: center;padding-top: 1.33rem;}
.works .works-banner img{height: 3.32rem;width: 4.92rem;vertical-align: top;}

/*video*/
.video{background: #e6e6e6;padding: 0.24rem 0 0;}
.video .title{text-align: center;margin-bottom: 0.346rem;font-size: 0.6rem;color: #000;font-weight: normal;background: #fff;height: 1.33rem;line-height: 1.33rem;}
.video .title i{color: #ff2c74;}
.video .list-wrap .silde-btn{border-bottom: 1px solid #ebebeb;padding-left: 0.4rem;height: 1.33rem;line-height: 1.33rem;background: #fff;font-size: 0.45rem;}
.video .list-wrap .silde-btn .slide-down{display: none;}
.video .list-wrap .silde-btn.active .slide-down{display: block;width: 0.62rem;height: 0.25rem;top: 0.56rem;right: 0.66rem;}
.video .list-wrap .slide{width: 0.25rem;height: 0.62rem;top: 0.355rem;right: 0.66rem;}
.video .list-wrap .silde-btn.active .slide{display: none;}
.video .list-wrap .silde-btn .slide{display: block;}


.video .list-wrap li a{color: #999999;display: block;border-bottom: 1px solid #ebebeb;padding-left: 0.4rem;height: 1.33rem;line-height: 1.33rem;background: #fff;font-size: 0.45rem;}
.video .list-wrap a i{color: #000;}
.video .list-wrap .on{width: 0.57rem;height: 0.54rem;margin-right: 0.106rem;}
.video .list-wrap .off{width: 0.613rem;height: 0.586rem;}
.video .list-wrap .star img{vertical-align: text-top;}
.video .list-wrap .star {vertical-align: middle;}
.video .list-wrap .complete{background: #efefef;padding: 0.133rem 0.106rem 0.106rem 0.133rem;}
.video .list-wrap .complete i{color: #ff2b73;}
.video .list-wrap .list{display: none;}
.video .story{background: #fff;margin: 0.4rem 0;padding: 0.8rem 0.4rem 0.74rem;}
.video .story .text{font-size: 0.45rem;line-height: 0.65rem;}
.video .story .text i{color: #999999;}

.video .item{background: #fff;padding: 0.53rem 0.64rem  0.32rem;;}
.video .item img{width: 100%;vertical-align: top;}
.video .item li{margin-bottom: 0.32rem;}

/*footer*/
.footer{text-align: center;color: #8A8A8A;font-size: 0.4rem;background: #f2f2f2;border-top: 1px solid #cccccc;display: table;width: 100%;text-align: center;}
.footer p{display: table-cell;vertical-align: middle;height: 1.54rem;line-height: 1.2;}

/*select-pop*/
.select-pop .select-inner{display: none;}
.select-pop .layui-layer-title{ padding: 0 0.4rem;height: 0.93rem;line-height: 0.93rem;border-bottom: 1px solid #e5e5e5;font-size: 0.45rem;color: #000;overflow: hidden;background-color: #fff;border-radius: 2px 2px 0 0;}
.select-pop li{font-size: 0.45rem;margin-bottom: 0.56rem;}
.select-pop .select{vertical-align: middle;display: inline-block;width: 0.55rem;height: 0.55rem;border: 1px solid #43abf9;margin-left: 1.55rem;text-align: center;}
.select-pop .select .ok{display: none;width: 0.33rem;height: 0.28rem;vertical-align: top;margin: 0.135rem 0 0 0.125rem;}
.select-pop .select.active .ok{display: block;}
.select-pop .text{vertical-align: middle;display: inline-block;margin-left: 0.266rem;}
.select-pop ul{padding-top: 0.42rem;}
.select-pop .sub-btn{display: inline-block;border-radius: 0.4rem;width: 55%;color: #fff;background: #43abf9;height: 0.74rem;line-height: 0.74rem;font-size: 0.4rem;}
.select-pop .layui-layer-ico{background: url(../image/details/close.png) no-repeat;}
.select-pop .layui-layer-setwin a{width: 0.45rem;height: 0.45rem;}
.select-pop .layui-layer-setwin .layui-layer-close1{background-position: 0% 0%;background-size: 100% 100%;}
.select-pop .layui-layer-setwin{right: 0.4rem;top: 0.24rem;}
.layui-layer-setwin .layui-layer-ico{border-radius: 50%;}

/*youkuplayer*/
#youkuplayer{display: none;height: 5.52rem;}

/*/*shareText*/
.shareTextWrap .layui-layer{top: 6.5rem !important;;border-radius: 20px;}
.shareTextWrap .layui-layer-setwin{z-index: 10000000012;left: 0;bottom: 0;right: auto !important;top: auto !important;width: 100%;height: 1.8rem;text-align: center;}
.shareTextWrap .layui-layer-setwin .layui-layer-close2{right: auto !important;width: 1.173rem;height: 1.786rem;top: 0 !important;background-position: 0% 0%;position: static;z-index: 10000000015}
.shareTextWrap .shareText{display: none;text-align: center;background: #ddd;height: 100%;border-radius: 16px;position: relative;z-index: 10000000;}
.shareTextWrap .share-img{vertical-align: top;width: 5.2rem;}
.shareTextWrap .layui-layer-ico{background: url(../image/share-close.png) no-repeat;background-size: 100%;}
.shareTextWrap .layui-layer-setwin .layui-layer-ico{border-radius: 0;}