/* CSS Document */
.dialog{width: 100%;height: 100%;top: 0;left: 0;}
.dialog {position: fixed;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;pointer-events: none;z-index: 999;}
.dialog--open {opacity: 1;pointer-events: auto;}
.dialog__content {width: 100%;height: 100%;background: #fff;text-align: center;position: relative;z-index: 5;opacity: 0;overflow: auto;}
.dialog--open .dialog__content {pointer-events: auto;}
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.dialog.dialog--open .dialog__content {-webkit-animation-name: anim-open;animation-name: anim-open;}
.dialog.dialog--close .dialog__content {-webkit-animation-name: anim-close;animation-name: anim-close;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
/* Content */
.dialog h2 {margin: 0;font-weight: 400;font-size: 2em;padding: 0 0 2em;margin: 0;}
@-webkit-keyframes anim-open {0% {  opacity: 0;}100% {  opacity: 1;}}
@keyframes anim-open {0% {  opacity: 0;}100% {  opacity: 1;}}
@-webkit-keyframes anim-close {0% {  opacity: 1;}
100% {  opacity: 0;  -webkit-transform: scale3d(0.8, 0.8, 1);}}
@keyframes anim-close {0% {  opacity: 1;}
100% {  opacity: 0;  -webkit-transform: scale3d(0.8, 0.8, 1);  transform: scale3d(0.8, 0.8, 1);}}

.dialog_gundong{overflow: auto; background: #F1F1F1;-webkit-overflow-scrolling: touch;}
.action{background: url(/data/tms/gree_wap/style/ltjkj/images/Returnbutton.png) no-repeat; position: absolute; left: .2rem; top: .2rem; border:none; background-size: 100%; width: .5rem; height: .5rem;z-index: 1;}
.dialog_img{position: relative;overflow: hidden;}
.dialog_img img{width: 19.2rem; max-width:none; height: 11.36rem;}
.wrapper:before{position: absolute;content: "";background: url(/data/tms/gree_wap/style/ltjkj/images/icon_Swipe.png) no-repeat;width: .58rem;height: .8rem;top: 5rem;left: 50%; margin-left: -.29rem; background-size: 100%; z-index: 999;}
.wrapperYD:before{content: ""; display: none;}
.dialog_img_about{color: #fff; position: absolute; bottom: 0rem; width: 100%; padding: 1rem .2rem .3rem .2rem; text-align: justify;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 7%, rgba(0,0,0,0.80) 100%);}
.img_title{font-size: .48rem;}
.img_about{font-size: .24rem; line-height: .36rem;}
.dialog_pro{padding: .2rem;}

.pro-ul li{color: #333;}
.pro-container{text-align: left;background: #fff;  margin-bottom: .2rem; border-radius: .04rem;}
.pro-left{float: left;width:36%;padding: .3rem .15rem; background: #fdfdfd; border-top-left-radius: .04rem; border-bottom-left-radius: .04rem;}
.pro-right{float: right;width:64%; display: table;height: 3rem; padding: 0 0.3rem;}
.open-tb{ display: table-cell; vertical-align: middle;}
.pro-name{font-size: .36rem; color: #999999; padding-bottom: .25rem;}
.pro-title{font-size: .2rem;color: #202020;line-height: .36rem;}
.pro-about{font-size: .2rem;color: #0E0E0E;line-height: .36rem;}
.zoom{display: block;position: relative;}
.zoom:before {position: absolute;content: "";background: url(/data/tms/gree_wap/style/ltjkj/images/icon_Swipe.png) no-repeat;width: .58rem;height: .8rem;top: 5rem;left: 50%; margin-left: -.29rem; background-size: 100%;}<!--ºÄʱ1772495085.6068Ãë-->