@charset "UTF-8";
html, body { height: 100%; }

body { max-width: 750px; min-width: 320px; margin: 0 auto; }
body.review-cover .new_srbox,
body.review-cover .fade{ display: block; }
body.review-cover .back_top, 
body.review-cover .gd_cmtbox{ visibility: hidden; }

/*body.mui-ios.uc-body{overflow: hidden; }
body.mui-ios.uc-body #contentall{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
*/
input, textarea { -webkit-appearance: none; }

.fn-clear, .page-goup .query-box { zoom: 1; }
.fn-clear:after, .page-goup .query-box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.flex, .pair-title, .pair-list { display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.flex-justify, .pair-title, .pair-list { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.hide { display: none; }

/***************layer start ******************/
@-webkit-keyframes layerScale { from { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.6); }
  to { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); } }
.layer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); }
.layer .layer-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -webkit-animation: layerScale 0.3s both; }
.layer .layer-btns { display: -webkit-box; display: -webkit-flex; display: flex; }
.layer .layer-btns .layer-btn { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: block; line-height: 45px; color: #008def; font-size: 16px; box-shadow: none; border: 0; border-radius: 0; text-align: center; white-space: nowrap; }
.layer .layer-btns .layer-btn:first-child { border-radius: 0 0 0 6px; }
.layer .layer-btns .layer-btn:last-child { border-radius: 0 0 6px 0; }
.layer .layer-btns .layer-btn + .layer-btn { border-left: 1px solid #eee; margin: 0; }

.layer-alert { background: transparent; }
.layer-alert .layer-inner { padding: 10px 20px; background: rgba(0, 0, 0, 0.5); color: #FFF; border-radius: 0.12rem; font-size: 0.26rem; }
.layer-alert .alert-text { text-align: center; padding: 0.12rem; }
.layer-alert .alert-text:before { content: ''; display: block; width: 1rem; height: 1rem; background: url(/kaifamei/images/icon-alert.png) no-repeat 0 0; margin: 0.1rem auto; background-size: 100% auto; }
.layer-alert .alert-text.success:before { background-position: 0 bottom; }

.layer-confirm .layer-inner { width: 270px; background-color: #FFF; font-size: 14px; border-radius: 6px; }
.layer-confirm .layer-cont { padding: 30px 20px; text-align: center; font-size: 18px; border-bottom: 1px solid #eee; line-height: 1.5; }
.layer-confirm .layer-cont p { color: #f58725; font-size: 14px; margin: 0; }

/***************layer end******************/
.page-news { background-color: #f0f0f0; }
.page-news .bluebox { background: #8665db url(/kaifamei/images/wave-line.png) no-repeat 0 bottom; background-size: 100% auto; padding-bottom: 1px; }
.page-news .bluebox .top { background: -webkit-linear-gradient(top, #9e78c4, #8665db); }
.page-news .top { /*overflow: hidden;*/ }
.page-news .xz-remark { padding: 0 0.5rem; margin-bottom: 0.9rem; }
.page-news .xz-remark .face { background: url(/kaifamei/images/stars.png) no-repeat center 0; background-size: 100%; padding-top: 0.66rem; text-align: center; position: relative; }
.page-news .xz-remark .face:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: 100%; background-repeat: no-repeat; }
.page-news .xz-remark .face img { width: 3.23rem; vertical-align: top; position: relative; z-index: 1; }
.page-news .xz-remark .face-2:after { background-image: url(/kaifamei/images/cline/cline1.png); }
.page-news .xz-remark .face-3:after { background-image: url(/kaifamei/images/cline/cline2.png); }
.page-news .xz-remark .face-4:after { background-image: url(/kaifamei/images/cline/cline3.png); }
.page-news .xz-remark .face-5:after { background-image: url(/kaifamei/images/cline/cline4.png); }
.page-news .xz-remark .face-6:after { background-image: url(/kaifamei/images/cline/cline5.png); }
.page-news .xz-remark .face-7:after { background-image: url(/kaifamei/images/cline/cline6.png); }
.page-news .xz-remark .face-8:after { background-image: url(/kaifamei/images/cline/cline7.png); }
.page-news .xz-remark .face-9:after { background-image: url(/kaifamei/images/cline/cline8.png); }
.page-news .xz-remark .face-10:after { background-image: url(/kaifamei/images/cline/cline9.png); }
.page-news .xz-remark .face-11:after { background-image: url(/kaifamei/images/cline/cline10.png); }
.page-news .xz-remark .face-12:after { background-image: url(/kaifamei/images/cline/cline11.png); }
.page-news .xz-remark .face-13:after { background-image: url(/kaifamei/images/cline/cline12.png); }
.page-news .xz-remark .name { width: 2rem; line-height: 0.6rem; border: 0.02rem solid #FFF; text-align: center; border-radius: 0.3rem; font-size: 0.36rem; color: #FFF; margin: 0.4rem auto 0; cursor: pointer; }
.page-news .xz-remark .name::after { content: ''; display: inline-block; vertical-align: top; width: 0.21rem; height: 0.13rem; margin-left: 0.24rem; margin-top: 0.26rem; background: url(/kaifamei/images/icon-arrow.png) no-repeat; background-size: auto 100%; }
.page-news .xz-remark .date { line-height: 0.5rem; text-align: center; color: #c2aaff; font-size: 0.22rem; }
.page-news .xz-remark .title { font-size: 0.44rem; color: #FFF; font-weight: normal; text-align: center; padding: 0.3rem 0 0.4rem; }
.page-news .xz-remark .title:before, .page-news .xz-remark .title:after { position: absolute; font-family: arial; font-size: 0.8rem; margin-top: -0.04rem; }
.page-news .xz-remark .title:before { content: '“'; margin-left: -0.38rem; }
.page-news .xz-remark .title:after { content: "”"; margin-left: 0.12rem; }
.page-news .xz-remark .tags { font-size: 0; line-height: 1.5; }
.page-news .xz-remark .tags .tag { display: inline-block; width: 33.33%; text-align: center; font-size: 0.2rem; color: #c9bdee; margin-bottom: 0.3rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-news .xz-remark .tags .tag em { display: block; color: #FFF; font-size: 0.3rem; }
.page-news .xz-remark .text { font-size: 0.26rem; color: #c1acf6; line-height: 0.46rem; padding: 0.26rem 0.65rem; background-color: #7557c1; border-radius: 0.7rem; }
.page-news .xz-remark .text a { color: #fe8f3b; display: inline-block; }
.page-news .xz-remark .text-ft { text-align: center; font-size: 0.24rem; padding-top: 0.1rem; }
.page-news .xz-remark .text-ft a:after { content: ''; display: inline-block; width: 0.27rem; height: 0.14rem; background: url(../skin_img/sjb.png) no-repeat; background-size: 100%; margin-left: 0.26rem; }
.page-news .xz-remark .xzxzbox .set span { margin-top: -0.1rem; }
.page-news .uibox { padding: 0 0.5rem; color: #FFF; margin-bottom: 0.8rem; }
.page-news .uibox dt { height: 0.54rem; line-height: 0.54rem; margin-bottom: 0.3rem; }
.page-news .uibox dt .face { width: 0.54rem; height: 0.54rem; display: inline-block; vertical-align: top; margin-right: 0.2rem; background: -webkit-linear-gradient(top, #ffd195, #fff9db); border-radius: 50%; padding: 0.03rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-news .uibox dt .face img { width: 100%; height: 100%; }
.page-news .uibox dt .title { font-size: 0.36rem; margin-right: 0.2rem; }
.page-news .uibox dt .star { display: inline-block; width: 1.4rem; height: 0.25rem; background: url(/kaifamei/images/star.png) no-repeat; background-size: 100% auto; }
.page-news .uibox dt .star.s2 { background-position: 0px -0.3rem; }
.page-news .uibox dt .star.s3 { background-position: 0px -0.6rem; }
.page-news .uibox dt .star.s4 { background-position: 0px -0.9rem; }
.page-news .uibox dt .star.s5 { background-position: 0px 1.2rem; }
.page-news .uibox dt .more { font-size: 0.36rem; font-family: '宋体'; float: right; padding-left: 10px; cursor: pointer; }
.page-news .xz-fate dd { font-size: 0.26rem; line-height: 1.7; }
.page-news .xz-fate dd a { color: #fe8f3b; }
.page-news .pair-list { padding: 0; }
.page-news .pair-list li { float: left; position: relative; }
.page-news .pair-list li .face { width: 1.22rem; height: 1.22rem; background-color: #FFF; border: 0.06rem solid #b296fb; padding: 0.04rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; }
.page-news .pair-list li .face img { width: 100%; height: 100%; position: relative; top: 0.04rem; }
.page-news .pair-list li .rate { position: absolute; top: -0.2rem; right: -0.48rem; width: 1.12rem; line-height: 1.05rem; text-align: center; font-size: 0.38rem; background-color: #f36d79; border: 2px solid #f3d5e3; border-radius: 50%; font-family: arial; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.page-news .pair-list li .name { font-size: 0.2rem; text-align: center; padding-top: 0.02rem; }
.page-news .other-list { height: 1.28rem; overflow: hidden; }
.page-news .other-list .bd { width: 100%; }
.page-news .other-list ul { height: 100%; padding-bottom: 10px; overflow-x: auto; font-size: 0; white-space: nowrap; margin-left: -0.53rem; padding-right: 0.012rem; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
.page-news .other-list li { display: inline-block; position: relative; width: 1.22rem; height: 1.22rem; border: 0.024rem solid #f3d5e3; border-radius: 50%; margin-bottom: 5px; margin-left: 0.53rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-news .other-list a { position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; color: #FFF; background-size: 100%; white-space: nowrap; text-align: center; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.page-news .other-list a .name { font-size: 0.52rem; padding-top: 0.5rem; }
.page-news .other-list a .date { padding-top: 0.1rem; font-size: 0.4rem; }
.page-news .xz-topic { padding-bottom: 0.4rem; background-color: #FFF; }
.page-news .xz-topic .hd { text-align: center; padding: 0.8rem 0; position: relative; }
.page-news .xz-topic .hd:before { content: ""; position: absolute; width: 80%; height: 1px; left: 10%; top: 50%; background-color: #e6e6e6; }
.page-news .xz-topic .hd .title { display: inline-block; font-size: 0.36rem; color: #666; font-weight: normal; background-color: #FFF; position: relative; z-index: 1; padding: 0 0.4rem; }
.page-news .xz-topic .hd .title:before, .page-news .xz-topic .hd .title:after { content: ''; position: absolute; top: 50%; width: 7px; height: 7px; border-radius: 50%; background-color: #e6e6e6; margin-top: -3px; }
.page-news .xz-topic .hd .title:before { left: 0; }
.page-news .xz-topic .hd .title:after { right: 0; }
.page-news .xz-topic .topic-list li { position: relative; }
.page-news .xz-topic .topic-list li:first-child { margin-bottom: 0.2rem; }
.page-news .xz-topic .topic-list a { display: block; color: #666; }
.page-news .xz-topic .topic-list a:visited { color: #ccc; }
.page-news .xz-topic .topic-list .pic { display: block; width: 100%; }
.page-news .xz-topic .topic-list .pic + .tit { font-size: 0.36rem; line-height: 0.76rem; color: #FFF; position: absolute; bottom: 0; }
.page-news .xz-topic .topic-list .pic + .tit:hover { color: #FFF; }
.page-news .xz-topic .topic-list .tit { font-size: 0.3rem; margin: 0 0.52rem; line-height: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: hidden; }
.page-news .xz-topic .topic-list .tag { position: absolute; top: 0; left: 0; padding: 0 0.12rem; font-size: 0.22rem; line-height: 0.4rem; background-color: rgba(0, 0, 0, 0.7); color: #FFF; }
.page-news .xz-topic .topic-more { padding: 0.2rem 0; text-align: center; padding-bottom: 0.4rem; }
.page-news .xz-topic .topic-more a { display: inline-block; font-size: 0.22rem; color: #ccc; }
.page-news .xz-topic .topic-more a:after { content: ''; display: inline-block; vertical-align: middle; width: 0.04rem; height: 0.04rem; margin-left: 0.1rem; box-shadow: 0px 0.05rem 0 #ccc, 0.05rem 0 0 #ccc, 0px -0.05rem 0 #ccc; }
.page-news .news-detail { padding: 0 0.5rem 0.5rem; background-color: #FFF; margin-bottom: 0.3rem; }
.page-news .news-detail .title { padding: 0.2rem 0; text-align: center; }
.page-news .news-detail .title h1 { font-size: 0.36rem; font-weight: bold; color: #333; margin-bottom: 0.24rem; }
.page-news .news-detail .title p { color: #999; font-size: 0.22rem; }
.page-news .news-detail .title p span + span { margin-left: 0.22rem; }
.page-news .news-detail .info { margin-top: 0.9rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px dashed #d6d6d6; border-radius: 0.08rem; background-color: #f4f4f4; position: relative; color: #999; }
.page-news .news-detail .info dl { text-align: center; position: relative; padding-left: 2rem; }
.page-news .news-detail .info dl dt { position: absolute; bottom: 0; left: 0.25rem; }
.page-news .news-detail .info dl dt img { display: block; width: 1.88rem; height: 1.88rem; }
.page-news .news-detail .info dl h3 { font-size: 0.34rem; font-weight: normal; padding: 0.5rem 0 0.06rem; }
.page-news .news-detail .info dl h5 { font-size: 0.24rem; font-weight: normal; }
.page-news .news-detail .info ul { overflow: hidden; padding: 0.25rem 0 0.15rem 0.25rem; }
.page-news .news-detail .info li { width: 33.3%; float: left; font-size: 0.24rem; line-height: 0.6rem; white-space: nowrap; }
.page-news .news-detail .text { font-size: 0.30rem; line-height: 0.54rem; color: #666; margin-top: 0.6rem; word-wrap: break-word; }
.page-news .news-detail .text p { margin: 0.15rem 0; }
.page-news .news-detail .text img { max-width: 100%; }
.page-news .news-detail .text-tip { font-size: 0.26rem; text-align: center; color: #999; }
.page-news .news-detail .view { font-size: 0.3rem; color: #d38556; margin: 0.1rem 0; }
.page-news .news-detail .view:before { content: ''; display: inline-block; vertical-align: top; margin-top: 0.07rem; margin-right: 0.1rem; width: 0.36rem; height: 0.27rem; background: url(../skin_img/a_ll.png) no-repeat; background-size: 100%; }
.page-news .news-detail .share { margin-top: 0.6rem; display: none; }
.page-news .news-detail .share .hd { position: relative; text-align: center; margin-bottom: 0.36rem; }
.page-news .news-detail .share .hd:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #e6e6e6; }
.page-news .news-detail .share .hd h4 { display: inline-block; position: relative; z-index: 1; font-size: 0.22rem; color: #999; font-weight: normal; padding: 0 0.5rem; background-color: #fff; }
.page-news .news-detail .share .bd { font-size: 0; }
.page-news .news-detail .share .bd .share-link { font-size: 0.22rem; overflow: hidden; text-align: center; height: 0.3rem; line-height: 0.3rem; }
.page-news .news-detail .share .bd .share-link .icon { display: inline-block; width: 1rem; height: 1rem; background: url(/kaifamei/images/icon-share.png) no-repeat; background-size: auto 100%; margin-bottom: 0.1rem; }
.page-news .news-detail .share .bd .share-link .icon-wxq { background-position: -1.45rem 0px; }
.page-news .news-detail .share .bd .share-link .icon-qq { background-position: -2.91rem  0px; }
.page-news .news-detail .share .bd .share-link .icon-qqk { background-position: -4.36rem 0px; }
.page-news .news-detail .share .bd .share-link .icon-wb { background-position: right 0px; }
.page-news .news-detail .share .bd .share-link span { display: block; color: #999; }
.page-news .news-detail .share .bd .bdsharebuttonbox:after { display: none; }
.page-news .news-detail .share .bd .bdsharebuttonbox a { width: 1.04rem; padding: 1.16rem 0 0 0; margin: 0; background: url(/kaifamei/images/icon-share.png) no-repeat; background-size: auto 1rem; color: #999; }
.page-news .news-detail .share .bd .bdsharebuttonbox a.bds_sqq { background-position: -2.9rem 0px; }
.page-news .news-detail .share .bd .bdsharebuttonbox a.bds_qzone { background-position: -4.34rem 0px; }
.page-news .news-detail .share .bd .bdsharebuttonbox a.bds_tsina { background-position: right 0px; margin-right: 2px; }


.news-review { padding: 0.4rem 0.2rem; background-color: #FFF; margin-bottom: 0.3rem; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.news-review .title { font-size: 0.3rem; color: #333; font-weight: normal; text-align: center; padding: 0.16rem 0 0.32rem; }
.news-review .review-input { width: 100%; background-color: #f9f9f9; border: 0.04rem solid #e6e6e6; border-radius: 0.4rem; padding: 0.2rem 0.4rem; font-size: 0.26rem; color: #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.46rem; }
.news-review .review-list { font-size: 0.26rem; }
.news-review .review-list .list-bd li { position: relative; padding-left: 1.08rem; min-height: 0.8rem; }
.news-review .review-list .list-bd li:last-child .bd { /*border-bottom: 1px solid #e6e6e6;*/ }
.news-review .review-list .list-bd li .face { position: absolute; left: 0; top: 0; width: 0.8rem; height: 0.8rem; border-radius: 50%; }
.news-review .review-list .list-bd li .name { color: #ccc; }
.news-review .review-list .list-bd li .time { color: #ccc; font-size: 0.22rem; }
.news-review .review-list .list-bd li .agree { color: #999; float: right; }
.news-review .review-list .list-bd li .agree.on:before { background-position: 0px -0.38rem; }
.news-review .review-list .list-bd li .agree:before { content: ''; display: inline-block; vertical-align: top; margin-right: 0.1rem; width: 0.32rem; height: 0.34rem; background: url(/kaifamei/images/icon-agree.png) no-repeat; background-size: 100% auto; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.news-review .review-list .list-bd li .hd { margin-bottom: 0.1rem; }
.news-review .review-list .list-bd li .bd { color: #666; line-height: 0.48rem; padding-bottom: 0.4rem; /*margin-bottom: 0.4rem;*/ font-size: 0.3rem; }
.news-review .review-list .list-bd li .bd p { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; overflow: hidden; }
.news-review .review-list .list-bd .floor-list { background-color: #f9f9f9; margin-bottom: 0.4rem; }
.news-review .review-list .list-bd .floor-item { padding: 0.36rem 0.4rem; position: relative; }
.news-review .review-list .list-bd .floor-item .name { color: #888; font-weight: bold; }
.news-review .review-list .list-bd .floor-item + .floor-item { border-top: 1px solid #e6e6e6; }
.news-review .review-list .list-bd .floor-item em { font-size: 0.2rem; position: absolute; right: 0.2rem; top: 0.2rem; line-height: 1; color: #ccc; font-style: italic; }
.news-review .review-list .list-more { text-align: center; }
.news-review .review-list .list-more a { color: #fe8f3b; }
.news-review .review-list .list-more a:after { content: ''; display: inline-block; vertical-align: top; width: 0.27rem; height: 0.14rem; background: url(../skin_img/sjb.png) no-repeat; background-size: 100%; margin-left: 0.16rem; margin-top: 0.12rem; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.page-news .xttbox_title { font-weight: normal; padding-top: 0.2rem; font-size: 0.3rem; }

.page-goup .query-box { background-color: #FFF; padding: 0.8rem 0 0.5rem; margin-bottom: 0.3rem; position: relative; }
.page-goup .query-box .pic { width: 44%; float: left; }
.page-goup .query-box .pic img { width: 100%; }
.page-goup .query-box .box { margin-left: 44%; }
.page-goup .query-box .box-hd { font-size: 0; margin-bottom: 0.24rem; }
.page-goup .query-box .box-hd li { display: inline-block; font-size: 0.24rem; color: #999; margin-left: 0.7rem; cursor: pointer; }
.page-goup .query-box .box-hd li.on { color: #fe8f3b; font-size: 0.3rem; }
.page-goup .query-box .btn, .page-goup .query-box .form-select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-goup .query-box .form-group { margin-bottom: 0.3rem; }
.page-goup .query-box .mb50 { margin-bottom: 0.5rem; }
.page-goup .query-box .form-select { width: 88%; height: 0.7rem; line-height: 0.62rem; border: 0.04rem solid #e6e6e6; border-radius: 0.36rem; padding: 0 0.32rem; position: relative; font-size: 0.24rem; }
.page-goup .query-box .form-select:after { content: ''; width: 0.21rem; height: 0.21rem; position: absolute; top: 50%; right: 0.32rem; margin-top: -0.1rem; background: url(../skin_img/sexl_bj.png) no-repeat; background-size: 100%; }
.page-goup .query-box .form-select span { color: #333; }
.page-goup .query-box .form-select em { color: #999; margin: 0 0.14rem 0 0.1rem; }
.page-goup .query-box .form-select.form-select-time { width: 2.3rem; }
.page-goup .query-box .form-select.form-select-time:after { display: none; }
.page-goup .query-box .btn { display: inline-block; width: 1.8rem; height: 0.7rem; line-height: 0.7rem; text-align: center; background-color: #fe8f3b; color: #FFF; font-size: 0.26rem; text-align: center; border-radius: 0.36rem; }

.mui-dtpicker-title h5 { font-size: 14px; font-weight: 400; color: #8f8f94; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mui-dtpicker-header button { border: 1px solid #ccc; background-color: #fff; border-radius: 2px; }

.mui-dtpicker-header .mui-btn-blue { color: #fff; border: 1px solid #007aff; background-color: #007aff; }

.ui-review { position: fixed; top: 0; z-index: 999; width: 100%; height: 200%; max-width: 750px; background-color: #FFF; visibility: hidden; overflow-y: auto; }
.ui-review .ui-review-inner { padding: 0 0.2rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-review .hd { padding: 0.4rem 0; line-height: 0.3rem; }
.ui-review .hd .btn-cancel { position: absolute; left: 0.2rem; top: 0.25rem; width: 0.6rem; height: 0.6rem; }
.ui-review .hd .btn-cancel:before { position: absolute; top: 25%; left: 20%; content: ''; width: 40%; height: 40%; border-top: 0.04rem solid #bdbdbd; border-left: 0.04rem solid #bdbdbd; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.ui-review .hd .title { font-weight: normal; text-align: center; font-size: 0.3rem; color: #333; }
.ui-review .bd { padding-bottom: 0.3rem; }
.ui-review .bd textarea { font-size: 0.3rem; width: 100%; padding: 0.3rem; vertical-align: top; background-color: #f9f9f9; border: 1px solid #e6e6e6; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-review .bd textarea:active { outline: 0 none; }
.ui-review .ft { overflow: hidden; }
.ui-review .ft .btn-submit { display: inline-block; line-height: 0.7rem; padding: 0 0.3rem; float: left; background-color: #fe8f3b; border: 1px solid #fe8f3b; color: #666; font-size: 0.3rem; float: right; color: #FFF; border-radius: 0.1rem; }
.ui-review .ft .btn-submit:disabled { background-color: #ccc; border-color: #ccc; }

body.review-focus { overflow: hidden; background-color: #FFF; }
body.review-focus .ui-review { visibility: visible; }

.pair { background-color: #FFF; position: fixed; width: 100%; bottom: 0; z-index: 999; }

.pair-title, .pair-list { padding: 0 0.9rem; text-align: center; }

.pair-title { position: relative; top: -0.2rem; }
.pair-title h5 { width: 1.2rem; font-size: 0.26rem; color: #999; font-weight: normal; }

.pair-inner { width: 1.2rem; height: 5.4rem; position: relative; -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent); -webkit-mask-box-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5%, #ffffff 20%, #ffffff 80%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0)); overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pair-inner ul { width: 100%; height: 100%; position: absolute; top: 50%; z-index: 10; margin-top: -0.9rem; }
.pair-inner li { height: 1.8rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pair-inner li .pic { display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; border: 0.07rem solid #ffd9c6; margin-top: 0.2rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pair-inner li .pic img { width: 100%; }
.pair-inner li .tit { font-size: 0.26rem; line-height: 0.3rem; color: #999; margin-top: 0.05rem; }

.pair-going { width: 44%; position: absolute; left: 28%; top: 43%; padding-top: 24%; background: url(../skin_img/pair-line.png) no-repeat; background-size: 100%; }
.pair-going .btn { width: 52%; position: absolute; top: 32%; left: 24%; }

@media screen and (max-width: 320px) { .ui-review .bd textarea { height: 1.8rem; } }

/*# sourceMappingURL=style.css.map */