@charset "UTF-8";
html { -webkit-text-size-adjust: none; -webkit-user-select: none; -webkit-touch-callout: none; font-family: Helvetica; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }

body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, pre, form, input, textarea, th, td, select { margin: 0; padding: 0; font-weight: normal; text-indent: 0; }

a, button, input, textarea, select { background: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: none; -webkit-appearance: none; }

em { font-style: normal; }

li { list-style: none; }

a { text-decoration: none; }
img { border: none; vertical-align: top; }

table { border-collapse: collapse; }

textarea { resize: none; overflow: auto; }

/* 清除浮动 */
.clear { zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.yxui-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.yxui-flex > .cell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0 !important; position: relative; }

.yxui-flex-center { display: -webkit-box; display: -webkit-flex; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { min-height: 100%; }

body { background: #FFFFFF; }

h3 { font-size: 0.34rem; color: #dc3636; line-height: 2; }

a:active { opacity: .6; }

.indexbg { background: url("../images/indexbg.jpg") no-repeat top; background-size: 100% 100%; }

.index-title { text-align: center; margin-top: 3.15rem; }

.index-title img { width: 5.25rem; }

.starsdesing { overflow: hidden; }

.index-chioce { width: 6.65rem; margin: 1.35rem auto 0 auto; position: relative; }

.index-chioce .ic-main { width: 5.15rem; height: 4rem; margin: 0 auto; padding-left: 0.26rem; }

.index-chioce .ic-main .swiper-container { padding-left: 0.18rem; }

.index-chioce .ic-main .ic-main-c { width: 9.5rem; float: left; overflow: hidden; }

.index-chioce .ic-main .swiper-slide { width: 4.66rem !important; position: relative; height: 3.27rem; }

.index-chioce .ic-main .swiper-slide img { width: 100%; }

.index-chioce .ic-main .swiper-slide a { display: inline-block; width: 2.4rem; height: 0.75rem; position: absolute; left: 1.05rem; top: 1.85rem; }

.index-chioce .ic-cleft { background: #ffffff url("../images/rightclick.png") no-repeat center; background-size: 90%; width: 0.4rem; height: 0.4rem; border-radius: 50%; position: absolute; left: 0; top: 1.5rem; }

.index-chioce .ic-cright { background: #ffffff url("../images/leftclick.png") no-repeat center; background-size: 90%; width: 0.4rem; height: 0.4rem; border-radius: 50%; position: absolute; right: 0; top: 1.5rem; }

.ic-main-c .ic-mitem { width: 4.66rem; float: left; position: relative; }

.ic-main-c .ic-mitem:nth-child(1) { margin-right: 0.1rem; }

.ic-main-c .ic-mitem img { width: 100%; }

.ic-main-c .ic-mitem a { display: inline-block; width: 2.4rem; height: 0.75rem; position: absolute; left: 1.05rem; top: 1.85rem; }

.alertmask { width: 100%; height: 100%; position: absolute; top: 0; z-index: 3; cursor: pointer; }

.alertpo { width: 100%; text-align: center; height: 100%; position: absolute; top: 0; z-index: 1; cursor: pointer; }

.alertpo img { width: 1.91rem; margin-top: 3rem; }

.star-choicetop { width: 100%; height: 1.84rem; background: url("../images/choicetopbg.png") no-repeat 0 -0.4rem; background-size: 100% 1.84rem; position: absolute; z-index: 15; }

.star-choicetop .choiceitem { width: 9.5rem; margin: 0.25rem 0 0 0.35rem; overflow: hidden; float: left; }

.star-choicetop .choiceitem .ci-item { padding: 0 0.2rem; height: 0.65rem; line-height: 0.65rem; cursor: pointer; float: left; border-radius: 5px; background: rgba(0, 0, 0, 0.6); margin-right: 0.45rem; color: #ffffff; text-align: center; font-size: 0.28rem; letter-spacing: 0.1rem; }

.star-choicetop .choiceitem .ci-item:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.1rem solid #ffffff; margin-left: 0.08rem; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; }

.star-choicetop .choicepart { width: 5.8rem; position: absolute; top: 1rem; left: 0.35rem; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); height: 6rem; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-y: scroll; background-color: #ffffff; }

.star-choicetop .choicepart .cp-item { width: 5.75rem; z-index: 5; background: #ffffff; border-radius: 5px; overflow: hidden; padding: 0.3rem 0; }

.star-choicetop .choicepart .cp-item a { display: inline-block; width: 2.05rem; height: 0.7rem; line-height: 0.7rem; border: 1px solid #7a7a7a; border-radius: 3px; color: #000000; font-size: 0.28rem; text-align: center; margin-bottom: 0.24rem; float: left; margin-left: 0.54rem; }

.star-choicetop .choicepart .cp-item a.active { background: #000000; color: #ffffff; border: 1px solid #000000; }

.star-choicetop .choicepart .cp-item a:nth-child(1) { content: ' '; display: inline-block; width: 2.05rem; height: 0.7rem; }

.star-choicetop .choicepart .cp-item a.disable { background: #ffffff; border: 1px solid #cccccc; color: #cccccc !important; }

.star-choicetop .choicefen { float: right; margin-top: 0.25rem; margin-right: 0.35rem; }

.star-choicetop .choicefen span { display: inline-block; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: rgba(0, 0, 0, 0.6); color: #ffffff; text-align: center; line-height: 0.65rem; }

.star-choicetop .choicefen span i { font-size: 0.32rem; }

.starcaselist { padding: 0 0.35rem; height: 6.15rem; overflow: hidden; overflow-y: scroll; position: relative; top: 1.15rem; -webkit-overflow-scrolling: touch; }

.starcaselist .starcaselist-c { overflow: hidden; }

.starcaselist .starcaselist-c .sc-item { float: left; width: 48.5%; height: 2.95rem; border: 1px solid #000000; margin-right: 3%; margin-bottom: 0.2rem; position: relative; overflow: hidden; }

.starcaselist .starcaselist-c .sc-item:nth-child(2n+2) { margin-right: 0; }

.starcaselist .starcaselist-c .sc-item img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.starcaselist .starcaselist-c .sc-item p { text-align: center; height: 0.82rem; width: 100%; position: absolute; bottom: 0; line-height: 0.82rem; color: #ffffff; font-size: 0.3rem; background: url("../images/caseitembg.png") no-repeat 0 0; }

.starcaselist .topcasekong { font-size: 0.28rem; text-align: center; color: #333333; margin-top: 2rem; }

.starcasebig { width: 100%; height: 100%; }

.starcasebig .swiper-slide { position: relative; }

.starcasebig .swiper-slide img { width: 100%; height: 100%; }

.starcasebig .swiper-slide .sstext { width: 100%; height: 100%; position: absolute; top: 0; }

.starcasebig .swiper-slide .sstext p { width: 100%; height: 100%; position: relative; }

.starcasebig .swiper-slide .sstext p span { position: absolute; bottom: 0; display: inline-block; width: 100%; padding-left: 0.35rem; padding-top: 1rem; height: 1.85rem; color: #ffffff; font-size: 0.3rem; background: url("../images/decbottombg.png") no-repeat 0 0.4rem; background-size: 100%; }

.starcasebig .swiper-slide a { display: inline-block; width: 4.3rem; height: 0.98rem; background: url("../images/checkstar1.png") no-repeat; background-size: 100%; position: absolute; bottom: 1.3rem; left: 50%; margin-left: -2.15rem; }

.starcasebig .topcasekong { font-size: 0.28rem; text-align: center; color: #333333; position: relative; top: 4rem; }

.exidmainimg { width: 100%; height: 100%; position: relative; overflow: hidden; }

.exidmainimg .parentimg { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: auto 100% !important; background-repeat: no-repeat !important; background-position: center !important; }

.exidchoice { width: 1.15rem; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; z-index: 12; }

.exidchoice .ec-item { text-align: center; height: 25%; position: relative; }

.exidchoice .ec-item span { margin-top: 0.4rem; display: inline-block; color: #ffffff; width: 0.6rem; height: 0.6rem; }

.exidchoice .ec-item span i { font-size: 0.48rem; }

.exidchoice .ec-item span img { width: 0.495rem; }

.exidchoice .ec-item p { color: #ffffff; font-size: 0.28rem; padding-top: 0.12rem; }

.exidchoice .ec-choicegoods { height: 75%; position: relative; }

.exidchoice .ec-choicegoods .ecc-back { height: 33%; text-align: center; }

.exidchoice .ec-choicegoods .ecc-back span { margin-top: 0.4rem; display: inline-block; color: #ffffff; }

.exidchoice .ec-choicegoods .ecc-back span i { font-size: 0.48rem; }

.exidchoice .ec-choicegoods .ecc-back p { color: #ffffff; font-size: 0.28rem; padding-top: 0.12rem; }

.exidchoice .ec-choicegoods .ecc-choice { height: 64%; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c { padding: 0 0.09rem; }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c .ec-c-item { position: relative; overflow: hidden; width: 0.97rem; height: 0.97rem; background: #ffffff; margin-bottom: 0.2rem; cursor: pointer; }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c .ec-c-item img { position: absolute; width: 0.97rem; height: 0.97rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c .ec-c-item.active { border: 0.04rem solid #ff705a; }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c .shopgoodsc { text-align: center; margin-bottom: 0.15rem; }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c .shopgoodsc:after { content: ''; display: inline-block; width: 0; height: 0; margin-top: 0.05rem; z-index: 20; border-top: 0.08rem solid #ffffff; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; }

.exidchoice .ec-choicegoods .ecc-choice .ecc-choice-c .shopgoodsc p { text-align: center; font-size: 0.18rem; color: #ffffff; }

.exidchoice .ec-choicegoods .ecc-choice .spinner { width: 100%; text-align: center; }

.exidchoice .ec-choicegoods .ecc-choice .spinner span { display: inline-block; width: 0.12rem; height: 0.12rem; background-color: #999999; border-radius: 50%; float: left; -webkit-animation: stretchdelay 1.6s infinite ease-in-out; animation: stretchdelay 1.6s infinite ease-in-out; }

.exidchoice .ec-choicegoods .ecc-choice .spinner span:nth-child(1) { margin-left: 0.3rem; }

.exidchoice .ec-choicegoods .ecc-choice .spinner span:nth-child(2) { margin-left: 0.1rem; -webkit-animation-delay: -1.15s; animation-delay: -1.15s; }

.exidchoice .ec-choicegoods .ecc-choice .spinner span:nth-child(3) { margin-left: 0.1rem; -webkit-animation-delay: -2.3s; animation-delay: -2.3s; }

@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-color: #999999; }
  20% { -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background-color: #ffffff; } }

@keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-color: #999999; }
  20% { -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background-color: #ffffff; } }

.checkit { width: 1.22rem; height: 1.22rem; background: url("../images/checkit.png"); background-size: 100%; position: absolute; z-index: 40; left: 50%; top: 40%; margin-left: -0.6rem; margin-top: -0.6rem; }

.childspace { position: absolute; right: 1.15rem; border-radius: 2px; top: 1.9rem; padding: 0.45rem 0.55rem; height: 2.63rem; overflow: hidden; overflow-y: scroll; width: 5.8rem; background: #ffffff; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); z-index: 11; }

.childspace .childspace-c { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; }

.childspace .childc-space { overflow: hidden; }

.childspace .childc-space a { display: inline-block; float: left; width: 2.05rem; margin-bottom: 0.22rem; height: 0.75rem; line-height: 0.75rem; color: #000000 !important; border: 1px solid #7a7a7a; text-align: center; font-size: 0.28rem; border-radius: 3px; }

.childspace .childc-space a:nth-child(2n+1) { margin-right: 0.58rem; }

.childspace .childc-space a:nth-last-child(1), .childspace .childc-space a:nth-last-child(2) { margin-bottom: 0; }

.childspace .childc-space a.active { background: #000000; border: 1px solid #000000; color: #ffffff !important; }

.childspace .childc-space a.disable { background: #ffffff; border: 1px solid #cccccc; color: #cccccc !important; }

.childspace:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; opacity: 0.8; top: 0.8rem; right: 0rem; z-index: 20; border-right: 0.1rem solid #000; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; }

.showgoods { position: absolute; right: 1.135rem; border-radius: 2px; bottom: 0rem; padding: 0.45rem 0.55rem 0.3rem 0.55rem; height: 6rem; width: 8.5rem; background: #ffffff; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); z-index: 11; }

.showgoods .showgoods-cc { position: relative; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.showgoods .showgoods-c { overflow: hidden; }

.showgoods .showgoods-c a { display: inline-block; float: right; width: 2.05rem; margin-left: 0.58rem; margin-bottom: 0.22rem; height: 0.75rem; line-height: 0.75rem; color: #000000 !important; border: 1px solid #7a7a7a; text-align: center; font-size: 0.28rem; border-radius: 3px; position: relative; }

.showgoods .showgoods-c a:nth-child(3n+3) { margin-left: 0rem; }

.showgoods .showgoods-c a img { width: 0.25rem; position: absolute; bottom: 0; right: 0; display: none; }

.showgoods .showgoods-c a.active { background: #000000; border: 1px solid #000000; color: #ffffff !important; }

.showgoods .showgoods-c a.choice img { display: block; }

.showgoods:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; opacity: 0.8; bottom: 0.8rem; right: 0; z-index: 20; border-right: 0.135rem solid #000; border-bottom: 0.12rem solid transparent; border-top: 0.12rem solid transparent; vertical-align: middle; }

.hotchoice { position: absolute; z-index: 2; }

.openorclose { width: 0.42rem; height: 1.67rem; position: fixed; right: 0rem; top: 50%; margin-top: -0.84rem; z-index: 13; }

.openorclose img { width: 100%; }

.closeoropen { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.change span { color: #ff8f5e !important; }

.change p { color: #ff705a !important; }

.exidsave { position: absolute; z-index: 4; top: 0.25rem; left: 0.3rem; width: 1.65rem; height: 0.65rem; background: rgba(0, 0, 0, 0.8); border-radius: 5px; text-align: center; line-height: 0.65rem; color: #ffffff; font-size: 0.3rem; }

.exidsave i { font-size: 0.32rem; }

.exidnewsave { position: absolute; z-index: 23; top: 0.3rem; left: 0.35rem; }

.exidnewsave .ens-item { width: 0.8rem; height: 0.8rem; font-size: 0.24rem; line-height: 0.7rem; text-align: center; background: #ffffff; float: left; border-radius: 50%; margin-right: 0.35rem; border: 1px solid #999; }

.exidnewsave .ens-save { border: 1px solid #060606; line-height: 0.8rem; }

.exidnewsave .disable { color: #999999; }

.exidclickcase { position: absolute; top: 0.3rem; right: 0.35rem; z-index: 11; width: 6.95rem; height: 0.8rem; }

.exidclickcase .exidclickcase-c { position: relative; width: 100%; height: 100%; float: right; }

.exidclickcase .exidclickcase-c .exidclickoff-p { width: 100%; overflow: hidden; }

.exidclickcase .exidclickcase-c .exidclickoff-p .exidclickoff { width: 0.8rem; height: 0.8rem; float: right; position: relative; z-index: 4; background: #000000; border-radius: 50%; color: #ffffff; font-size: 0.32rem; line-height: 0.8rem; text-align: center; }

.exidclickcase .exidclickcase-c .exidclickoff-p .exidclickoff i { font-size: 0.4rem; position: relative; z-index: 5; -webkit-transition: all 0.2s; transition: all 0.2s; display: inline-block; }

.exidclickcase .exidclickcase-c .exidclickoff-p .exidclicklist { position: absolute; overflow: hidden; width: 6rem; top: 0; left: 1rem; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 3; opacity: 0; }

.exidclickcase .exidclickcase-c .exidclickoff-p .exidclicklist .ecl-item { background: #000000; color: #ffffff; font-size: 0.24rem; text-align: center; height: 0.75rem; line-height: 0.75rem; border-radius: 5px; float: right; padding: 0 0.2rem; margin-right: 0.27rem; }

.exidclickcase .exidclickcase-c .exidclickoff-p .exidclickon i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.exidclickcase .exidclickcase-c .exidclickoff-p .exidclickon .exidclicklist { -webkit-transform: translateX(-6.8rem); -ms-transform: translateX(-6.8rem); transform: translateX(-6.8rem); opacity: 1; }

.exidclickcase .exidclickcase-c .ec-changespace { position: absolute; width: 2.85rem; background: #ffffff; text-align: center; border-radius: 2px; top: 1rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); left: 1.0rem; }

.exidclickcase .exidclickcase-c .ec-changespace .ec-cpmain { padding: 0.2rem 0 0.1rem 0; }

.exidclickcase .exidclickcase-c .ec-changespace .ec-cpmain a { width: 2.07rem; display: inline-block; height: 0.7rem; margin-bottom: 0.12rem; text-align: center; line-height: 0.7rem; color: #000; font-size: 0.3rem; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; }

.exidclickcase .exidclickcase-c .ec-changespace .ec-cpmain a.active { background: #000000; color: #ffffff; position: relative;}

.ec-cp-choice:after{ content:''; display: inline-block; z-index: 3; width: 0; height: 0; position: absolute; top: 0.55rem; left: -0.15rem;  border-right: 0.2rem solid #ffffff; border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent;}

.exidclickcase .exidclickcase-c .ec-changespace:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; top: -0.19rem; left: 44%; border-bottom: 0.2rem solid #fff; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; vertical-align: middle; }

.exidchangestyle { width: 10.65rem; position: absolute; z-index: 25; top: 1.35rem; height: 6rem; left: 50%; margin-left: -5.325rem; background: #fff; -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }

.exidchangestyle .ecs-contain { position: relative; width: 100%; height: 100%; }

.exidchangestyle .ecs-contain:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; top: -0.19rem; left: 64%; border-bottom: 0.2rem solid #fff; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; vertical-align: middle; }

.exidchangestyle .ecs-contain .ecs-ctopchoce { height: 0.8rem; border-bottom: 1px solid #cccccc; }

.exidchangestyle .ecs-contain .ecs-ctopchoce a { display: inline-block; width: 50%; line-height: 0.8rem; text-align: center; color: #000000; font-size: 0.28rem; font-weight: bold; }

.exidchangestyle .ecs-contain .ecs-ctopchoce a:after { content: ''; display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; width: 0; height: 0; border-top: 0.08rem solid transparent; border-bottom: 0.08rem solid transparent; border-left: 0.1rem solid #000; margin-left: 0.1rem; }

.exidchangestyle .ecs-contain .ecs-ctopchoce a.active:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.exidchangestyle .ecs-contain .ecs-ctopchoce:after { content: ''; display: inline-block; height: 0.52rem; position: absolute; left: 50%; top: 0.15rem; border-right: 1px solid #cccccc; }

.exidchangestyle .ecs-contain .ecs-cmiancontain { width: 5.2rem; height: 10.65rem; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin: -2.725rem 0 0 2.725rem; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .ecs-item { width: 10.65rem; height: 5.2rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: 2.725rem; right: 2.725rem; padding: 0 0.95rem; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .ecs-item .ecsi-item { width: 4.2rem; display: inline-block; height: 2.2rem; overflow: hidden; border: 1px solid #000000; float: left; margin-top: 0.27rem; position: relative; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .ecs-item .ecsi-item:nth-child(2n+1) { margin-right: 0.3rem; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .ecs-item .ecsi-item img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.exidchangestyle .ecs-contain .ecs-cmiancontain .ecs-item .ecsi-item p { position: absolute; width: 100%; height: 0.8rem; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; bottom: 0; font-size: 0.22rem; color: #ffffff; text-align: center; background: url("../images/caseitembg.png") no-repeat 0 0.15rem; background-size: auto 100%; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .cm-main-btnprev { position: absolute; cursor: pointer; top: 0.45rem; left: 46%; width: 0.4rem; height: 0.4rem; text-align: center; z-index: 2; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .cm-main-btnprev:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.1rem solid #000; margin-left: 0.1rem; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .cm-main-btnnext { position: absolute; cursor: pointer; bottom: 0.2rem; right: 47%; width: 0.4rem; height: 0.4rem; text-align: center; z-index: 2; }

.exidchangestyle .ecs-contain .ecs-cmiancontain .cm-main-btnnext:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-top: 0.1rem solid #000; margin-left: 0.1rem; }

.exidchangestyle .ecs-contain .ecs-cmainstyle { width: 5.2rem; height: 10.65rem; position: absolute; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 9; top: -1.92rem; left: 2.725rem; background: #ffffff; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .ecs-i-style { width: 10.65rem; height: 5.2rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: 2.725rem; right: 2.725rem; padding: 0.2rem 0.6rem 0 0.6rem; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .ecs-i-style a { display: inline-block; width: 2.05rem; height: 0.7rem; margin-top: 0.2rem; line-height: 0.7rem; text-align: center; color: #000000; font-size: 0.28rem; border-radius: 3px; margin-right: 0.4rem; border: 1px solid rgba(0, 0, 0, 0.7); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .ecs-i-style a:nth-child(4n+4) { margin-right: 0; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .ecs-i-style a.active { background: #000000; border: 1px solid #000000; color: #ffffff; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .ecs-i-style a.disable { background: #ffffff; border: 1px solid #cccccc; color: #cccccc; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .cm-main-btnprev { position: absolute; top: 0.25rem; left: 46%; width: 0.4rem; height: 0.4rem; text-align: center; z-index: 2; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .cm-main-btnprev:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.1rem solid #000; margin-left: 0.1rem; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .cm-main-btnnext { position: absolute; bottom: 0rem; right: 47%; width: 0.4rem; height: 0.4rem; text-align: center; z-index: 2; }

.exidchangestyle .ecs-contain .ecs-cmainstyle .cm-main-btnnext:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-top: 0.1rem solid #000; margin-left: 0.1rem; }

.exidblackbg { width: 100%; height: 100%; position: fixed; top: 0; z-index: 24; background: rgba(0, 0, 0, 0.7); }

.exidnewgoodchoice { width: 0.8rem; color: #ffffff; height: 0.8rem; background: #000000; border-radius: 50%; text-align: center; position: absolute; z-index: 7; right: 0.28rem; bottom: 0.29rem; }

.exidnewgoodchoice i { display: inline-block; margin-top: 0.1rem; }

.exidnewgoodchoice span { font-size: 0.18rem; display: inline-block; }

.exidnewgoodslist { width: 100%; height: 1.4rem; position: absolute; bottom: 0; z-index: 26; background: rgba(0, 0, 0, 0.7); padding-right: 1.36rem; padding-left: 0.35rem; }

.exidnewgoodslist .eng-close { width: 1.36rem; height: 1.4rem; float: right; text-align: center; position: absolute; right: 0; }

.exidnewgoodslist .eng-close img { width: 0.79rem; margin-top: 0.31rem; }

.exidnewgoodslist .eng-goodtype { width: 100%; height: 1.4rem; white-space: nowrap; overflow: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

.exidnewgoodslist .eng-goodtype .engg-item { width: 0.92rem; height: 0.92rem; cursor: pointer; margin-top: 0.23rem; position: relative; border-radius: 4px; background: #ffffff; border: 1px solid #000000; display: inline-block; white-space: normal; }

.exidnewgoodslist .eng-goodtype .engg-item span { font-size: 0.22rem; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; display: inline-block; width: 0.7rem; line-height: 0.35rem; text-align: center; }

.exidnewgoodslist .eng-goodtype .engg-item img { position: absolute; width: 0.4rem; bottom: 0; right: 0; display: none; }

.exidnewgoodslist .eng-goodtype .choice img { display: block; }

.exidnewgoodslist .eng-goodlist-p { width: 100%; height: 1.4rem; padding-left: 2.4rem; position: relative; }

.exidnewgoodslist .eng-goodlist-p .eng-goodlist { width: 100%; height: 1.4rem; white-space: nowrap; overflow: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

.exidnewgoodslist .eng-goodlist-p .eng-goodlist .engg-item { width: 0.92rem; cursor: pointer; height: 0.92rem; overflow: hidden; margin-top: 0.23rem; position: relative; border-radius: 4px; background: #ffffff; border: 1px solid #000000; display: inline-block; white-space: normal; margin-right: 0.25rem; }

.exidnewgoodslist .eng-goodlist-p .eng-goodlist .engg-item span { font-size: 0.22rem; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; display: inline-block; width: 0.7rem; line-height: 0.35rem; text-align: center; }

.newloging{ width: 100%; height: 100%; position: absolute; z-index: 233; top: 0;left: 0;     background: rgba(0,0,0,0.7);}

.exidnewgoodslist .eng-goodlist-p .eng-goodlist .engg-item img { width: 100%; }

.exidnewgoodslist .eng-goodlist-p .eng-goodlist .active { border: 0.04rem solid #ff705a; }

.exidnewgoodslist .eng-goodlist-p .eng-goodstype { width: 1.02rem; padding-left: 0.22rem; position: relative; height: 0.92rem; line-height: 0.92rem; position: absolute; left: 0; top: 0.24rem; border-radius: 4px; background: url("../images/goodstypebg.png") no-repeat center; background-size: 100%; }

.exidnewgoodslist .eng-goodlist-p .eng-goodstype span { font-size: 0.22rem; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; top: 50%; display: inline-block; width: 0.92rem; line-height: 0.35rem; text-align: center; }

.exidnewgoodslist .eng-goodlist-p .eng-goodstype img { display: none; }

.exidnewgoodslist .eng-goodlist-p .eng-goodbroad { width: 0.92rem; height: 0.92rem; background: #fff; text-align: center; position: absolute; left: 1.2rem; top: 0.24rem; border-radius: 4px; }

.exidnewgoodslist .eng-goodlist-p .eng-goodbroad i { display: inline-block; margin-top: 0.1rem; color: #000000; font-size: 0.3rem; }

.exidnewgoodslist .eng-goodlist-p .eng-goodbroad span { font-size: 0.18rem; display: inline-block; color: #000000; width: 100%; margin-top: 0.05rem; }

.exidnewchoicebroad { width: 3.5rem; height: 10.85rem;  position: absolute; z-index: 25; left: 3.975rem; bottom: -1.975rem; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); border-radius: 3px; -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }

.exidnewchoicebroad:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; top: 1.5rem; left: -0.18rem; border-right: 0.2rem solid #fff; border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; vertical-align: middle; }

.exidnewchoicebroad .exidnewchoicebroad-c { width: 100%; height: 71%; background: #ffffff; position: relative; border-radius: 5px;}

.exidnewchoicebroad .exidnewchoicebroad-c .cm-main-btnprev { position: absolute; cursor: pointer; top: 0.15rem; left: 44%; width: 0.6rem; height: 0.6rem; text-align: center; z-index: 2; }

.exidnewchoicebroad .exidnewchoicebroad-c .cm-main-btnprev i { display: inline-block; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.exidnewchoicebroad .exidnewchoicebroad-c .cm-main-btnnext { position: absolute; cursor: pointer; bottom: -0.1rem; right: 39%; width: 0.6rem; height: 0.6rem; text-align: center; z-index: 2; }

.exidnewchoicebroad .exidnewchoicebroad-c .cm-main-btnnext i { display: inline-block; }

.exidnewchoicebroad .ecs-broad { width: 8.85rem; height: 3.5rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: 2.675rem; left: -2.675rem; padding: 0.3rem 0.72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.exidnewchoicebroad .ecs-broad a { display: inline-block; width: 1.95rem; float: left; background: #ffffff; color: #000000; font-size: 0.3rem; margin-top: 0.2rem; line-height: 0.7rem; border-radius: 3px; margin-right: 0.2rem; text-align: center; border: 1px solid rgba(0, 0, 0, 0.7); overflow:hidden}

.exidnewchoicebroad .ecs-broad a:nth-child(3n+3) { margin-right: 0; }

.exidnewchoicebroad .ecs-broad a.active { background: #000000; color: #ffffff; }

.exnewaddress{height: 3.5rem; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0.25rem 0.28rem; background: #ffffff; position: relative; top: 0.15rem;  -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.eas-item{ margin-bottom: 0.2rem; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.1rem;}
.eas-item:nth-last-child(1){ border-bottom: none; padding-bottom: 0;}
.eas-item h1{ font-size: 0.22rem; color: #000000; line-height: 0.3rem; margin-bottom: 0.1rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.eas-item p{ font-size: 0.2rem; color: #000000; line-height: 0.3rem; margin-bottom: 0.1rem;  width: 100%; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.eas-item p img{ width: 0.21rem; vertical-align: middle; margin-right: 0.1rem;}
.showcase { width: 10.50rem; height: 6.75rem; background: #ffffff; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); position: absolute; z-index: 14; left: 0.2rem; top: 0.32rem; }

.showcase .topchoice { padding: 0.1rem 0.3rem 0.15rem 0.3rem; overflow: hidden; }

.showcase .topchoice .tc-item { width: 1.45rem; line-height: 0.57rem; height: 0.57rem; float: left; border-radius: 4px; background: rgba(0, 0, 0, 0.7); margin-right: 0.35rem; color: #ffffff; text-align: center; font-size: 0.28rem; letter-spacing: 0.1rem; }

.showcase .topchoice .tc-item:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.1rem solid #ffffff; margin-left: 0.08rem; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; }

.topchoice .choiceitem { width: 8.5rem; margin: 0.2rem 0 0 0.35rem; overflow: hidden; float: left; }

.topchoice .choiceitem .ci-item { padding: 0 0.2rem; height: 0.65rem; line-height: 0.65rem; cursor: pointer; float: left; border-radius: 5px; background: rgba(0, 0, 0, 0.6); margin-right: 0.45rem; color: #ffffff; text-align: center; font-size: 0.28rem; letter-spacing: 0.1rem; }

.topchoice .choiceitem .ci-item:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.1rem solid #ffffff; margin-left: 0.08rem; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; }

.topchoice .choiceitem .show:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.1rem solid #ffffff; margin-left: 0.08rem; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.topchoice .choicepart { width: 5.8rem; position: absolute; top: 1.25rem; left: 0.35rem; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); z-index: 4; border-radius: 5px; height: 5rem; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-top: 0.1rem; }

.topchoice .choicepart .choicepart-c { width: 100%; }

.topchoice .choicepart .cp-item { width: 5.75rem; z-index: 5; background: #ffffff; border-radius: 5px; overflow: hidden; padding: 0.2rem 0; -webkit-box-shadow:  0 0 0.15rem rgba 0, 0, 0, 0.2; box-shadow:  0 0 0.15rem rgba 0, 0, 0, 0.2; }

.topchoice .choicepart .cp-item a { display: inline-block; width: 2.05rem; height: 0.7rem; line-height: 0.7rem; border: 1px solid #7a7a7a; border-radius: 3px; color: #000000; font-size: 0.28rem; text-align: center; margin-bottom: 0.24rem; float: left; margin-left: 0.54rem; }

.topchoice .choicepart .cp-item a.active { background: #000000; color: #ffffff; border: 1px solid #000000; }

.topchoice .choicepart .cp-item a.disable { border: 1px solid #cccccc; color: #cccccc; background: #ffffff; }

.topchoice .choicefen { float: right; margin-top: 0.25rem; margin-right: 0.35rem; }

.topchoice .choicefen span { display: inline-block; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: rgba(0, 0, 0, 0.6); color: #ffffff; text-align: center; line-height: 0.65rem; }

.topchoice .choicefen span i { font-size: 0.32rem; }

.topchoice .closef { float: right; margin-top: 0.2rem; }

.topchoice .closef i { font-size: 0.7rem; opacity: 0.7; color: #000000; }

.topcaselist { height: 5.2rem; padding: 0 0.3rem 0 0.3rem; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.topcaselist .topcaselist-c { overflow: hidden; }

.topcaselist .topcaselist-c .tc-item { width: 4.85rem; height: 2.63rem; float: left; border: 1px solid #000000; position: relative; margin-right: 0.18rem; overflow: hidden; margin-bottom: 0.2rem; }

.topcaselist .topcaselist-c .tc-item:nth-child(2n+2) { margin-right: 0; }

.topcaselist .topcaselist-c .tc-item img { width: 100%; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.topcaselist .topcaselist-c .tc-item p { text-align: center; height: 0.62rem; width: 100%; position: absolute; bottom: 0; line-height: 0.62rem; color: #ffffff; font-size: 0.26rem; background: url("../images/caseitembg.png") no-repeat 0 0; }

.topcaselist .topcasekong { font-size: 0.28rem; text-align: center; color: #333333; margin-top: 2rem; }

.lockscreen { width: 100%; height: 100%; position: fixed; background: #000000; z-index: 500; top: -4.5rem; left: 0; overflow: hidden; }

.lockscreen .lockicon { text-align: center; color: #ffffff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: 4rem; }

.lockscreen .lockicon i { font-size: 0.8rem; }

.lockscreen .lockicon p { font-size: 0.48rem; margin-top: 0.35rem; }

.loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 40; background: rgba(0, 0, 0, 0.3); text-align: center; }

.loading img { vertical-align: middle; width: 0.8rem; margin-top: 3rem; -webkit-animation: clickhand1 4s linear infinite; animation: clickhand1 4s linear infinite; }

.loading p { color: #ffffff; text-align: center; font-size: 0.28rem; margin-top: 0.25rem; }

.alertmsg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 82; background: rgba(0, 0, 0, 0.3); text-align: center; }

.alertmsg span { display: inline-block; line-height: 0.6rem; padding: 0 0.2rem; color: #ffffff; position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.6); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 40; font-size: 0.28rem; border-radius: 5px; }

.alertmsg span a { text-decoration: underline; color: #b6e4f2; }

::-webkit-scrollbar { display: none; }

@-webkit-keyframes clickhand1 { 10% { -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }
  20% { -webkit-transform: rotate(240deg);
    transform: rotate(240deg); }
  30% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  40% { -webkit-transform: rotate(480deg);
    transform: rotate(480deg); }
  50% { -webkit-transform: rotate(600deg);
    transform: rotate(600deg); }
  60% { -webkit-transform: rotate(720deg);
    transform: rotate(720deg); }
  70% { -webkit-transform: rotate(840deg);
    transform: rotate(840deg); }
  80% { -webkit-transform: rotate(960deg);
    transform: rotate(960deg); }
  90% { -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); }
  100% { -webkit-transform: rotate(1200deg);
    transform: rotate(1200deg); } }

@keyframes clickhand1 { 10% { -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }
  20% { -webkit-transform: rotate(240deg);
    transform: rotate(240deg); }
  30% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  40% { -webkit-transform: rotate(480deg);
    transform: rotate(480deg); }
  50% { -webkit-transform: rotate(600deg);
    transform: rotate(600deg); }
  60% { -webkit-transform: rotate(720deg);
    transform: rotate(720deg); }
  70% { -webkit-transform: rotate(840deg);
    transform: rotate(840deg); }
  80% { -webkit-transform: rotate(960deg);
    transform: rotate(960deg); }
  90% { -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); }
  100% { -webkit-transform: rotate(1200deg);
    transform: rotate(1200deg); } }

/*图库*/
.imgtopchoice { height: 1rem; width: 100%; position: fixed; top: 0; z-index: 20; border-bottom: 1px solid #dddddd; background-color: #ffffff; -webkit-transition: top 0.4s; transition: top 0.4s; }

.imgtopchoice .titletext { float: left; font-weight: bold; line-height: 1rem; font-size: 0.28rem; color: #000000; width: 3.75rem; padding-left: 0.2rem; }

.imgtopchoice .titletext:after { display: inline-block; content: ''; }

.imgtopchoice .ic-choice { float: right; width: 3.55rem; height: 1rem; position: relative; }

.imgtopchoice .ic-choice .ic-choice-c { width: 100%; height: 100%; position: relative; }

.imgtopchoice .ic-choice .ic-choice-c .icc-item { width: 50%; float: left; }

.imgtopchoice .ic-choice .ic-choice-c .icc-item a { display: inline-block; width: 100%; height: 100%; line-height: 1rem; text-align: center; font-size: 0.26rem; color: #999999; }

.imgtopchoice .ic-choice .ic-choice-c .icc-item a:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.11rem solid #cccccc; margin-left: 0.12rem; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; }

.imgtopchoice .ic-choice .ic-choice-c .active a { color: #000000; }

.imgtopchoice .ic-choice .ic-choice-c .active a:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.11rem solid #7f7f7f; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0.12rem; border-bottom: 0.1rem solid transparent; border-top: 0.1rem solid transparent; vertical-align: middle; }

.changetop { top: -1.5rem; }

.ic-choice .choicepart { width: 5.8rem; position: absolute; top: 1.05rem; right: 0rem; background-color: #ffffff; }

.ic-choice .choicepart .cp-item { width: 5.75rem; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); z-index: 5; background: #ffffff; border-radius: 5px; overflow: hidden; padding: 0.3rem 0; }

.ic-choice .choicepart .cp-item a { display: inline-block; width: 2.05rem; height: 0.7rem; line-height: 0.7rem; border: 1px solid #7a7a7a; border-radius: 3px; color: #000000; font-size: 0.28rem; text-align: center; margin-bottom: 0.24rem; float: left; margin-left: 0.54rem; }

.ic-choice .choicepart .cp-item a.active { background: #000000; color: #ffffff; border: 1px solid #000000; }

.ic-choice .choicepart .cp-item a:nth-child(1) { content: ' '; display: inline-block; width: 2.05rem; height: 0.7rem; }

.imgmainlist { margin-top: 1.05rem; overflow: hidden; padding: 0.1rem 0.15rem 0 0.15rem; }

.imgmainlist .iml-item { width: 3.5rem; height: 3.5rem; overflow: hidden; float: left; border-radius: 5px; margin-bottom: 0.15rem; }

.imgmainlist .iml-item:nth-child(2n+1) { margin-right: 0.18rem; }

.imgmainlist .iml-item img { position: relative; top: 50%; left: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.imgdec-main { height: 10.2rem; background-color: #000; }

.imgdec-main .swiper-slide { width: 100% !important; }

.imgdec-main .swiper-slide p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.imgdec-main .swiper-slide p img { width: 100%; }

.imgdec-main .swiper-slide p .imgmaodian { width: 0.37rem; height: 0.37rem; position: absolute; -webkit-animation: myfirst 3s 1s infinite; animation: myfirst 3s 1s infinite; background-color: rgba(225, 225, 225, 0.5); border-radius: 50%; text-align: center; line-height: 0.37rem; }

.imgdec-main .swiper-slide p .imgmaodian:after { content: ''; display: inline-block; width: 0.15rem; height: 0.15rem; background-color: rgba(225, 225, 225, 0.8); position: relative; top: 50%; margin-top: -0.075rem; border-radius: 5px; }

.imgdec-main .swiper-slide p .choice { background-color: rgba(166, 110, 62, 0.5); }

.imgdec-main .swiper-slide p .choice:after { background-color: rgba(166, 110, 62, 0.8); }

.im-itemmes { position: absolute; bottom: 1.85rem; width: 100%; height: 2.18rem; background: rgba(225, 225, 225, 0.8); }

.im-itemmes .imiimg { width: 1.6rem; height: 1.6rem; float: left; border: 1px solid rgba(0, 0, 0, 0.5); margin: 0.3rem 0.4rem 0 0.3rem; }

.im-itemmes .imiimg img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.im-itemmes .imitext { float: left; width: 4.98rem; margin-top: 0.35rem; }

.im-itemmes .imitext h1 { font-size: 0.32rem; color: #000000; line-height: 0.35rem; margin-bottom: 0.1rem; }

.im-itemmes .imitext .people { font-size: 0.3rem; color: #666666; margin-top: 0.2rem; }

.im-itemmes .imitext .people span { color: #000; }

.im-itemmes .imitext .people img { width: 0.47rem; height: 0.47rem; border-radius: 50%; }

.im-itemmes .imitext .people img:nth-child(2) { position: relative; left: -0.22rem; }

.im-itemmes .imitext .people img:nth-child(3) { position: relative; left: -0.44rem; }

.im-itemgoodlist { position: absolute; bottom: 1.85rem; background: rgba(225, 225, 225, 0.5); white-space: nowrap; width: 100%; padding-bottom: 0.43rem; overflow: scroll; height: 2.5rem; overflow-y: hidden; -webkit-overflow-scrolling: touch; font-size: 0px; }

.im-itemgoodlist .im-ig-item { width: 1.62rem; display: inline-block; height: 2.2rem; margin-left: 0.4rem; margin-top: 0.3rem; }

.im-itemgoodlist .im-ig-item img { width: 100%; height: 1.62rem; }

.im-itemgoodlist .im-ig-item a{ display: inline-block; width: 1.62rem; height: 1.62rem; background: #ffffff;}

.im-itemgoodlist .im-ig-item div { font-size: 0.24rem; color: #000000; text-align: center; line-height: 0.6rem; }

.idloginmask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 5; }

.idloginmain { width: 6.36rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.idloginmain .idloginmain-c { width: 100%; height: 100%; position: relative; background-color: #ffffff; border-radius: 3px; padding: 0.55rem 0.32rem 0 0.32rem; }

.idloginmain .idloginmain-c h1 { font-size: 0.36rem; text-align: center; color: #000000; margin-bottom: 0.25rem; font-weight: bold; }

.idloginmain .idloginmain-c p { text-align: center; color: #666; font-size: 0.3rem; }

.idloginmain .idloginmain-c p span { color: #000; font-size: 0.3rem; }

.idloginmain .idloginmain-c .iidlogininput { width: 5.65rem; height: 0.9rem; line-height: 0.9rem; margin: 0.5rem auto 0 auto; background-color: #f2f2f2; border-radius: 5px; }

.idloginmain .idloginmain-c .iidlogininput input { background-color: #f2f2f2; outline: none; border: none; height: 0.6rem; margin-top: 0.15rem; margin-left: 0.44rem; font-size: 0.3rem; width: 4.2rem; }

.idloginmain .idloginmain-c .iidlogintext { width: 5.65rem; height: 0.9rem; line-height: 0.9rem; margin: 0.2rem auto 0 auto; }

.idloginmain .idloginmain-c .iidlogintext .ii-input { width: 3.25rem; float: left; height: 0.9rem; line-height: 0.9rem; background-color: #f2f2f2; border-radius: 5px; }

.idloginmain .idloginmain-c .iidlogintext .ii-input input { background-color: #f2f2f2; outline: none; border: none; height: 0.6rem; margin-top: 0.15rem; margin-left: 0.44rem; font-size: 0.3rem; width: 2.6rem; }

.idloginmain .idloginmain-c .iidlogintext .ii-ispan { width: 2.2rem; float: right; height: 0.9rem; line-height: 0.9rem; display: inline-block; text-align: center; color: #000; font-size: 0.28rem; border: 1px solid #666666; border-radius: 5px; }

.idloginmain .idloginmain-c .iidsubmit { width: 6.36rem; margin-left: -0.32rem; margin-top: 0.67rem; height: 0.95rem; line-height: 0.95rem; text-align: center; color: #000000; font-size: 0.3rem; font-weight: bold; border-top: 1px solid #cccccc; }

.idloginmain .idloginmain-c .idl-close { width: 0.35rem; height: 0.35rem; position: absolute; top: -0.2rem; right: -0.1rem; color: #ffffff; background-color: #000000; border-radius: 50%; }

.idloginmain .idloginmain-c .idl-close i { font-size: 0.7rem; position: relative; left: -0.2rem; top: -0.2rem; }

.imgbottom { height: 1.85rem; background-color: #000000; padding-top: 0.45rem; position: fixed; bottom: 0; width: 100%; }

.imgbottom .ibm-btn { width: 6.21rem; height: 0.98rem; line-height: 0.98rem; margin: 0 auto 0 auto; background: url("../images/imgdecbottom.png") no-repeat; background-size: 100%; }

.imgbottom .ibm-btn a { width: 50%; text-align: center; display: inline-block; line-height: 0.98rem; height: 0.98rem; color: #000000; font-size: 0.32rem; float: left; }

.imgbottom .ibm-btn a i { font-size: 0.4rem; vertical-align: middle; }

.imgbottom .ibm-btns { width: 6.21rem; height: 0.98rem; margin: 0 auto 0 auto; }

.imgbottom .ibm-btns a { width: 100%; display: inline-block; height: 0.98rem; background: url("../images/tuanbtnbg.png") no-repeat; background-size: 100%; }

.loginsucess { width: 3.05rem; height: 2rem; color: #000; padding-top: 0.4rem; border-radius: 5px; background-color: rgba(225, 225, 225, 0.6); z-index: 6; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.loginsucess i { font-size: 0.5rem; }

.loginsucess p { text-align: center; font-size: 0.34rem; margin-top: 0.22rem; }

.imgdectopchoice { width: 3rem; position: absolute; z-index: 5; top: 0.45rem; right: 0.27rem; }

.imgdectopchoice .idc-item { width: 0.65rem; position: relative; margin-left: 0.35rem; text-align: center; line-height: 0.65rem; height: 0.65rem; float: right; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; }

.imgdectopchoice .idc-item i { font-size: 0.4rem; }

.imgdectopchoice .idc-item .idc-choiceitem { position: absolute; width: 1.6rem; top: 0.8rem; right: 0; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px; }

.imgdectopchoice .idc-item .idc-choiceitem a { display: inline-block; width: 100%; text-align: center; color: #ffffff; line-height: 0.85rem; font-size: 0.28rem; border-bottom: 1px solid rgba(225, 225, 225, 0.4); }

.imgdectopchoice .idc-item .idc-choiceitem a:nth-last-child(1) { border-bottom: none; }

.imgdectopchoice .idc-item.active { background-color: rgba(0, 0, 0, 0.9); }

.usestarcasechoice { width: 6rem; height: 2.5rem; position: absolute; top: 50%; left: 45%; background-color: #ffffff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 5px; z-index: 50; }

.usestarcasechoice h1 { font-size: 0.3rem; color: #000000; padding: 0.35rem 0.3rem 0 0.3rem; line-height: 0.4rem; }

.usestarcasechoice p { overflow: hidden; position: absolute; bottom: 0; width: 100%; height: 0.75rem; border-top: 1px solid #000000; }

.usestarcasechoice p a { display: inline-block; width: 50%; float: left; font-size: 0.28rem; text-align: center; height: 0.75rem; line-height: 0.75rem; color: #000000; }

.usestarcasechoice p a:nth-child(2) { background-color: #000000; color: #ffffff; }

@-webkit-keyframes myfirst { 0% { opacity: 1; }
  70% { opacity: 1;}
  100% { opacity: 0; }
}

@keyframes myfirst { 0% { opacity: 1; }
  70% { opacity: 1;}
  100% { opacity: 0; }
}

.inputlogin { width: 6.55rem; position: absolute; z-index: 81; border-radius: 5px; background-color: #ffffff; top: 2.7rem; left: 50%; margin-left: -3.275rem; }

.inputlogin h1 { font-size: 0.32rem; color: #000000; text-align: center; padding-top: 0.3rem; font-weight: bold; position: relative; }

.inputlogin h1 .close { position: absolute; width: 0.5rem; height: 0.5rem; color: #ffffff; border-radius: 50%; background-color: #000000; right: -0.18rem; top: -0.18rem; }

.inputlogin h1 .close i { font-size: 0.8rem; position: relative; top: -0.2rem; left: -0.2rem; }

.inputlogin .il-div { width: 5.55rem; margin: 0.25rem auto 0 auto; border: 1px solid #dddddd; border-radius: 5px; height: 0.9rem; position: relative; }

.inputlogin .il-div input { background-color: #ffffff; outline: none; border: none; height: 0.6rem; margin-top: 0.14rem; margin-left: 0.44rem; font-size: 0.3rem; width: 4.2rem; color: #ffffff; }

.inputlogin .il-div .divnum:before{ display: inline-block; content: '1';position: relative;color: #ffffff; font-size: 0.02rem;}



.inputlogin .il-div .divnum:after{ display: inline-block; animation: myfirst 0.8s linear infinite; -webkit-animation: myfirst 0.8s linear infinite; content: ''; width: 0; height: 0.4rem; position: relative;  border-right: 0.04rem solid #00a0e9; top: 13%; margin-top: -0.2rem; border-radius: 3px;}

.inputlogin .ils-div .divnum:after{ display: inline-block; animation: myfirst 0.8s linear infinite; -webkit-animation: myfirst 0.8s linear infinite; content: ''; width: 0; height: 0.4rem; position: relative;  border-right: 0.04rem solid #00a0e9; top: 13%; margin-top: -0.2rem;  border-radius: 3px;}

.inputlogin .ils-div .divnum:before{ display: inline-block; content: '1'; position: relative;  color: #ffffff; font-size: 0.02rem;}

.inputlogin .il-div .choiceinput { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; line-height: 0.9rem; font-size: 0.3rem; color: #000000; padding-left: 0.3rem;}

.inputlogin .ils-div .choiceinput { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; line-height: 0.9rem;  font-size: 0.3rem; color: #000000; padding-left: 0.3rem;}

.inputlogin .il-senddiv { width: 5.55rem; margin: 0.2rem auto 0 auto; height: 0.9rem; }

.inputlogin .il-senddiv .ils-div { width: 3.55rem; float: left; border: 1px solid #dddddd; border-radius: 5px; height: 0.9rem; position: relative; }

.inputlogin .il-senddiv .ils-div input { background-color: #ffffff; outline: none; border: none; height: 0.6rem; margin-top: 0.14rem; margin-left: 0.44rem; font-size: 0.3rem; width: 2.8rem; color: #ffffff; }

.inputlogin .il-senddiv .ils-div .choiceinput { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.inputlogin .il-senddiv .sendnum { display: inline-block; width: 1.78rem; float: right; height: 0.9rem; line-height: 0.9rem; border-radius: 5px; text-align: center; font-size: 0.24rem; color: #ff705a; border: 1px solid #fbede6; }

.inputlogin p { font-size: 0.22rem; color: #999; padding-left: 0.47rem; margin-top: 0.25rem; }

.inputlogin p input { vertical-align: middle; position: relative; top: -0.05rem; }

.inputlogin p a { color: #2358a0; text-decoration: underline; }

.inputlogin p input[type="checkbox"] { -webkit-appearance: none; border-radius: 2px; height: 0.26rem; vertical-align: middle; border: 1px solid #999; width: 0.26rem; outline: none; }

.inputlogin p input[type="checkbox"]:checked { background: url("../images/choicelogin.png") no-repeat 0 -0.03rem; background-size: 0.36rem; }

.inputlogin .il-submit { width: 5.56rem; height: 0.9rem; margin: 0.4rem auto 0.4rem auto; font-size: 0.3rem; font-weight: bold; line-height: 0.9rem; text-align: center; }

.inputlogin .il-submit a { display: inline-block; width: 100%; height: 100%; line-height: 0.9rem; font-size: 0.3rem; color: #000000; font-weight: bold; background: url("../images/submitbg.png") no-repeat; background-size: 100%; }


.inputlogins { width: 7.35rem; position: absolute; z-index: 81; border-radius: 5px; background-color: #ffffff; top: 2.7rem; left: 45%; margin-left: -3.275rem; }

.inputlogins .choicetpye{ width: 5.52rem; margin: 0.45rem auto 0 auto; height: 0.83rem; position: relative;}
.choicetpye a{ display: inline-block; height: 0.83rem; line-height: 0.83rem; text-align: center; color: #CCCCCC; font-size: 0.34rem; font-weight: bold; border-bottom: 0.03rem solid #CCCCCC;}
.choicetpye a.active{ color: #000000; border-bottom: 0.03rem solid #fb6953;}
.choicetpye .close { position: absolute; width: 0.5rem; height: 0.5rem; color: #ffffff; border-radius: 50%; background-color: #000000; right: -1.18rem; top: -0.7rem; }

.choicetpye .close i { font-size: 0.8rem; position: relative; top: -0.2rem; left: -0.2rem; }
.inputlogins h1 { font-size: 0.32rem; color: #000000; text-align: center; padding-top: 0.3rem; font-weight: bold; position: relative; }

.inputlogins h1 .close { position: absolute; width: 0.5rem; height: 0.5rem; color: #ffffff; border-radius: 50%; background-color: #000000; right: -0.18rem; top: -0.18rem; }

.inputlogins h1 .close i { font-size: 0.8rem; position: relative; top: -0.2rem; left: -0.2rem; }

.inputlogins .il-div { width: 5.55rem; margin: 0.25rem auto 0 auto; border: 1px solid #dddddd; border-radius: 5px; height: 0.9rem; position: relative; }

.inputlogins .il-div input { background-color: #ffffff; outline: none; border: none; height: 0.6rem; margin-top: 0.14rem; margin-left: 0.44rem; font-size: 0.3rem; width: 4.2rem; color: #ffffff; }

.inputlogins .il-div .divnum:before{ display: inline-block; content: '1';position: relative;color: #ffffff; font-size: 0.02rem;}



.inputlogins .il-div .divnum:after{ display: inline-block; animation: myfirst 0.8s linear infinite; -webkit-animation: myfirst 0.8s linear infinite; content: ''; width: 0; height: 0.4rem; position: relative;  border-right: 0.04rem solid #00a0e9; top: 13%; margin-top: -0.2rem; border-radius: 3px;}

.inputlogins .ils-div .divnum:after{ display: inline-block; animation: myfirst 0.8s linear infinite; -webkit-animation: myfirst 0.8s linear infinite; content: ''; width: 0; height: 0.4rem; position: relative;  border-right: 0.04rem solid #00a0e9; top: 13%; margin-top: -0.2rem;  border-radius: 3px;}

.inputlogins .ils-div .divnum:before{ display: inline-block; content: '1'; position: relative;  color: #ffffff; font-size: 0.02rem;}

.inputlogins .il-div .choiceinput { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; line-height: 0.9rem; font-size: 0.3rem; color: #000000; padding-left: 0.3rem;}

.inputlogins .ils-div .choiceinput { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; line-height: 0.9rem;  font-size: 0.3rem; color: #000000; padding-left: 0.3rem;}

.inputlogins .il-senddiv { width: 5.55rem; margin: 0.2rem auto 0 auto; height: 0.9rem; }

.inputlogins .il-senddiv .ils-div { width: 3.55rem; float: left; border: 1px solid #dddddd; border-radius: 5px; height: 0.9rem; position: relative; }

.inputlogins .il-senddiv .ils-div input { background-color: #ffffff; outline: none; border: none; height: 0.6rem; margin-top: 0.14rem; margin-left: 0.44rem; font-size: 0.3rem; width: 2.8rem; color: #ffffff; }

.inputlogins .il-senddiv .ils-div .choiceinput { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.inputlogins .il-senddiv .sendnum { display: inline-block; cursor: pointer; width: 1.78rem; float: right; height: 0.9rem; line-height: 0.9rem; border-radius: 5px; text-align: center; font-size: 0.24rem; color: #ff705a; border: 1px solid #fbede6; }

.inputlogins p { font-size: 0.22rem; color: #999; padding-left: 0.87rem; margin-top: 0.25rem; }

.inputlogins p input { vertical-align: middle; position: relative; top: -0.05rem; }

.inputlogins p a { color: #2358a0; text-decoration: underline; }

.inputlogins p input[type="checkbox"] { -webkit-appearance: none; border-radius: 2px; height: 0.26rem; vertical-align: middle; border: 1px solid #999; width: 0.26rem; outline: none; }

.inputlogins p input[type="checkbox"]:checked { background: url("../images/choicelogin.png") no-repeat 0 -0.03rem; background-size: 0.36rem; }

.inputlogins .il-submit { width: 5.56rem; height: 0.9rem; margin: 0.4rem auto 0.4rem auto; font-size: 0.3rem; font-weight: bold; line-height: 0.9rem; text-align: center; }

.inputlogins .il-submit a { display: inline-block; width: 100%; height: 100%; line-height: 0.9rem; font-size: 0.3rem; color: #000000; font-weight: bold; background: url("../images/submitbg.png") no-repeat; background-size: 100%; }



.loginjianpan { height: 1.12rem; position: absolute; bottom: 0; z-index: 50; background: #e1e1e1; padding: 0.16rem; width: 100%; }

.loginjianpan .cell { height: 0.8rem; margin-right: 0.17rem; }

.loginjianpan .cell:nth-last-child(1) { margin-right: 0; }

.loginjianpan .cell a { display: inline-block; width: 100%; background: #ffffff; height: 100%; text-align: center; line-height: 0.8rem; font-size: 0.38rem; color: #000000; border-radius: 5px; }

.loginjianpan .cell a.dellast { background: #b8b8b8 url("../images/dellast.png") no-repeat center; background-size: 60%; }
.loginjianpan .cell a:active{ font-size: 0.48rem; opacity: 0.5;}
.imgloading { position: absolute; right: 1.25rem; bottom: 0.05rem; z-index: 78; font-size: 0.3rem; color: #ffffff; border-radius: 5px; padding: 0 0.1rem 0 0.25rem; background-color: rgba(0, 0, 0, 0.5); line-height: 0.8rem; height: 0.8rem; }

.imgloading .spinner { text-align: center; float: right; display: inline-block; vertical-align: middle; position: relative; top: 0.3rem; margin-right: 0.2rem; }

.imgloading .spinner span { display: inline-block; width: 0.12rem; height: 0.12rem; background-color: #999999; border-radius: 50%; float: left; -webkit-animation: stretchdelay 1.6s infinite ease-in-out; animation: stretchdelay 1.6s infinite ease-in-out; }

.imgloading .spinner span:nth-child(1) { margin-left: 0.3rem; }

.imgloading .spinner span:nth-child(2) { margin-left: 0.1rem; -webkit-animation-delay: -1.15s; animation-delay: -1.15s; }

.imgloading .spinner span:nth-child(3) { margin-left: 0.1rem; -webkit-animation-delay: -2.3s; animation-delay: -2.3s; }

.savecasealert { width: 5.05rem; height: 4.4rem; background-color: #ffffff; border-radius: 5px; position: fixed; z-index: 34; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.savecasealert-c { text-align: center; padding-top: 0.65rem; }

.savecasealert-c p.ss-title { font-size: 0.32rem; color: #000000; margin-top: 0.2rem; }

.savecasealert-c p.ss-title i { font-size: 0.55rem; vertical-align: middle; }

.savecasealert-c p.ss-title span { font-size: 0.32rem; vertical-align: middle; margin-left: 0.15rem; }

.savecasealert-c a { display: inline-block; width: 3.06rem; font-size: 0.32rem; margin-top: 0.55rem; height: 0.74rem; line-height: 0.74rem; background-color: #000000; border-radius: 3px; color: #ffffff; }

.savecasealert-c .closealert { width: 0.45rem; height: 0.45rem; position: absolute; top: -0.3rem; right: -0.2rem; z-index: 5;  background: #000000; border-radius: 50%; }

.savecasealert-c .closealert i { color: #ffffff; font-size: 0.65rem; float: left;  position: relative; top: -0.07rem; left: -0.07rem}

.savecasealert-c .checkshe { width: 3.06rem; height: 0.74rem; line-height: 0.74rem; margin: 0.2rem auto 0 auto; border: 1px solid #000000; color: #000000; font-size: 0.32rem; border-radius: 4px; }

.savecasealert-c .erweimashe { position: absolute; width: 100%; height: 100%; background: #ffffff; top: 0; padding-top: 0.2rem; z-index: 4; border-radius: 5px; }

.savecasealert-c .erweimashe p { font-size: 0.32rem; color: #000000; margin-top: 0.15rem; }

.savecasealert-c .erweimashe img { width: 2.5rem; margin-top: 0.25rem; }

.imageloading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 40; background: rgba(0, 0, 0, 0.1); text-align: center; }

.imageloading span { display: inline-block; line-height: 0.6rem; padding: 0 0.2rem; color: #ffffff; position: absolute; top: 95%; left: 84%; background: rgba(0, 0, 0, 0.6); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 40; font-size: 0.28rem; border-radius: 5px; }

.imageloading img { position: absolute; top: 94%; left: 67%; }

.mysavelist { padding: 0.25rem 0.25rem 0 0.25rem; }

.mysavelist .msl-item { margin-bottom: 0.3rem; position: relative; padding-bottom: 0.45rem; }

.mysavelist .msl-item .msl-iimg { height: 3.38rem; position: relative; overflow: hidden; border-radius: 3px; }

.mysavelist .msl-item .msl-iimg img { position: relative; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mysavelist .msl-item .msl-iimg span { width: 1.54rem; height: 0.48rem; display: inline-block; position: absolute; top: 0; left: 0; background: url("../images/startitle.png") no-repeat; background-size: 100%; }

.mysavelist .msl-item .msl-imessage { margin-top: 0.25rem; position: relative; }

.mysavelist .msl-item .msl-imessage h1 { overflow: hidden; height: 0.45rem; width: 6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mysavelist .msl-item .msl-imessage h1 input { float: left; font-size: 0.3rem; float: left; border: none; background: #ffffff; font-weight: bold; width: 6rem; }

.mysavelist .msl-item .msl-imessage h1 em { color: #000; font-size: 0.3rem; font-weight: bold; float: left; display: inline-block; max-width: 5rem; overflow: hidden; }

.mysavelist .msl-item .msl-imessage h1 span { font-size: 0.20rem; vertical-align: middle; position: relative; cursor: pointer; left: 0.15rem; top: 0.03rem; text-align: center; border-radius: 4px; display: inline-block; float: left; line-height: 0.36rem; width: 0.87rem; color: #666666; border: 1px solid rgba(178, 178, 178, 0.7); }

.mysavelist .msl-item .msl-imessage h1 span i { font-size: 0.2rem; }

.mysavelist .msl-item .msl-imessage p { font-size: 0.22rem; color: #cccccc; margin-top: 0.05rem; }

.mysavelist .msl-item .msl-imessage .msl-idel { position: absolute; right: 0; top: 0; width: 0.5rem; cursor: pointer; }

.mysavelist .msl-item .msl-imessage .msl-idel i { font-size: 0.36rem; color: #cccccc; }

.exidguide1{ width: 100%; height: 100%; z-index: 30; background: rgba(0,0,0,0.7); position: absolute; top: 0; text-align: center;}
.exidguide1 img.tishi1{ width: 2.56rem; height: 1.73rem; position: absolute; top: 50%; left: 50%; margin-left: -1.28rem; margin-top: -0.865rem;}
.exidguide1 img.tishi2{ width: 2.56rem; height: 1.73rem; position: absolute; bottom: 0.1rem; left: 0.4rem;}

.exidindexmainbody{ width: 100%; height: 100%; padding-bottom: 1.2rem;}
.exidindex_mb{ width: 100%; height: 100%; background: #e0dbd6 url("../images/indexnewbg.jpg") no-repeat  bottom; background-size: 100%;}
.exidindex_mb .emb-img{width: 4.78rem; height: 3.79rem; padding-top: 1rem; margin: 0 auto; }
.exidindex_mb .emb-img img{ width: 100%; }
.exidindex_mb .emb-btn{ width: 3.98rem; margin: 1.15rem auto 0 auto;}
.emb-btn a{display: inline-block; width: 100%; border-radius: 4px; height: 1.06rem; line-height: 1.06rem; text-align: center; font-size: 0.38rem; color: #000000;}
.emb-btn a:after{ content: ''; display: inline-block; width: 0; height: 0; border-left: 0.12rem solid #000000; margin-left: 0.15rem; border-bottom: 0.12rem solid transparent; border-top: 0.12rem solid transparent; vertical-align: middle;}
.emb-btn a.dakasatr{ background: #ff705a;}
.emb-btn a.diyselfsatr{ border: 1px solid #000000; margin-top: 0.38rem;}

.ipadmaincontain { width: 100%; height: 100%; position: relative; }

.ipadmaincontain .ipadexidimg { height: 100%; position: relative; padding-bottom: 1.8rem; overflow: hidden; }

.ipadmaincontain .ipadexidimg .ipadexidscale { width: 100%; height: 100%; position: relative; border-bottom: 1px solid rgba(23, 18, 17, 0.1); }

.ipadmaincontain .ipadexidimg .parentimg { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: 100% auto  !important; background-repeat: no-repeat !important; background-position: center !important; }

.ipadmaincontain .ipadexidimg .ipadexidscale-c { width: 100%; height: 100%; }

.ipadmaincontain .ipadexidimg .pinch-zoom-container { height: 100%; }

.ipadexidbottom { height: 1.8rem; position: absolute; bottom: 0; width: 100%; z-index: 5; left: 0; background: #ffffff; }

.ipadexidbottom .exidprocess { width: 34%; height: 100%; float: left; }

.ipadexidbottom .exidprocess .cell { text-align: center; }

.ipadexidbottom .exidprocess .cell i { font-size: 0.45rem; color: #211815; display: inline-block; margin-top: 0.32rem; }

.ipadexidbottom .exidprocess .cell p { font-size: 0.28rem; color: #666666; margin-top: 0.19rem; }

.ipadexidbottom .exidprocess .cell.gochange span { display: inline-block; margin-top: 0.37rem; width: 0.48rem; height: 0.48rem; line-height: 0.43rem; border: 1px solid #211815; border-radius: 50%; }

.ipadexidbottom .exidprocess .cell.gochange i { font-size: 0.24rem; margin-top: 0; }

.ipadexidbottom .exidprocess .cell.gochange p { margin-top: 0.17rem; font-size: 0.28rem; color: #666666; }

.ipadexidbottom .exidprocess .cell.cancel span { display: inline-block; margin-top: 0.37rem; width: 0.48rem; height: 0.48rem; line-height: 0.43rem; border: 1px solid #211815; border-radius: 50%; }

.ipadexidbottom .exidprocess .cell.cancel i { font-size: 0.24rem; margin-top: 0; }

.ipadexidbottom .exidprocess .cell.cancel p { margin-top: 0.17rem; font-size: 0.28rem; color: #666666; }

.ipadexidbottom .exidprocess .cell.active span { border: 1px solid #ff705a; }

.ipadexidbottom .exidprocess .cell.active i { color: #ff705a; }

.ipadexidbottom .exidprocess .cell.disable span{ color: #999999; border: 1px solid #999999;}

.ipadexidbottom .exidprocess .cell.disable span i{ color: #999999;}
.ipadexidbottom .exidprocess .cell.disable p{color: #999999;}

.ipadexidbottom .exidprocess .cell.active p { color: #ff705a; }

.ipadexidbottom .exidgoodsc { width: 30%; height: 100%; float: left; }

.ipadexidbottom .exidgoodsc .goodbtn { width: 100%; height: 1.8rem; text-align: center; cursor: pointer; }

.ipadexidbottom .exidgoodsc .goodbtn i { font-size: 0.45rem; color: #211815; display: inline-block; margin-top: 0.36rem; }

.ipadexidbottom .exidgoodsc .goodbtn p { font-size: 0.28rem; color: #666666; margin-top: 0.17rem; }

.ipadexidbottom .exidgoodsc .goodbtn.active i { color: #ff705a; }

.ipadexidbottom .exidgoodsc .goodbtn.active p { color: #ff705a; }

.ipadexidbottom .exidhousetype { width: 34%; height: 100%; float: right; }

.ipadexidbottom .exidhousetype .cell { text-align: center; cursor: pointer; }

.ipadexidbottom .exidhousetype .cell i { font-size: 0.45rem; color: #211815; display: inline-block; margin-top: 0.34rem; }

.ipadexidbottom .exidhousetype .cell p { font-size: 0.28rem; color: #666666; margin-top: 0.17rem; }

.ipadexidbottom .exidhousetype .cell.active i { color: #ff705a; }

.ipadexidbottom .exidhousetype .cell.active p { color: #ff705a; }

.huanhuxing{ position: relative;}
.choicerooms{ position: absolute; width: 3.35rem;background: #ffffff; bottom: 2.2rem; left: 13.7rem; padding-top: 0.4rem; padding-bottom: 0.2rem; box-shadow: 0px 2px 10px rgba(0,0,0,0.4);}
.choicerooms:after{     content: '';  display: inline-block;  width: 0;  height: 0;  border-left: 0.3rem solid transparent;  border-right: 0.3rem solid transparent;  border-top: 0.3rem solid #fff;     position: absolute;  bottom: -0.25rem;  left: 1.3rem;}
.choicerooms p{ width: 2.42rem !important; font-size: 0.3rem; margin: 0 auto 0.25rem auto; line-height: 0.8rem; color: #000000 !important; text-align: center;  border: 1px solid #a1a1a1; border-radius: 2px; margin-top: 0 !important;; }
.choicerooms p.active{ background: #fe705a; border: 1px solid #fe705a; color: #ffffff !important;}

.ipadexidbottom .storelogo{position: absolute; top: -0.72rem; left: 0; height: 0.7rem;}

.storelogo img{ height: 100%;}

.housetypeimg { width: 2.8rem; height: 3.5rem; position: absolute; top: 0; left: 0; background: #ffffff; z-index: 3; }

.housetypeimg .ht-img { width: 2.41rem; height: 2.5rem; margin: 0 auto; }

.housetypeimg .ht-img img { width: 100%;  height: 2.2rem;}

.housetypeimg .ht-img p{  line-height: 0.45rem; text-align: center; font-size: 0.22rem;  color: #211815;}

.housetypeimg .changechoicehx { width: 90%; line-height: 0.55rem; text-align: center; font-size: 0.22rem; margin: 0.2rem auto 0 auto; color: #211815; border: 1px solid #adadad; border-radius: 10px; }

.housetypeimg .changechoicehx i { font-size: 0.22rem; vertical-align: middle; }

.ipadexidgoods { width: 90%; height: 3.65rem; z-index: 6; background: #ffffff; position: absolute; bottom: 1.81rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0.55rem 0.7rem 0.35rem 0.7rem; }

.ipadexidgoodmain { width: 100%; height: 100%; }

.ipadexidgoodmain .closerenovation { position: absolute; right: 0.1rem; top: 0.1rem; cursor: pointer; }

.ipadexidgoodmain .closerenovation i { font-size: 0.45rem; }

.iem-listrenovation { width: 100%; overflow: hidden; }

.iem-listrenovation .il-list { white-space: nowrap; height: 1.85rem; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; }

.iem-listrenovation .il-list .ill-ritem { display: inline-block; width: 3.2rem; height: 1.85rem; margin-right: 0.15rem; overflow: hidden; position: relative; }

.iem-listrenovation .il-list .ill-ritem.active{ border: 1px solid #1d1d1d;}

.iem-listrenovation .il-list .ill-ritem a { display: inline-block; width: 100%; height: 100%; }

.iem-listrenovation .il-list .ill-ritem .img { width: 100%; float: left; }

.iem-listrenovation .il-list .ill-ritem .img img { width: 100%; }

.iem-listrenovation .il-list .ill-ritem p { width: 100%; text-align: center; color: #ffffff; line-height: 0.5rem; height: 0.5rem; background: rgba(0, 0, 0, 0.7); font-size: 0.22rem; position: absolute; bottom: 0; }

.iem-listrenovation .il-list .ill-gitem { display: inline-block; width: 1.85rem; margin-right: 0.25rem; height: 1.85rem; overflow: hidden; position: relative; border: 1px solid #cccccc; cursor: pointer; }

.iem-listrenovation .il-list .ill-gitem img { width: 100%; height: 100%; float: left; }

.iem-listrenovation .il-list .ill-gitem span { text-align: center; color: #2c2c2c; font-size: 0.24rem; position: relative; top: 50%; margin-top: -0.93rem; }

.iem-listrenovation .il-list .ill-gitem.active { border: 0.04rem solid #666666; }

.iem-listrenovation .il-list .ill-gitem-b { display: inline-block; width: 1.85rem; height: 1.85rem; margin-right: 0.25rem; overflow: hidden; position: relative; padding: 0 0.3rem; border: 1px solid #cccccc; }

.iem-listrenovation .il-list .ill-gitem-b p { width: 100%; height: 100%; float: left; position: relative; text-align: center; }

.iem-listrenovation .il-list .ill-gitem-b p span { display: inline-block; width: 100%; text-align: center; font-size: 0.26rem; color: #000; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; white-space: normal; }

.ipadchoicetypebtn { width: 100%; height: 0.65rem; margin-top: 0.1rem; white-space: nowrap; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; }

.ipadchoicetypebtn .ictb-item { display: inline-block; width: 1.7rem; margin-right: 0.15rem; position: relative; top: -0.5rem; height: 0.63rem; line-height: 0.63rem; cursor: pointer; text-align: center; font-size: 0.24rem; color: #666666; border: 1px solid #cccccc; }

.ipadchoicetypebtn .renovation-p{display: inline-block; width: auto; position: relative;  height: 0.63rem; line-height: 0.63rem; cursor: pointer; text-align: center; font-size: 0.24rem; color: #666666;  }

.ipadchoicetypebtn .renovation-p .ictb-item{ float: left;top: -0.27rem;}

.ipadchoicetypebtn .ictb-item img{ position: absolute; bottom: 0; right: 0; opacity: 0; width: 0.3rem;}

.ipadchoicetypebtn .ictb-item:nth-last-child(1) { border-right: 1px solid #cccccc; }

.ipadchoicetypebtn .ictb-item.active { background: #ff705a; color: #ffffff; border: 1px solid #ff705a; }

.ipadchoicetypebtn .ictb-item.choice img{ opacity: 1;}

.ipadmaskalert { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, 0.7); }

.ipadhousetype-c { width: 16.75rem; height: 11.5rem; background: #ffffff; position: absolute; z-index: 4; top: 1rem; left: 50%; margin-left: -8.335rem; }

.iht-topseach { height: 1.8rem; position: relative; }

.iht-topseach .seachbar { width: 7.85rem; height: 0.75rem; margin: 0.6rem 0 0 0.72rem; float: left; }

.iht-topseach .seachbar .iht-left { width: 6.2rem; height: 0.75rem; border: 1px solid #cccccc; border-right: none; border-radius: 5px 0 0 5px; }

.iht-topseach .seachbtn { float: left; width: 1.58rem; background: #ff705a; color: #ffffff; font-size: 0.28rem; height: 0.75rem; line-height: 0.75rem; text-align: center; border-radius: 0 5px 5px 0; }

.iht-topseach .text { float: left; font-size: 0.28rem; color: #666666; margin-top: 0.75rem; margin-left: 0.2rem; }

.iht-topseach .text span { color: #ff705a; }

.iht-topseach .closeipadiht-c { position: absolute; right: 0.2rem; top: 0.2rem; }

.iht-topseach .closeipadiht-c i { font-size: 0.5rem; color: #333333; }

.iht-left { float: left; }

.iht-left .select { width: 1.6rem; height: 0.74rem; border-right: 1px solid #cccccc; position: relative; float: left; }

.iht-left .select p { width: 1.6rem; line-height: 0.74rem; color: #2c2c2c; font-size: 0.28rem; text-align: center; cursor: pointer; }

.iht-left .select p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.09rem solid transparent; border-right: 0.09rem solid transparent; border-top: 0.09rem solid #333; margin-left: 0.1rem; margin-top: -0.08rem; vertical-align: middle; }

.iht-left .select .childchoice { width: 1.6rem; position: absolute; top: 0.75rem; left: 0; border: 1px solid #cccccc; background: #ffffff; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 3rem; }

.iht-left .select .childchoice span { display: inline-block; width: 100%; line-height: 0.75rem; font-size: 0.28rem; color: #2c2c2c; text-align: center; border-bottom: 1px solid #cccccc; cursor: pointer; }

.iht-left .select .childchoice span:nth-last-child(1) { border: none; }

.iht-left .select .childchoice span.active { background: #000000; color: #ffffff; }

.iht-left input { height: 0.5rem; line-height: 0.5rem; width: 4rem; float: left; outline: none; margin-left: 0.2rem; border: none; font-size: 0.28rem; margin-top: 0.09rem; }

.iht-mainlist { border-top: 1px solid #cccccc; display: -webkit-box; display: -ms-flexbox; display: flex; height: 9.7rem; }

.iht-mainlist .ihtm-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #f3f3f3; border-right: 1px solid #cccccc; }

.iht-mainlist .ihtm-left h1 { font-size: 0.28rem; margin-left: 1.2rem; color: #333333; font-weight: bold; line-height: 0.55rem; margin-top: 0.3rem; }

.iht-mainlist .ihtm-left div p { font-size: 0.28rem; color: #666666; line-height: 0.55rem; padding-left: 1.2rem; cursor: pointer; }


.iht-mainlist .ihtm-left div p.active { color: #ff705a; }

.iht-mainlist .ihtm-right { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; padding: 0.45rem 0 0.3rem 0.3rem; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.iht-mainlist .ihtm-right .ihtmr-item { width: 3.75rem; border: 1px solid #eaeaea; margin-left: 0.3rem; margin-bottom: 0.3rem; float: left; cursor: pointer; height: 5rem; }

.iht-mainlist .ihtm-right .ihtmr-item .ihi-img { text-align: center; padding: 0.2rem 0; }

.iht-mainlist .ihtm-right .ihtmr-item .ihi-img img { width: 2.66rem; }

.iht-mainlist .ihtm-right .ihtmr-item h1 { font-size: 0.3rem; font-weight: bold; padding-left: 0.4rem; color: #666666; margin-top: 0.3rem; }

.iht-mainlist .ihtm-right .ihtmr-item p { font-size: 0.28rem; color: #999999; padding-left: 0.4rem; margin-top: 0.06rem; margin-bottom: 0.2rem; }

.iht-mainlist .ihtm-right .ihtmr-item.active { border: 0.04rem solid #666666; }

.ipadchangeroom {  width: 19rem; height: 11.6rem; background: #ffffff; position: absolute; z-index: 7; top: 1rem; left: 50%; margin-left: -9.5rem; }

.ipadchangeroom .bigimgroom { width: 9.35rem; float: left; height: 8.5rem;  margin-top: 1rem; margin-left: 2.8rem;}

.ipadchangeroom .bigimgmes{ right: 2.5rem; bottom: 2.2rem; position: absolute; }

.ipadchangeroom .bigimgroom img { width: 100%;  height: 100%}

.ipadchangeroom .bigimgroom .closeipadcroom { position: absolute; right: 0.2rem; top: 0.2rem; }

.ipadchangeroom .bigimgroom .closeipadcroom i { font-size: 0.5rem; color: #333333; }

.ipadchangeroom p { font-size: 0.24rem; color: #666666; text-align: center; margin: 0.2rem 0; line-height: 0.5rem; }

.ipadchangeroom p span:nth-child(2n+1){ margin-right: 0.3rem; float: left;}

.ipadchangeroom p span:nth-child(2n+2){ float: right;}

.ipadchangeroom .choicebtn { width: 5.5rem; margin: 0 auto; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }

.ipadchangeroom .choicebtn div { text-align: center; line-height: 0.65rem; color: #666666; font-size: 0.28rem; border-left: 1px solid #cccccc; cursor: pointer; }

.ipadchangeroom .choicebtn div:nth-last-child(1) { border-right: 1px solid #cccccc; }

.ipadchangeroom .choicebtn div.active { background: #ff705a; color: #ffffff; }

.ipadcheckgoodslist { width: 16.75rem; height: 11.6rem; background: #ffffff; position: absolute; z-index: 5; top: 1rem; left: 50%; margin-left: -8.335rem; }

.ipadcheckgoodslist .icgl-title { font-size: 0.3rem; color: #333333; margin-top: 0.5rem; margin-bottom: 0.2rem; margin-left: 1.1rem; height: 0.45rem; line-height: 0.45rem; }

.ipadcheckgoodslist .icgl-title .closeipadlist-c { position: absolute; right: 0.2rem; top: 0.2rem; }

.ipadcheckgoodslist .icgl-title .closeipadlist-c i { font-size: 0.5rem; color: #333333; }

.ipadcheckgoodslist .icgl-roommain { padding-top: 0.85rem; height: 10.45rem; position: relative; }

.ipadcheckgoodslist .icgl-roommain .icgl-topchoice { height: 0.85rem; width: 100%; position: absolute; top: 0; }

.ipadcheckgoodslist .icgl-roommain .icgl-topchoice .cell { font-size: 0.3rem; color: #666666; text-align: center; line-height: 0.85rem; cursor: pointer; }

.ipadcheckgoodslist .icgl-roommain .icgl-topchoice .cell.active { color: #000000; position: relative; }

.ipadcheckgoodslist .icgl-roommain .icgl-topchoice .cell.active:after { display: inline-block; content: ''; left: 50%; position: absolute; margin-left: -1rem; bottom: 0; width: 2rem; height: 0.05rem; background: #ff705a; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice { border-top: 1px solid #cccccc; height: 100%; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 0.35rem; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlck-taocan { background: #f6f6f6; padding: 0.35rem 0; position: relative; margin-bottom: 0.35rem; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlck-taocan .zongjia { position: absolute; right: 1rem; bottom: 0.4rem; color: #000000; font-size: 0.3rem; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item { height: 2.1rem; margin-left: 1.2rem; margin-bottom: 0.35rem;  margin-top: 0.2rem; border-bottom: 1px solid #ededed;}

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item:nth-last-child(1) { margin-bottom: 0; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item .mlki-img { width: 1.7rem; height: 1.7rem; float: left; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item .mlki-img img { width: 100%; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item .mlki-mes { float: left; margin-left: 0.45rem; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item .mlki-mes h1 { line-height: 0.45rem; font-size: 0.28rem; color: #666666; }

.ipadcheckgoodslist .icgl-roommain .mainlistchoice .mlk-item .mlki-mes p { font-size: 0.24rem; color: #000000; margin-top: 0.55rem; }

.tackbigerweima{ width: 7.1rem; height: 7.1rem; background: #ffffff; position: absolute; top: 40%; left: 50%; margin-left: -3.55rem; margin-top: -3.55rem; z-index: 5;}
.tackbigerweima h1{text-align: center; font-size: 0.3rem; color: #1d1d1d; padding-top: 1.5rem; font-weight: bold;}
.tackbigerweima .closeipaderweima{ position: absolute; right: 0.2rem; top: 0.2rem; }
.tackbigerweima .closeipaderweima i{ font-size: 0.5rem; color: #333333; font-weight: normal;}
.tackbigerweima .tbw-img{ width: 2.3rem; margin: 0.7rem auto 0 auto; padding: 0.1rem; border: 1px solid #CCCCCC;}
.tackbigerweima .tbw-img img{ width: 100%;}
.dataalerdyover{width: 100%; float: left;  text-align: center;  font-size: 0.28rem;  color: #333;}

.newspacemask{ width:  6.2rem; height: 6.2rem; position: absolute; z-index: 26; background: #ffffff; left: 50%; top: 50%; margin-top: -3.1rem; margin-left: -3.2rem;}
.newspacemask .close { position: absolute; width: 0.5rem; height: 0.5rem; color: #ffffff; border-radius: 50%; z-index: 4; background-color: #000000; right: 0rem; top: -0.2rem; }
.newspacemask .close i { font-size: 0.8rem; position: relative; top: -0.2rem; left: -0.2rem; }
.newspacemask .nsm-main{ height: 6.2rem; width: 6.2rem; margin: 0 auto; }
.newspacemask .nsm-main p{  position: relative;}
.nsm-main p span{ display: inline-block; width: 0.9rem; height: 0.9rem; line-height: 0.9rem; text-align: center; position: absolute; left: 62px; top: 58px;}
.nsm-main p span em{ display: inline-block; vertical-align: middle; margin-top: 0.25rem; text-align: center; width: 0.32rem; height: 0.32rem; background: rgba(255,255,255,0.5); border-radius: 50%; }
.nsm-main p span em:after{ display: inline-block; content: ''; width: 0.16rem; height: 0.16rem; border-radius: 50%; background: #4d4d4d; margin-top: 0.07rem;}
.nsm-main p span.active em:after{ background: #b68916;}
.nsm-main p img{ width: 100%; height: 100%; object-fit: contain;}
.newspacemask p.bottomtext{ padding: 0 0.25rem; font-size: 0.2rem; text-align: right; position: absolute; bottom: 0.15rem; right: 0; }

.animation2 {
  -webkit-animation:twinkling 2.1s infinite ease-in-out;
  animation:twinkling 2.1s infinite ease-in-out;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
@-webkit-keyframes twinkling {
  0% {
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-transform:scale(1);
  }
  50% {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1.12);
  }
  100% {
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-transform:scale(1);
  }
}
@keyframes twinkling {
  0% {
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-transform:scale(1);
  }
  50% {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1.12);
  }
  100% {
    opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-transform:scale(1);
  }
}
.qyh-alertbg { width: 100%; height: 100%; position: fixed; top: 0; z-index: 24; background: rgba(0, 0, 0, 0.7); }
.qyh-alert{width: 100%; height: 1.1rem;  position: absolute; top: 0; padding: 0.25rem 0.35rem; left: 0; z-index: 500; box-sizing: border-box;}
.qyh-alert .userimg{ width: 0.85rem; height: 0.85rem; float: left; border: 1px solid #666666; border-radius: 50%;}
.qyh-alert .userimg img{ width: 100%; height: 100%; border-radius: 50%;}
.qyh-alert .usermess{ float: left;  border-radius: 5px;margin-left: 0.2rem; position: absolute;left: 1.1rem;}
.qyh-alert a{ display: inline-block;float: right; width: 2.78rem; height: 1.11rem; background: url(../images/getbtnbg.png) no-repeat; background-size: 100%;}

.alljiantou{ position: absolute; z-index: 25;}
.jiantou1{ left: 7.95rem; top: 3.72rem; animation: qyhtou 1.5s  linear infinite;}
@keyframes qyhtou {
  0%{ margin-top: 0px;  margin-left: 20px;}
  50%{ margin-top: -20px; margin-left: 0px;}
  100%{ margin-top: 0px;margin-left: 20px;}
}
.jiantou2{ left: 5.45rem; top: 3.45rem;}
.jiantou3{ top: 6rem; right: 1.4rem;}

.ec-cp-choice{  background: #ffffff; text-align: center; position: absolute; left: 2.8rem; width: 2.7rem; top: 1rem; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: 3px; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6); }
.ec-cp-choice a{ display: inline-block; width: 1.9rem ; color: #000000; border-radius: 3px; margin-bottom: 0.2rem; line-height: 0.7rem; height: 0.7rem; text-align: center; font-size: 0.3rem; border: 1px solid rgba(0, 0, 0, 0.5); }
.ec-cp-choice a.active{ color: #ffffff; background: #000000;}