/*20211007*/
html,body,div,p,dl,dt,dd,ul,ol,li,table,tr,th,td,h1,h2,h3,h4,h5,h6,pre,img,form,label,fieldset,input,textarea,blockquote,header,menu,nav,section,footer {margin:0; padding:0;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/*解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling : touch; }
body { font-family: "微软雅黑","宋体", Helvetica, Arial, sans-serif; color: #303030; position: relative; background-color: #F7F7F7; }
a{color:#323232;text-decoration: none;}
a:hover,a:focus { text-decoration: none;}
div{ margin:0px auto; }
div,img,ul,ol,form {border:0px;}
ul,li{list-style-type: none;}
ul, ol {list-style: none;}
img{ vertical-align:top; border: 0; -ms-interpolation-mode: bicubic;}/*ie7解决图片放大缩小 产生失真问题*/
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-family: "microsoft yahei"; font-weight: normal;}
p{ white-space:normal}
em,i{font-style:normal;}
strong{font-weight:normal;}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*单行溢出*/
.one-txt-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*多行溢出 手机端使用*/
.txt-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;/ -webkit-line-clamp: 2; /-webkit-box-orient: vertical;}
/* 禁止缩放表单 */
input[type=“submit”], input[type=“reset”], input[type=“button”], input {resize: none; border: none;}
/* 取消链接高亮 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* .clearfix:after {content: “”;display: block;visibility: hidden;height: 0;clear: both;}
.clearfix {zoom: 1;} */
.clearfix { overflow: auto; }
.w50{width: 50%;}
.w25{width: 25%;}
.w20{width: 20%;}
.w33{width: 33.333333%;}
.fl{float: left;}
.fr{float: right;}
.clr{ clear: both;}
.db{display: block !important;}
.dn{display: none;}
.sc_lan{ color: #4E9DFC; }
.sc_ju{ color: #FF9419; }
.sc_heii{ color: #7A0000; }
/* 黛仙仙 首页 */
.dxxmain_bai { background-color: #FFFFFF; }
.dxxindex_ss { display: block; width: 90%; line-height: 2rem; background-color: #F7F7F7; margin: 0.8rem auto 0; color: #B5C5C6; font-size: .9375rem; border-radius: 30px; text-align: center; }
.dxxindex_huandeng { width: 90%; background-color: #9CDDDD; margin: 0.8rem auto 0; border-radius: 10px; text-align: center; }
.dxxindex_huandeng img{ width: 100%; border-radius: 10px; }
.dxxindex_topnav { margin-top: .9rem; width: 90%; text-align: center; font-size: .835rem; }
.dxxindex_topnav li{ float: left; width: 25%; }
.dxxindex_topnav li span{ display: block; margin: 0 auto .3rem; width: 3rem; height: 3rem; border-radius: 21px; }
.dxxindex_topnav .nav01 span{ background: repeating-linear-gradient(130deg, #FBD54F,#FBB707) ; }
.dxxindex_topnav .nav02 span{ background: repeating-linear-gradient(130deg, #FF9798,#F86C6C); }
.dxxindex_topnav .nav03 span{ background: repeating-linear-gradient(130deg, #67E39B,#1EC6A5); }
.dxxindex_topnav .nav04 span{ background: repeating-linear-gradient(130deg, #51E0FC,#39B1F8); }
.dxxindex_topnav span img{ width: 1.6rem; margin-top: .7rem; }
.dxxindex_topnav .nav03 span img{ width: 1.8rem; margin-top: .7rem; }
.dxxindex_notice { margin-top: .9rem; width: 90%; padding: .6rem 0; border-top: 1px #E0E0E0 solid; border-bottom: 1px #E0E0E0 solid; }
.dxxindex_notice strong{ float: left; display: block; margin-left: 1.5%; font-weight: bold; font-size: 1rem; }
.dxxindex_notice strong span{ padding: 0 .2rem; margin-left: .2rem; background-color: #E27247; font-size: .835rem; color: #FFFFFF; }
.dxxindex_notice .notice_info{ float: left; width: 72%; height:1.4rem; color: #E27247; font-size: .835rem; padding-top: .2rem; }
.dxxindex_list { width: 90%; font-size: .9375rem; }
.dxxindex_list li{ margin-top: 1.2rem; padding-left: 6.8rem; min-height: 7.0rem; position: relative; border-bottom: 1px #efefef solid; }
.dxxindex_list li .goodsimg{ width: 6rem; height: 6rem; position: absolute; top: 0; left: 0; background-color: #F7F7F7; }
.dxxindex_list li .goodsimg img{ max-width: 100%; max-height: 6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.dxxindex_list li .goodstitle{ color: #506667; font-size: 1rem;line-height: 1rem; }
.dxxindex_list li .price{ margin-top: .5rem; position: relative; }
.dxxindex_list li em{ font-size: 1.0625rem; color: #E24206; font-weight: bold; }
.dxxindex_list li i{ color: #E0E0E0; font-size: 0.835rem; text-decoration:line-through; margin-left: .4rem; }
.dxxindex_list .plus { position: absolute; right: .2rem;top:-0.3rem; width: 1.8rem; }
.dxxindex_list li p { color: #C3CCCC; font-size: 0.835rem; line-height: .835rem; margin-top: .2rem; }
/* 黛仙仙 info */
.dxxinfo_showdiv { width: 100%; position: relative; }
.dxxinfo_showdiv .returnimg{ position: absolute; top: 0; left: 0; width: .6rem; padding: .8rem 1rem; }
.dxxinfo_showdiv .imgpage{ position: absolute; bottom: .8rem; right: .7rem; padding: .2rem .6rem; font-size: 0.75rem; background:rgba(0, 0, 0, 0.4); color: #FFFFFF; border-radius: 30px; }
.dxxinfo_showimg { width: 100%; }
.dxxinfo_showimg img{ width: 100%; }
.dxxinfo_showtxt { width: 90%; padding: .4rem 5% 1.2rem; background-color: #FFFFFF; }
.dxxinfo_showtxt .price { position: relative; }
.dxxinfo_showtxt .price em{ font-size: 1.25rem; color: #E24206; }
.dxxinfo_showtxt .price i{ color: #E0E0E0; font-size: 0.835rem; text-decoration:line-through; margin-left: .4rem; }
.dxxinfo_showtxt .price span{ color: #B5C5C6; font-size: 0.835rem; position: absolute; right: 0; bottom: .18rem; }
.dxxinfo_showtxt h1{ margin-top: .8rem; color: #506667; font-size: 1rem; }
.dxxinfo_showtxt p{ color: #C3CCCC; font-size: 0.835rem; margin-top: .5rem; }
.dxxinfo_showtxt .divnumber{ width: 100%; height: 2rem; line-height: 2rem; border-top: 1px #efefef solid; margin-top: 1.2rem; padding-top: 0.8rem; color: #506667; position: relative; }
.dxxinfo_showtxt .divnumber .jjdiv { position: absolute; bottom: 0rem; right: 0; font-size: .9375rem;font-weight: bold; }
.dxxinfo_showtxt .divnumber .jia { display: block; float: left; width: 2rem; height: 2rem; margin-left: 2px; background:#EFEFEF url(../img/gwc_jia.svg) center no-repeat ; background-size: 0.9rem; }
.dxxinfo_showtxt .divnumber .shuliang { display: block; float: left; min-width: 2rem; height: 2rem; margin-left: 2px; background-color:#EFEFEF ; line-height: 2rem; text-align: center; }
.dxxinfo_showtxt .divnumber .jian { display: block; float: left; width: 2rem; height: 2rem; background:#EFEFEF url(../img/gwc_jian.svg) center no-repeat ; background-size: 0.9rem; }
.dxxinfo_content{ margin-top: 0.6rem; width: 90%; padding: 1.1rem 5% 2rem; background-color: #FFFFFF; position: relative; }
.dxxinfo_content h2{ text-align: center; height: 2.4rem; }
.dxxinfo_content h2 span{ background-color: #EFEFEF; font-size: .835rem; color: #91A9AB; padding: .2rem 4%; }
.dxxinfo_content h2 b{ display: inline-block; width: 18%; height: 1px; background-color: #EFEFEF; margin: 0 .7rem 0.3rem; }
.dxxinfo_content img{ width: 100%; }
.dxxinfo_content p{ padding: .3rem 0; color: #506667; font-size: .9375rem; }
.dxxinfo_bott { position: fixed; bottom: 0; width: 100%; height: 3.4rem; background-color: #FFFFFF; font-size:.835rem; text-align: center; z-index: 99; }
.dxxinfo_bott .a_kf,.dxxinfo_bott .a_gwc{ display:block; float: left; width: 13%; padding-top: 1.3rem; margin-top: .4rem; color: #A1A5AE; }
.dxxinfo_bott .a_kf{ margin-left: 2%; color: #A1A5AE; background: url(../img/my_icon14.svg) center top no-repeat; background-size: 1.15rem; }
.dxxinfo_bott .a_gwc{ position: relative; color: #506667; background: url(../img/dxxmenu_icon2.svg) center top no-repeat; background-size: 1.4rem; }
.dxxinfo_bott .a_gwc .a2span { position: absolute; left: 50%; top: -.6rem; line-height: 1.2rem; min-width: .6rem; padding: 0 .3rem; background:rgba(255, 148, 25, 0.9); color: #FFFFFF; font-size: .75rem;border-radius: 30px; z-index: 99; }
.dxxinfo_bott .a_jrgwc,.dxxinfo_bott .a_ljgm{ display:block; float: right; width: 33%; height: 2.5rem; line-height: 2.5rem; margin-top: .4rem; font-size: 1.025rem; color: #FFFFFF; }
.dxxinfo_bott .a_jrgwc{ background-color: #FF9419; border-radius: 50px 0 0 50px; }
.dxxinfo_bott .a_ljgm{ margin-right: .5rem; background-color: #E84546; border-radius: 0 50px 50px 0; }
/* 黛仙仙 我的订单 */
.dxxorder1 li{ margin: .8rem auto 0; width: 80%; padding: .8rem 5% 1rem; background-color: #FFFFFF; color: #506667; border-radius: 10px; }
.dxxorder1 .order_number{ font-size: .835rem; position: relative; }
.dxxorder1 .order_number i{ position: absolute; right: 0; color: #E27247; }
.dxxorder1 .divorder { margin-top: .8rem; padding-left: 5rem; position: relative;min-height: 4.5rem; }
.dxxorder1 .divorder img{ position: absolute; left: 0; width: 4.5rem; border-radius: 10px; }
.dxxorder1 .divorder strong{ font-size: .9375rem; line-height: 1rem; }
.dxxorder1 .divorder span { display: block; margin-top: .5rem; font-size: .835rem; text-align: right; position: relative; }
.dxxorder1 .divorder b { color: #E27247; font-size: .9375rem; position: absolute; left: 0; }
.dxxorder1 .remarks1 { margin-top: .5rem; text-align: right; }
.dxxorder1 .remarks1 p{ margin-top: .3rem; }
.dxxorder1 .p_01 { color: #FF9419; font-size: .835rem; }
.dxxorder1 .p_02 { font-size: .9375rem; position: relative; }
.dxxorder1 .p_02 b{ color: #E22D06; font-size: 1rem; }
.dxxorder1 .p_02 i{ color: #BBBBBB; float: left; font-size: .75rem; margin-top: .3rem; }
.dxxorder1 .remarks2 { font-size: .835rem; color: #506667; text-align: left; margin-top: 1rem; }
.dxxorder1 .remarks2 p{ text-align: left; position: relative; line-height: 1.5rem; }
.dxxorder1 .remarks2 span{ display: inline-block; text-align: right;position: absolute; right: 0; }
.dxxorder1 .total_em{ display: block; margin-top: .8rem; text-align: right; }
.dxxorder1 .total_em i{ color: #E22D06; font-size: 1.1rem; font-weight: bold; }
.dxxorder1 .div_but{ text-align: right; margin-top: .8rem; line-height: 1.95rem; position: relative; }
.dxxorder1 .div_but i{ font-size: .75rem; position: absolute; left: 0;top: .3rem; }
.dxxorder1 .div_but a{ display: inline-block; border-radius: 40px;line-height: 2.4rem; text-align: center; font-size: 1rem; }
.dxxorder1 .but_01{ border: 1px #BBBBBB solid; color: #BBBBBB; padding: 0 1rem; }
.dxxorder1 .but_02{ border: 1px #506667 solid; color: #506667; padding: 0 1rem; }
.dxxorder1 .but_03{ background: repeating-linear-gradient(90deg, #F87C4C,#D83B00); color: #FFFFFF; padding: .1rem 2.5rem; border: 0; }
.dxxorder2 { margin: .8rem auto 0; width: 80%; padding: .8rem 5% .8rem; background: #FFFFFF url(../img/order_icon30.svg) 1rem center no-repeat; background-size: 1.4rem; color: #506667; position: relative; border-radius: 10px; }
.dxxorder2 strong{ display: block; margin-left: 2.2rem; font-size: 1rem; color: #506667; }
.dxxorder2 p{ display: block; margin-left: 2.2rem; margin-top: .3rem; font-size: .835rem; color: #777777; }
.dxxorder2 .editimg{ position: absolute; right: 0; top: 0; width: .8rem; padding: .8rem; }
.dxxorder2 .span_default{ display: inline-block; color: #FF9419; font-size: .835rem; border: 1px #FF9419 solid; padding: .05rem .4rem; border-radius: 20px; margin-left: .3rem; }
.span_default111{ display: inline-block; color: #FF9419; font-size: .835rem; border: 1px #FF9419 solid; padding: .05rem .4rem; border-radius: 20px; margin-left: .3rem; }
.dxxorder2but { display: block; margin: 1.4rem auto 0; width: 88%; line-height: 2.4rem; font-size: 1rem; color: #FFFFFF; background-color: #3BBBBC; border: 0; border-radius: 50px; }
.dxxorder3 { margin: .8rem auto 0; width: 80%; padding: .8rem 5% 1rem; background-color: #FFFFFF; position: relative; border-radius: 10px; }
.dxxorder3 li{ padding: .3rem 0; display: flex; }
.dxxorder3 .span1{ display: inline-block; flex:1; font-size: .835rem; color: #BBBBBB; }
.dxxorder3 .span2{ display: inline-block; flex:3; font-size: .9375rem; color: #506667; white-space: normal; }
.dxxorder4 { position: fixed; bottom: 3.4rem; width: 97%; padding-right: 3%; height: 3.4rem; background-color: #FFFFFF;text-align: center; font-size:.835rem; }
.dxxorder4 .a_kf{ display:block; float: left; width: 18%; padding-top: 1.3rem; margin-top: .4rem; color: #A1A5AE; background: url(../img/my_icon14.svg) center top no-repeat ; background-size: 1.15rem; }
.dxxorder4 .but_01,.dxxorder4 .but_02,.dxxorder4 .but_03{ display:block; float: right; margin: .3rem .2rem 0; line-height: 2.4rem; font-size: .9375rem; border-radius: 40px; }
.dxxorder4 .but_01{ border: 1px #BBBBBB solid; color: #BBBBBB; padding: 0 1.2rem; }
.dxxorder4 .but_02{ border: 1px #506667 solid; color: #506667; padding: 0 1.2rem; }
.dxxorder4 .but_03{ background: repeating-linear-gradient(90deg, #F87C4C,#D83B00); color: #FFFFFF; padding: .1rem 2.5rem; border: 0; }
.dxxorder4 .p_several{ float: left; line-height: 3rem; font-size: .9375rem; margin-left: .8rem; }
.dxxorder4 .p_money{ float: right; line-height: 3rem; font-size: .9375rem; margin-left: .8rem; margin-right: .3rem; }
.dxxorder4 .p_money i{ font-size: 1.0625rem; color: #E22D06; }
.dxxorder5 { margin: .8rem auto 0; width: 90%; background-color: #FFFFFF; border-radius: 10px; color: #BBBBBB; position: relative; }
.dxxorder5 span{ position: absolute; top: 1.1rem; left: 1rem; font-size: .9375rem; color: #506667; z-index: 2; }
.dxxorder5 textarea{ border: 0; width: 70%; padding: 1rem 5% 1rem 18%; height: 5rem; resize: none; font-size: 1.0625rem; border-radius: 10px; }
/* 黛仙仙 交易成功 */
.dxx_state1 { width: 100%; padding: 2.3rem 0 1.8rem; background: repeating-linear-gradient(90deg, #3BBBBC,#16CBA6); text-align: center; color: #FFFFFF; position: relative; }
.dxx_state1 h1{ font-size: 1.5rem; }
.dxx_state1 div{ margin-top: 1.0rem; }
.dxx_state1 div a{ display: inline-block; font-size: .9375rem; background:rgba(255, 255, 255, 0.5); padding: .3rem 1.6rem; border-radius: 20px; margin: 0 .5rem; }
.dxx_state1 p{ margin-top: 1.6rem; font-size: .835rem; }
.dxx_state1 p i{ display: block; margin-top: .2rem; font-size: 1.125rem; }
.dxx_state2 { width: 86%; margin: 1.0rem auto; }
.dxx_state2 li{ padding: .3rem 0; display: flex; }
.dxx_state2 .span1{ display: inline-block; flex:2; font-size: .835rem; color: #BBBBBB; }
.dxx_state2 .span2{ display: inline-block; flex:7; font-size: .9375rem; color: #506667; white-space: normal; }
.dxx_state2but1 { display: block; margin-bottom: 1rem; border-radius: 6px; background-color: #3BBBBC; line-height: 2.4rem; font-size: 1rem; color: #FFFFFF; text-align: center; }
.dxx_state2but2 { display: block; border-radius: 6px; border: 1px #3BBBBC solid; color:#3BBBBC ; line-height: 2.4rem; font-size: 1rem; text-align: center; }
.dxx_state3 { width: 86%; padding: 2rem 0 1.6rem; border-bottom: 1px #E0E0E0 solid; border-bottom:1px #EFEFEF solid; color: #506667; text-align: center; }
.dxx_state3 h1{ font-size: 2rem; color: #00D17B; }
.dxx_state3 h1 img{ width: 3.2rem; }
.dxx_state3 strong { display: block; margin-top: 1.0rem; }
.dxx_state3 p { margin-top: 0.3rem; color: #BBBBBB; font-size: .835rem; }
/* 黛仙仙 添加地址*/
.dxxaddress1 { padding-top: .3rem; }
.dxxaddress1 li{ margin: .7rem auto 0; width: 90%; border-radius: 10px; }
.dxxaddress1 .li03{ margin: .7rem auto 0; width: 80%; padding: .8rem 5%; border-radius: 10px; background-color: #FFFFFF; text-align: right; position: relative; }
.dxxaddress1 .li03 span{ float: left; font-size: .9375rem; color: #777777; }
.dxxaddress1 .li03 select{ border: 0; padding: .2rem .5rem; margin-left: .5rem; }
.dxxaddress1 .li04 { font-size: .9375rem; }
.dxxaddress1 li .input01 { width: 90%; padding: .8rem 5%; font-size: .9375rem; border-radius: 10px; background-color: #FFFFFF; }
.dxxaddress1 li .textarea01 { width: 90%; padding: .8rem 5%; height: 4rem; border-radius: 10px; border: 0; resize: none; font-size: 1.0625rem; background-color: #FFFFFF; }
.dxxaddress_premarks { margin-top: .3rem; color: #BBBBBB; font-size: .835rem; text-align: center; }
.dxxaddress_premarks img{ width: 1rem; margin-right: .2rem; vertical-align: top; }
.dxxaddress3but{ display: block; margin: 1.5rem auto 0; width: 36%; line-height: 2.1rem; font-size: .9375rem; background-color: #BBBBBB; color: #FFFFFF; padding: .1rem 1.7rem; border: 0; border-radius:50px; }
/* 黛仙仙 购物车*/
.dxxcart1 li{ margin: .8rem auto 0; width: 75%; padding: .8rem 5% .8rem 10%; border-radius: 10px; background-color: #FFFFFF; position: relative; }
.dxxcart1 .li_radio { position: absolute; left: .8rem; top: 2.2rem; }
.dxxcart1 .divorder { position: relative; min-height: 4.5rem; padding-left: 5rem;line-height: 1rem; }
.dxxcart1 .divorder img{ position: absolute; left: 0; width: 4.5rem; border-radius: 10px; }
.dxxcart1 .divorder strong{ font-size: .9375rem; }
.dxxcart1 .divorder span { display: block; margin-top: .5rem; color: #E27247; font-size: .9375rem; text-align: left; }
.dxxcart1 .jjdiv { position: absolute; bottom: .8rem; right: 5%; font-size: .9375rem;font-weight: bold; line-height: 1.7rem; }
.dxxcart1 .jia { display: block; float: left; width: 2rem; height: 1.7rem; margin-left: 2px; background:#EFEFEF url(../img/gwc_jia.svg) center no-repeat ; background-size: 0.9rem; }
.dxxcart1 .shuliang { display: block; float: left; min-width: 2rem; height: 1.7rem; margin-left: 2px; margin-top: 0; background-color:#EFEFEF ;text-align: center; }
.dxxcart1 .jian { display: block; float: left; width: 2rem; height: 1.7rem; background:#EFEFEF url(../img/gwc_jian.svg) center no-repeat ; background-size: 0.9rem; }
.dxxcart2 { position: fixed; left: 5%; bottom: 4rem; width: 84%; height: 3.2rem; line-height:3.2rem; padding:0 3%; border-radius: 10px; background-color: #FFFFFF; }
.dxxcart2 .p_several{ float: left; font-size: .9375rem; }
.dxxcart2 .p_several img{ width: 1rem; padding: 1.1rem; }
.dxxcart2 .p_money{ float: right; font-size: .9375rem; margin-right: 25%; }
.dxxcart2 .p_money i{ font-size: 1.0625rem; color: #E22D06; }
.dxxcart2 .but_05{ position: absolute; right: 0; top: 0; height:3.2rem; line-height: 3.2rem; width: 24%; border-radius: 0 10px 10px 0; background-color: #E84546; color: #FFFFFF; text-align: center; }
.dxxcart3 { width: 70%; margin: 4rem auto 0; text-align: center; }
.dxxcart3 img { width: 50%; }
.dxxcart3 .cart3but { margin: 2rem auto; display: block; width: 100%; line-height: 2.2rem; text-align: center; font-size: 1rem; color: #FFFFFF; background: #3BBBBC; border-radius: 50px; }
/* 黛仙仙 个人中心*/
.dxxmy1 { width: 100%; height: 7rem; padding: 2rem 0 0; background: repeating-linear-gradient(90deg, #3BBBBC,#16CBA6); color: #FFFFFF; position: relative; }
.dxxmy1 .divmess{ width: 60%; position: relative; padding: .4rem 0 0 6rem; height: 4rem; position: relative; }
.dxxmy1 .imghead{ width: 4.3rem; height: 4.3rem; border-radius: 100%; position: absolute; left: 1rem; top: 0; }
.dxxmy1 .mess_span { display: inline-block; margin-left: .6rem; margin-bottom: .1rem; padding: .1rem .5rem .1rem; background:rgba(255, 255, 255, 0.4); font-size: .75rem; border-radius: 50px; }
.dxxmy1 .mess_span img{ width: .95rem; vertical-align: middle; margin-right: .2rem; }
.dxxmy1 strong { font-size: 1.25rem; vertical-align: middle; }
.dxxmy1 p { display: inline-block; margin-top: .3rem; background:rgba(0, 0, 0, 0.2); font-size: .835rem; padding: .1rem 1rem .2rem .5rem; }
.dxxmy2 { margin-top: .9rem; width: 80%; padding: .8rem 5% 1.3rem; border-radius: 10px; background-color: #FFFFFF; position: relative; }
.dxxmy2 h2{ font-size: .9375rem; }
.dxxmy2 .h2_a{ float: right; font-size: .75rem; color: #707070; }
.dxxmy2_ul { display: flex; flex-direction: column; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.dxxmy2_ul li{ color: #506667; font-size: .9375rem; width: 22%; text-align: center; margin-top: 1rem; }
.dxxmy2_ul li span {display: block; margin: 0 auto; width: 2rem; height: 2rem; }
.dxxmy2_ul .icon1 { background: url(../img/my_icon1.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon2 { background: url(../img/my_icon2.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon3 { background: url(../img/my_icon3.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon4 { background: url(../img/my_icon4.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon5 { background: url(../img/my_icon5.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon6 { background: url(../img/my_icon6.svg) center no-repeat; background-size:1.9rem; }
.dxxmy2_ul .icon7 { background: url(../img/my_icon7.svg) center no-repeat; background-size:1.9rem; }
.dxxmy2_ul .icon8 { background: url(../img/my_icon8.svg) center no-repeat; background-size:1.6rem; }
.dxxmy2_ul .icon9 { background: url(../img/my_icon9.svg) center no-repeat; background-size:1.75rem; }
.dxxmy2_ul .icon10 { background: url(../img/my_icon10.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon11 { background: url(../img/my_icon11.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon12 { background: url(../img/my_icon12.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon13 { background: url(../img/my_icon13.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon14 { background: url(../img/my_icon14x.svg) center no-repeat; background-size:1.8rem; }
.dxxmy2_ul .icon15 { background: url(../img/my_icon15.svg) center no-repeat; background-size:1.7rem; }
.dxxmy2_ul .icon16 { background: url(../img/my_icon16.svg) center no-repeat; background-size:1.8rem; }
.dxxmy3but { margin-top: .9rem; width: 80%; padding: .7rem 5% .7rem; text-align: center; font-size: 1.25rem; color: #FFFFFF; background: repeating-linear-gradient(90deg, #F2CD37,#FF9900); border-radius: 10px; }
/* 黛仙仙 我的收益*/
.dxxprofit1 { width: 100%; background-color: #FFFFFF; padding-top: 1rem;}
.dxxprofit1 .bgdiv { width: 80%; padding: 1.2rem 5% 1rem; color: #FFFFFF; font-size: .835rem; background: repeating-linear-gradient(90deg, #FD4716,#FD7E06); border-radius: 20px 20px 0 0; position: relative; }
.dxxprofit1 strong { display: block; font-size: 1.8rem; }
.dxxprofit1 p { margin-top: .8rem; }
.dxxprofit1 .pexten { margin-top: .3rem; font-size: 1rem; vertical-align: bottom; }
.dxxprofit1 i { font-size: 1.8rem; color: #FFF000; margin-right: .3rem; }
.dxxprofit1 .a_but { position: absolute; right: 5%; top: 2.2rem; font-size: 1rem; padding: .5rem 1.5rem; border-radius: 50px; background-color: #FFFFFF; color: #E24206; }
.dxxprofit2 { margin-top: .8rem; width: 100%; background-color: #FFFFFF; padding: .8rem 0 2rem; }
.dxxprofit2 li{ width: 80%; margin: 0 auto; padding: .6rem 0 .6rem 10%; border-bottom:1px #EFEFEF solid; overflow: auto; line-height: 1rem; }
.dxxprofit2 .li_in { background: url(../img/profit_icon1.svg) .3rem center no-repeat; background-size: 1.3rem; }
.dxxprofit2 .li_out { background: url(../img/profit_icon2.svg) .3rem center no-repeat; background-size: 1.4rem; }
.dxxprofit2 .li_div1 { float: left; }
.dxxprofit2 .li_div1 strong{ display: block; font-size: 1rem; color: #506667; }
.dxxprofit2 .li_div1 i,.dxxprofit2 .li_div2 i{ font-size: .75rem; color: #BBBBBB; }
.dxxprofit2 .li_div2 { float: right; text-align: right; }
.dxxprofit2 .li_div2 .span_ju { display: block; color: #FF9419; }
.dxxprofit2 .li_div2 .span_lv { display: block; color: #00D64F; font-size: 1.1rem; margin-top: .3rem; }
.dxxprofit3 { display: block; margin: 2rem auto 2rem; width: 60%; line-height: 2.6rem; background: repeating-linear-gradient(90deg, #F2CD37,#FF9900); font-size: 1.125rem; color: #FFFFFF; text-align: center; border-radius:50px; }
/* 黛仙仙 我的推广订单*/
.dxxprofit1 .bgdiv2 { width: 80%; min-height: 4.5rem; padding: 1.2rem 5% 1rem; color: #FFFFFF; font-size: .835rem; background: repeating-linear-gradient(90deg, #3BBBBC,#16CBA6); border-radius: 20px 20px 0 0; position: relative; }
.dxxprofit1 .bgdiv2 .extenimg { position: absolute; right: 2rem; bottom: 1.8rem; width: 3rem; }
.dxxexten1 li{ width: 80%; margin: .8rem auto 0; padding: .8rem 5%;color: #506667; background-color: #FFFFFF; border-radius: 10px; position: relative; }
.dxxexten1 li .box01 { font-size: .75rem; position: relative; }
.dxxexten1 .box01 i{ color: #CB8641; }
.dxxexten1 .box01 span{ position: absolute; right: 0; color: #E24206; font-size: 1rem; }
.dxxexten1 li .box02 { border-top:1px #EFEFEF solid; margin-top: .5rem; padding-top: .3rem; }
.dxxexten1 .box02 i{ float: right; font-size: .75rem; color: #BBBBBB; margin-top: .2rem; }
.dxxexten1 .box02 span{ display: inline-block; margin-right: .3rem; font-size: .835rem; width: 1.5rem; height: 1.5rem;line-height: 1.5rem; text-align: center; color: #FFFFFF; border-radius: 50px; }
.dxxexten1 .box02 .span_z{ background-color: #4E9DFC;}
.dxxexten1 .box02 .span_j{ background-color: #FF9419;}
.dxxexten2 { margin-top: .8rem; width: 100%; background-color: #FFFFFF; padding: .8rem 0 2rem; }
.dxxexten2 li{ width: 78%;min-height: 2rem; margin: 0 auto; padding: .6rem 0 .6rem 12%; border-bottom:1px #EFEFEF solid; overflow: auto; color: #506667; line-height: 1rem; position: relative; }
.dxxexten2 .imghead{ width: 2.4rem; border-radius: 50px; position: absolute;left: 0;bottom: .6rem; }
.dxxexten2 strong{ display: block; font-size: 1rem; margin-bottom: .2rem; }
.dxxexten2 i{ font-size: .75rem; color: #BBBBBB; }
.dxxexten2 span{ position: absolute; right: 0; top: .6rem; font-size: .835rem; }
.dxxexten3 { display: block; margin: 2rem auto 2rem; width: 60%; line-height: 2.4rem; background-color: #FF9419; font-size: 1.0625rem; color: #FFFFFF; text-align: center; border-radius:50px; }
/* 黛仙仙 我的信息 */
.dxxmessage_div1 { width: 100%; text-align: center; padding: 2rem 0 1.4rem; }
.dxxmessage_div1 img{ display: block; width: 20%; border-radius: 100%; margin: 0 auto; }
.dxxmessage_div1 h1{ font-size: 1rem; font-weight: bold; margin-top: .3rem; }
.dxxmessage_div2 { width: 100%; background-color: #FFFFFF; }
.dxxmessage_div2 li{ width: 84%; padding: .8rem 10% .8rem 6%; border-bottom: 1px #EFEFEF solid; color: #BBBBBB; font-size: .835rem; position: relative; }
.dxxmessage_div2 li:last-child{ border: 0; }
.dxxmessage_div2 span{ display: block; font-size: .9375rem; color: #506667; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.dxxmessage_div2 .icon_you{ width: .6rem; padding: .7rem; position: absolute; top: .6rem; right: 0; }
.dxxmessage_div2 .icon_wen{ width: 1.3rem; padding: .7rem; position: absolute; top: .6rem; right: 0; }
/* 黛仙仙 优惠券 */
.dxx_subnav{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; line-height: 2.1rem; padding-top: .4rem; background-color: #FFFFFF; }
.dxx_subnav a{ display: block; color: #BFBFBF; font-size: .9375rem; }
.dxx_subnav .curr{ color: #222222; }
.dxx_subnav .curr span{ display: block; margin: 0 auto; width: 1.8rem; height: 2px; background-color: #3BBBBC; }
.dxxcoupon_div2 { width: 90%; }
.dxxcoupon_div2 li{ margin-top: .7rem; background-color: #FFFFFF; border-radius: 10px; position: relative; }
.dxxcoupon_div2 .div_amount{ float: left; height:4.6rem; padding-top: .7rem; width:30%; color: #FFFFFF; text-align: center; background-color: #FF9419; border-radius: 10px 0 0 10px; position: relative; }
.dxxcoupon_div2 .div_amount p{ width: 100%; position: absolute; bottom: .7rem; font-size:.75rem; }
.dxxcoupon_div2 .div_amount b{ font-size:1.8rem; }
.dxxcoupon_div2 .div_ident{ float: left; width:48%; height:4.6rem; padding: .7rem 0 0 3%; position: relative; }
.dxxcoupon_div2 .div_ident h2 { color: #506667; font-size: 1rem; line-height: 1rem; }
.dxxcoupon_div2 .div_ident span { color: #B5C5C6; font-size:.75rem; }
.dxxcoupon_div2 .div_ident p{ width: 100%; position: absolute; bottom: .7rem; color: #B5C5C6; font-size: .835rem; }
.dxxcoupon_div2 .div_use{ float: right; width:18%; margin-top: .7rem; height:2.6rem; padding-top: 1.3rem; font-size: .835rem; color: #FF9419; text-align: center; position: relative; border-left: 1px #E0E0E0 solid; }
.dxxcoupon_div2 .used .div_amount{ background-color: #BBBBBB; }
.dxxcoupon_div2 .used .div_use{ height:2.9rem; padding-top: 1.0rem; color: #506667; }
.dxxcoupon_div2 .overdue .div_amount{ background-color: #E0E0E0; }
.dxxcoupon_div2 .overdue .div_use{ color: #A8A8A8; }
/* 黛仙仙 添加银行卡 */
.dxxbankcard1 { margin-top: 1.5rem; text-align: center; }
.dxxbankcard1 h1{ color: #506667; font-size:1.375rem; }
.dxxbankcard1 p{ font-size: .835rem; color: #BBBBBB; margin-top: .3rem; }
.dxxbankcard2 { padding-top: .5rem; }
.dxxbankcard2 li{ margin: 1.0rem auto 0; width: 86%; border-radius: 10px; }
.dxxbankcard2 li .input01 { width: 89%; padding: .8rem 5%; border: 1px #B5C5C6 solid; font-size: .9375rem; border-radius: 7px; background-color: #FFFFFF; }
.dxxbankcard2 .li05 { margin: .3rem auto 0; color: #BBBBBB; font-size: .835rem; }
/* 黛仙仙 收款账户 */
.dxxbank1 { width: 90%; }
.dxxbank1 li { margin-top: 1.2rem; min-height: 5rem; padding: .8rem 5% .8rem 5rem; color: #FFFFFF; border-radius: 15px; position: relative; }
.dxxbank1 li .imgspan { display: block; position: absolute; left: 1rem; top: 1.1rem; width: 3rem; height: 3rem; text-align: center; border-radius: 50px; background-color: #FFFFFF; overflow:hidden; }
.dxxbank1 li .imgspan img{ width: 2.0rem; margin-top: .5rem; }
.dxxbank1 li strong{ display: block; font-size:1.25rem; }
.dxxbank1 li p{font-size: .835rem;}
.dxxbank1 li em{ display: block; font-size:1.125rem; margin-top: .8rem;}
.dxxbank1 .liwx { background-color: #48BE19; }
.dxxbank1 .li_hong { background-color: #C90000; }
.dxxbank1 .li_lan { background-color: #002A7E; }
.dxxbank1 .li_lv { background-color: #007F3E; }
.dxxbank_but { display: block; margin: 2rem auto 2rem; width: 90%; line-height: 2.5rem; background-color: #FFFFFF; border:1px solid #B5C5C6; font-size: 1.0625rem; color: #506667; text-align: center; border-radius:10px; }
/* 黛仙仙 客服 */
.dxxwaiter1 { width: 65%; text-align: center; margin-top: 2.2rem; box-shadow:0px 0px 10px #BBBBBB; -webkit-box-shadow:0 0px 10px #BBBBBB; }
.dxxwaiter_div1 { width: 100%; background-color: #3BBBBC; text-align: center; padding: 2.6rem 0 .8rem; }
.dxxwaiter_div1 img{ width: 50%; margin-bottom: .5rem; }
.dxxwaiter_div1 h1{ font-size: .9375rem; color: #FFFFFF; }
.dxxwaiter_div1 h1 strong{ display: block; font-size:1.25rem; }
.dxxwaiter_div2 { width: 100%; text-align: center; background-color: #FFFFFF; }
.dxxwaiter_div2 img{ width: 70%; padding: 2rem 0; }
.dxxwaiter_p { text-align: center; font-size: .835rem; color: #707070; margin-top: 1.5rem; }
/* 黛仙仙 加盟分销商 */
.dxxJoinin_huang { background-color: #E8DCB6; }
.dxxJoinin1 { margin-top: 1.5rem; text-align: center; }
.dxxJoinin1 h1{ color: #000000; font-size:1.375rem; }
.dxxJoinin1 .Subtitle{ color: #707070; font-size: .9375rem; margin: .4rem auto; }
.dxxJoinin1 .Subtitle span{ display: inline-block; width: 10%; margin: 0 .8rem; height: 1px; background-color: #707070; vertical-align: middle; }
.dxxJoinin1_box { margin-top: 1.6rem; width: 80%; overflow: auto; }
.dxxJoinin1_box li{ float: left; width: 45%; border: 3px #CB8641 solid; padding: 1rem 0; margin-bottom: 1rem; color: #CB8641; border-radius: 20px; }
.dxxJoinin1_box li img{ height: 2.6rem; display: block; margin: 0 auto .5rem; }
.dxxJoinin1_box li strong{ font-size: 1rem; font-weight: bold; color: #914C00; }
.dxxJoinin1_box li p{ font-size: .835rem; }
.dxxJoinin1_box .m_r6 { margin-right: 6%; }
.dxxJoinin2 { margin-top: .5rem; width: 64%; padding: .8rem 8% 2rem; border: 8px #DD9465 solid; border-radius: 20px; background-color: #FFFFFF; }
.dxxJoinin2 .li01 { margin-top: .5rem; font-size: .9375rem; }
.dxxJoinin2 .li01 i{ color: #E27247; font-size:1.25rem; }
.dxxJoinin2 .li02 { margin-top: .8rem; border: 1px #BBBBBB solid; line-height: 2.2rem; text-align: center; border-radius: 6px; background-color: #FFFFFF; }
.dxxJoinin2_but1,.dxxJoinin2_but2 { margin-top: 1rem; width: 100%; line-height: 2.4rem; font-size: 1rem; color: #FFFFFF; border: 0; border-radius: 20px; }
.dxxJoinin2_but1 { background-color: #E24206; }
.dxxJoinin2_but2 { background-color: #BBBBBB; }
.dxxJoinin3 { margin: 1.2rem auto 1.2rem; width: 84%; padding: .5rem 0; font-size: .9375rem; background-color: #DCC88B; border-radius: 10px; }
.dxxJoinin3 li{ padding: .8rem 5%; border-bottom: 1px #EDE3C5 solid; color: #506667; }
.dxxJoinin3 li:last-child{ border: 0; }
.dxxJoinin3 i{ display: inline-block; font-size: .835rem; padding: .1rem .5rem; margin-right: .5rem; background-color: #EDE3C5; border-radius: 20px; }
.dxxJoinin3 p{ margin-top: .5rem; font-size: .835rem; color: #959287; }
/* 黛仙仙 新人 */
.dxxJoinin_ju { background-color: #F88F3F; }
.dxxnewgift1 { width: 100%; }
.dxxnewgift1 img{ width: 100%; }
.dxxnewgift2 { width: 80%; padding: .5rem 5% .5rem; margin-top: -20%; margin-bottom: 1rem; background-color: #FEF4EC; border-radius: 15px; position: relative; z-index: 2; }
.dxxnewgift2 li{ margin-top: .8rem; padding: .8rem 3%; }
.dxxnewgift2 li p { position: absolute; width: 100%; bottom: 0; font-size: .835rem; }
.dxxnewgift2 .li01 { color: #FFFFFF; background: repeating-linear-gradient(90deg, #FFAB19,#FC7600); border-radius: 10px; overflow: auto; }
.dxxnewgift2 .li01_divbox1 { float: left; width: 32%; min-height: 3.6rem; text-align: center; position: relative; }
.dxxnewgift2 .li01_divbox1 strong{ display: block; font-size: 1rem; }
.dxxnewgift2 .li01_divbox1 strong b{ font-size:2rem;}
.dxxnewgift2 .li01_divbox2 { float: left; width: 58%; min-height: 3.6rem; padding-left: 5%; border-left: 1px #FEF4EC solid; position: relative; }
.dxxnewgift2 .li01_divbox2 i{ display: block; font-size: .75rem; color: #FBCA91; margin-left: -.5rem; }
.dxxnewgift2 .li02 { color: #FFFFFF; background-color: #FBCA91; color: #E24206; border-radius: 10px; overflow: auto; }
.dxxnewgift2 .li02_divbox1 { float: left; width: 32%; min-height: 3.6rem; text-align: center; position: relative; }
.dxxnewgift2 .li02_divbox1 img{ margin: .5rem auto; width: 2.8rem; }
.dxxnewgift2 .li02_divbox2 { float: left; width: 58%; min-height: 3.6rem; padding-left: 6%; font-size:1.3125rem; border-left: 1px #D1946A solid; position: relative; }
.dxxnewgift2 .li02_divbox2 i{ display: block; font-size: .9375rem; color: #E27247; margin-top: .2rem; }
.dxxnewgift2_but { display: block;margin:1rem auto; width: 60%; line-height: 2.7rem; font-size: 1.125rem; text-align: center; color: #FFFFFF; background: repeating-linear-gradient(0deg, #E24206, #FD7E06); border-radius: 50px; }
/* 黛仙仙 海报 */
.dxxhaibao1 { width: 92%; margin: .2rem 7% .8rem 1%; padding-bottom: 1rem; overflow: auto; }
.dxxhaibao1 li{ margin-left: 6%; margin-top: 5%; float: left; width: 44%; }
.dxxhaibao1 li img{ width: 100%; display: block; box-shadow:0px 0px 10px #BBBBBB; -webkit-box-shadow:0 0px 10px #BBBBBB; }
.dxxhaibao1 li p{ margin-top: .5rem; display: block; height: 2rem; text-align: center; font-size: .835rem; overflow: hidden; }
/* 黛仙仙 帮助中心 */
.dxxhelpbox { background-color: #FFFFFF; margin-top: 1rem; padding: .5rem 5% 1.8rem; }
.dxxhelpbox dl{ display: block; margin-top: 1rem; color: #506667; font-size: .9375rem; }
.dxxhelpbox dt{ color: #3BBBBC; font-size: 1.125rem; }
.dxxhelpbox dd{ display: block; line-height: 1.4rem; margin-top: .6rem; }
.dxxhelpbox .dd_box{ color: #506667; margin-top: .2rem; padding: .8rem 5%; background-color: #F1F1F1; }
.dxxhelpbox .dd_box span{ display: block; color: #BBBBBB; font-size: .835rem; margin-top: .5rem; }
/* 黛仙仙 女性课堂 */
.dxxclassroom1{ background-color: #222222; position: relative; }
.dxxclassroom1 div{ position: absolute; top: 25%; width: 100%;font-size: .835rem; color: #FFFFFF; text-align: center; z-index: 2; }
.dxxclassroom1 button{ position: absolute; bottom: 20%; left: 30%; width: 40%; background-color: #E8534C; color: #FFFFFF; border: 0; font-size: 1rem; padding: .3rem 0; margin-top: 1rem; border-radius:40px; z-index: 2; }
.dxxclassroom1 h1{ font-size:1.3125rem; margin-bottom: .2rem; }
.dxxclassroom1 .img{ width: 100%; opacity: 0.5; }
.dxxclassroom2{ background-color: #FFFFFF; color: #707070; position: relative; }
.dxxclassroom2 h2{ width:77%; padding: 1rem 18% 1rem 5%; font-size: 1.0625rem; background-color: #FA6C6B; color: #FFFFFF; position: relative; }
.dxxclassroom2 span{ position: absolute; top: 1.1rem; right: 5%; font-size: .835rem; color: #FFFFFF; padding-left: 1.1rem; background: url(../img/classroom_icon3.svg) left .15rem no-repeat; background-size: 0.9rem; }
.dxxclassroom2 .introducebox{ margin-top: .8rem; padding: .8rem 5%; font-size: .9375rem; }
.dxxclassroom2 .introducebox img{ width: 100%; }
.dxxclassroom2 .introducebox p{ margin: .6rem auto .8rem; }
.dxxclassroom3 { margin-top: .8rem; color: #506667; position: relative; }
.dxxclassroom3 h3{ width:90%; margin: 0 auto; color: #506667; position: relative; }
.dxxclassroom3 h3 strong{display: inline-block; line-height: 1.8rem; font-size: 1.0625rem; min-width: 3.5rem; text-align: center; border-bottom: 2px #E84546 solid; }
.dxxclassroom3 h3 span{ color: #BBBBBB; font-size: .835rem; margin-left: .5rem; position: absolute; top: .5rem; right: 0; }
.dxxclassroom3ul { background-color: #FFFFFF; width:90%; padding: .3rem 5% 1.4rem; color: #506667; }
.dxxclassroom3ul li{ border-bottom: 1px #E6EAF3 solid; padding: .7rem 0 .7rem 0; position: relative; }
.dxxclassroom3ul .li_completed{ color: #BBBBBB; }
.dxxclassroom3ul span{ display: block; position: absolute; top: .9rem; left: 0; width: 2rem; height: 2rem; border-radius:100%; }
.dxxclassroom3ul .sp_sp{ background: #E1EBFE url(../img/classroom_icon1.svg) center center no-repeat; background-size: .9rem; }
.dxxclassroom3ul .sp_yp{ background: #DFF3EC url(../img/classroom_icon2.svg) center center no-repeat; background-size: .9rem; }
.dxxclassroom3ul strong{ display: block; margin-left: 2.5rem; font-size: .9375rem; }
.dxxclassroom3ul i{ background-color: #f7da81; color: #946c00; font-size: .75rem; padding: 0 1%; margin-left: .3rem; }
.dxxclassroom3ul p{ color: #C4CDDA; font-size: .75rem; margin-top: .15rem; margin-left: 2.5rem; }
.train_playlist_botmenu { position: fixed; height: 3rem; width: 100%; bottom: 0; background-color: #FFFFFF; z-index: 99; }
.train_playlist_botmenu a { display: block; height: 3rem; float: left; text-align: center; }
.train_playlist_botmenu .a_1,.train_playlist_botmenu .a_1x { width: 18%; background: #9CDDDD url(../img/classroom_icon4.svg) center no-repeat ; background-size: 2.1rem; border-right: 1px #edf0f4 solid; }
.train_playlist_botmenu .a_2,.train_playlist_botmenu .a_2x { width: 39%; border-right: 1px #edf0f4 solid; }
.train_playlist_botmenu .a_3,.train_playlist_botmenu .a_3x { width: 39%; }
.train_playlist_botmenu a span { display: inline-block; margin-top: .6rem; }
.train_playlist_botmenu .a_2 span { padding-left: 1.3rem; background: url(../img/train_playlist_botmenu_icon2.svg) left .35rem no-repeat ; background-size: .7rem; }
.train_playlist_botmenu .a_3 span { padding-right: 1.3rem; background: url(../img/train_playlist_botmenu_icon3.svg) right .35rem no-repeat ; background-size: .7rem; }
.train_playlist_botmenu .a_2x,.train_playlist_botmenu .a_3x { color: #C4CDDA; }
.train_playlist_botmenu .a_2x span { padding-left: 1.3rem; background: url(../img/train_playlist_botmenu_icon2x.svg) left .35rem no-repeat ; background-size: .7rem; }
.train_playlist_botmenu .a_3x span { padding-right: 1.3rem; background: url(../img/train_playlist_botmenu_icon3x.svg) right .35rem no-repeat ; background-size: .7rem; }
/* 黛仙仙 搜索 */
.dxx_ss1 { background-color: #FFFFFF; padding: .8rem 0 .8rem 7%; height: 2.4rem; border-bottom: 1px solid #eaeaec;}
.dxx_ss1 .sstop_input { float: left; width: 70%; height:2.3rem; background-color: #f0f3f6; border-radius:3rem 0 0 3rem; padding-left: 5%; }
.dxx_ss1 .sstop_r{ float: left; width: 14%; height: 2.3rem; padding-right: 2%; background-color: #e77817; border-radius:0 40px 40px 0; text-align: center; }
.dxx_ss1 .sstop_r img{ height: 1.3rem; margin-top: .4rem; }
.dxx_ss2{ width: 90%; margin: 1rem auto 1rem; }
.dxx_ss2 em{ display: block; padding-bottom: .3rem; }
.dxx_ss2 a{ display: inline-block; background-color: #FFFFFF; margin-top: .6rem; margin-right: 3%; padding: .5rem 5%; border-radius: 3rem; color: #666; font-size: .85rem; }
.dxx_ss3{ width: 80%; margin-top: 1rem; padding: .8rem 5% 1rem; background-color: #FFFFFF; border-radius:10px; }
.dxx_ss3 h2{ font-size: 1.0625rem; }
.dxx_ss3 h2 i{ font-size: 1.0625rem; }
.dxx_ss3 .divbox{ margin-top: .5rem; font-size: 1rem; line-height: 2.0rem; }
.dxx_ss3 .divbox li{ color: #3BBBBC; }
/* 黛仙仙 协议 */
.dxx_agree1 { background-color: #FFFFFF; margin-top: 1rem; padding: 0.8rem 5% 1.8rem; font-size: 0.875rem; line-height: 1.6rem; }
.dxx_agree1 p{ padding: .5rem 0; }
.dxx_agree1 strong{ display: inline-block; font-size: 1.25rem; margin-top: .8rem; font-weight: bold; }
.dxx_agree1 .olli1 { padding: .5rem 0 0 1.5em; }
.dxx_agree1 .olli1 li::marker {content: counter(list-item) ". "; display: inline-block; width: 1.2em; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none;}
/* 客户见证 */
.sck21_khjzbox { padding: .5rem 5% .9rem; }
.sck21_khjz1 { }
.sck21_khjz1 a{ display: inline-block; font-size: 0.875rem; margin-top: .5rem; margin-right: .3rem; padding: .3rem 1.2rem; text-align: center; background-color: #CDEEEE; }
.sck21_khjz1 .a_cur{ background-color: #9CDDDD; color: #FFFFFF; }
.sck21_khjz2ul li { background-color: #FFFFFF; border-radius: 10px; margin-top: 1.0rem; padding-bottom:.8rem }
.sck21_imgdiv { position: relative; border-radius: 10px 10px 0 0; overflow: hidden; }
.sck21_imgdiv .sceneryimg{ width: 100%; border-radius: 10px 10px 0 0; }
.sck21_imgdiv .sck21_span_jg{ position: absolute; top: 0.8rem; left: 0.8rem; color: #FFFFFF; font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 20px; background: rgba(0, 0, 0, 0.3); z-index: 3; }
.sck21_imgdiv i{ position: absolute; right: 0rem; bottom: 0rem; background: rgba(0, 0, 0, 0.3); padding: 0.2rem .6rem .2rem 0.6rem; border-radius: 10px 0 0 0px; font-size:.75rem; color: #FFFFFF; }
.sck21_title { display: block; margin: .5rem 5% 0; font-size: 1.0rem; color: #506667; width: 94%; }
.sck21_khjz3 { padding: .5rem 5% .9rem; position: relative; }
.sck21_khjz3 h1{ font-size: 1.125rem; color: #506667; }
.sck21_khjz3 span{ margin-top: .5rem; display: inline-block; color: #FFFFFF; font-size: 0.875rem; padding: .2rem .8rem; border-radius: 20px; background-color: #9CDDDD; z-index: 3; }
.sck21_khjz3 i{ position: absolute; right: 5%; bottom: 1.3rem; font-size:.75rem; color: #BBBBBB; }
.sck21_khjz4 { padding: 1rem 5% 2rem; position: relative; background-color: #FFFFFF; }
.sck21_khjz4 p{ padding-bottom: .5rem; }
.sck21_khjz4 img{ width: 100%; padding-bottom: .5rem; }
.sck21_sy26 { margin-top: 1rem; text-align: center; padding-bottom: 1rem; }
.sck21_sy26 span{ margin: 0 .2rem; font-size: .875rem; padding: .4rem .8rem; background-color: #DBE2EC; color: #C4CDDA; }
.sck21_sy26 a span { background-color: #CDEEEE; color: #506667; }
/* bottommenu */
.dxxbotmenu{position: fixed; height: 3.4rem; width: 100%; bottom: 0; border-top: 1px #F1F1F1 solid; background-color: #FAFAFA; font-size:.835rem; z-index: 99; }
.dxxbotmenu a { display:block; float: left; width: 25%; padding-top: 1.3rem; margin-top: .4rem; color: #A1A5AE; text-align: center; position: relative;}
.dxxbotmenu .a_1 { background: url(../img/dxxmenu_icon1.svg) center top no-repeat ; background-size: 1.15rem; }
.dxxbotmenu .a_2 { background: url(../img/fuwu.svg) center top no-repeat; background-size: 1.38rem; }
.dxxbotmenu .a_3 { background: url(../img/dxxmenu_icon3.svg) center top no-repeat; background-size: 1.13rem; }
.dxxbotmenu .a_4 { background: url(../img/dxxmenu_icon4.svg) center top no-repeat; background-size: 1.21rem; }
.dxxbotmenu .a_1x { color: #3BBBBC; background: url(../img/dxxmenu_icon1x.svg) center top no-repeat; background-size: 1.15rem; }
.dxxbotmenu .a_2x { color: #3BBBBC; background: url(../img/fuwux.svg) center top no-repeat; background-size: 1.38rem; }
.dxxbotmenu .a_3x { color: #3BBBBC; background: url(../img/dxxmenu_icon3x.svg) center top no-repeat; background-size: 1.13rem; }
.dxxbotmenu .a_4x { color: #3BBBBC; background: url(../img/dxxmenu_icon4x.svg) center .08rem no-repeat; background-size: 1.21rem; }