@charset "utf-8";
/* CSS Document */
@import url("../fonts/font.css");

/**/
.foot { height: 61px;}
.foot ul{ position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #EBEBEB; display: flex; flex-direction: row;}
.foot ul li{ width: 100%; text-align: center;}
.foot ul li a{ display: block; padding: 4px 0 8px;}
.foot ul li a:before{ content: ""; width: 28px; height:28px; display: block; margin: 0 auto 3px; background: url(../images/foot-home.png) center bottom no-repeat; background-size: cover;}
.foot ul li a.live:before{ background-image: url(../images/foot-live.png);}
.foot ul li a.meet:before{ background-image: url(../images/foot-meet.png);}
.foot ul li a.video:before{ background-image: url(../images/foot-video.png);}
.foot ul li a.my:before{ background-image: url(../images/foot-my.png);}
.foot ul li.active a{ color: #1c7ebf;}
.foot ul li.active a:before{ background-position: center top}

.serch-head{ border-radius: 50px; background: #fff; overflow: hidden; border: 1px solid #EDEDED; margin:12px 0; display: flex; flex-direction: row;}
.serch-head .val{ width: 70%; line-height: 50px; padding: 0 15px; border: none; background: none;}
.serch-head .btn,a.serch-head:after{ width: 60px; border: none; height: 35px; background: url(../images/search.png) center no-repeat; background-size: 16px; cursor:pointer;position: absolute;top:20px}
/* a.serch-head{ display: block; line-height: 35px; padding-left: 15px;}
a.serch-head:after{ content: ""; display: block; float: right;} */
.serch-head{ display: block; line-height: 35px; padding-left: 15px;width: 95%;}
.serch-head:after{ content: ""; display: block; float: right;}

.swiper-banner{ overflow: hidden; border-radius: 8px; overflow: hidden;}
.swiper-container img{ width: 100%; display: block;}
.swiper-banner .swiper-pagination-bullet-active{ background: #fff;}

.home-sort{ overflow: hidden; padding:5px ;}
.home-sort li{ float: left; width: 20%; text-align: center;}
.home-sort li img{ width: 40px; display: block; margin: 0 auto 7px;}
.home-sort li a{ display: block; color: #333; padding: 10px 0;}

.home-block{ padding: 0 13px;}
.home-title,.new-recommend .title{ line-height: 45px; font-size: 14.5px; color: #000;}
.home-title:before{ content: ""; display: block; float: left; margin-right: 7px; width: 2.5px; background:#1C7EBF; border-radius: 60px; margin-top: 14.3px; height: 16px;}
.home-title .more{ float: right; color: #777; font-size: 13px;}

.home-new { padding-bottom: 5px;}
.home-new li{padding: 5px 0 ; line-height: 1.6;}
.home-new a{ display: block; overflow: hidden;}
.home-new a img{ height: 60px; margin-right: 10px; float: left;}
.home-new a .new-title{ padding-bottom: 3px;}
.new-title{ display: block; color: #333;font-size: 14px;}
.new-word{ color: #666; font-size: 12px;}

.home-list{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.home-list li{ width: 48.4%; margin-bottom: 12px;}
.home-list li img{ width: 100%; display: block;}
.home-list li .img{ overflow: hidden; border-radius: 5px; position: relative;}
.home-list li .img .icon{ position: absolute; top: 5px; right: 0; background: rgba(0,0,0,.6); color: #fff; border-radius: 30px; padding: 0 8px; line-height: 30px; transform: scale(0.75);}
.home-list li .img .icon:after{ content: ""; width: 15px; height: 15px; float: left; background: url(../images/live.png) center no-repeat; background-size: 10px; margin-top: 8px; margin-right: 5px;}
.home-list li .price { float: right; color:#1c7ebf; background: #ecf3fd; font-size: 12px; border-radius: 30px; width: 55px; text-align: center; line-height: 23px;}
.home-list li .price.gratis{ color:  #d92728; background: #FBEFF0;}
.home-list li .look{ line-height: 23px; background: url(../images/look.png) center left no-repeat; background-size: 18px; padding-left: 23px;}
.live-title{ display: block; margin: 8px 0 ; color: #333; font-size: 14px;}
.home-list li .icon-video,.order-list li .cont a .img  .icon-video,.order-cont .img .icon-video{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5) url(../images/video.png) center no-repeat; background-size: 28px;}
.home-list li.hot .img:after{ content: ""; top: 0; left: 0; background: url(../images/hot.png) center no-repeat; background-size: 18px; width: 40px; height: 40px; z-index: 10; position: absolute;  z-index: 10;}
.home-list li.recommend .img:after{ content: ""; top: 0; left: 0; background: url(../images/recommend.png) center no-repeat; background-size: cover; width: 40px; height: 40px; z-index: 10; position: absolute;}

.home-list-hot li .look{ background-image: url(../images/huo.png); background-size: 11px; padding-left: 15px;}

.swiper-pagination-bullet{ background: #fff;}
.swiper-ad-block{ border-radius: 8px; overflow: hidden;}

.swiper-expert a{ display: block; background: #1C7EBF; line-height: 1.7; color: #fff; border-radius: 5px; overflow: hidden; text-align: center;}
.swiper-expert img{ width: 100%;}
.swiper-expert .swiper-slide span{ display: block; position: relative; font-size: 14px;}
.swiper-expert .swiper-slide span:after{ content: ""; width: 100%; height: 15px; position: absolute; top: -20px; left: 0; background: url(../images/expert-bg.png) center bottom no-repeat; background-size: 100% 100%;}
.swiper-expert p{padding: 0 15px; height: 40px; overflow: hidden; margin-bottom: 10px; font-size: 12px;}

.swiper-interact .title{ display: block; background: url(../images/wen.png) center left no-repeat; background-size: 15px; margin-bottom: 10px; padding-left: 20px; color: #000; font-size: 14px;}
.swiper-interact .word{ background: #f3f3f3; line-height: 1.9; padding:  10px 8px; border-radius: 5px;}
.swiper-interact.swiper-container-horizontal>.swiper-pagination-bullets{ position: relative; bottom: 0; padding: 5px 0 10px;}
.swiper-interact .swiper-pagination-bullet{ background: #1C7EBF; width: 10px; height: 2px; border-radius: initial;}

.serch-title{ font-size: 15px; color: #000; padding: 10px 0 15px;}
.serch-title a{ float: right; color: #e7231e; font-size: 14px;}
.serch-title img{ width: 16px; vertical-align: middle; position: relative; top: -2px; margin-right: 5px;}

.serch-list{ overflow: hidden; line-height: 28px;}
.serch-list a{ border: 1px solid #EDEDED; padding: 0 20px; border-radius: 30px; font-size: 12px; display: inline-block; margin-right:8px; margin-bottom: 10px;}

.screen{ height: 50px;}
.screen .top{ background: #fff; width: 100%; line-height: 45px; display: flex; flex-direction: row; box-shadow: 0 5px 10px rgba(0,0,0,.05); z-index: 1000; }
.screen .top li{ width: 100%; text-align: center; cursor: pointer; font-size: 14px; color: #333; }
.screen .top li:before{ content: ""; width: 1px; margin-top: 13px;height: 20px; background: #EDEDED;float: left;}
.screen .top li:first-child:before{ display: none;}
.screen .top li.active{ color: #e71f19;}
.screen .top li.gratis:after{ content: ""; display: inline-block; width: 12px; height: 7px; background: url(../images/screen-down-normal.png) center no-repeat; background-size: 8px; margin-left: 4px;}
.screen .top li.gratis.active:after{ background-image: url(../images/screen-down-select.png);}
.screen .top li.subject:after{ content: ""; display: inline-block; width: 14px; height: 14px; position: relative; top:3px; background: url(../images/screen-normal.png) center no-repeat; background-size: cover; margin-left: 4px;}
.screen .top li.subject.active:after{ background-image: url(../images/screen-select.png);}

.screen-popup{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height:100%; background: rgba(0,0,0,.7); box-sizing: border-box; display: none;}
.screen-popup .cloes{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10;}
.screen-popup-cont{ margin-top: 45px;background: #fff; position: relative; z-index: 1000;}
.screen-price-list li{ padding: 18px 15px;border-bottom: 1px solid #DFDFDF;}
.screen-price-list li.active{ color: #E71F19; background: url(../images/select.png) 95% center no-repeat; background-size: 18px;}
.screen-btn{ display: flex; flex-direction: row; text-align: center;}
.screen-btn a{ width: 100%; overflow: hidden; line-height: 50px; font-size:14px; color: #000; background: #fff;  }


.screen-subject-left{ background: #f6f6f6; width: 35%; position: absolute; top: 0; left: 0; height: 100%; overflow: auto; }
.screen-subject-left li{padding: 14px 15px; overflow: auto; line-height: 1.8; border-bottom: 1px solid #DFDFDF;}
.screen-subject-left li.active{ color: #e71f19;}

.screen-subject .screen-popup-cont{ max-height: calc(150% - 105px); height: calc(100% - 155px);}
.screen-subject-right{ position: absolute; top: 0; overflow: auto; right: 0; height: 100%; width: 65%;}
.screen-subject-right ul li{ padding: 15px 20px; color: #777;}
.screen-subject-right ul li.active{ color: #E62129;background: url(../images/select.png) 95% center no-repeat; background-size: 18px;}

.new-list{ margin-bottom: 15px;}
.new-list li{ background: #fff; padding: 13px; border-radius: 10px;margin-top: 13px;}
.new-info{ line-height: 1.8;}
.new-info .title{padding-top: 15px; color: #333; font-size: 16px;}
.new-info .time{color: #777; padding-bottom: 15px;}
.new-info .time span{ padding-right: 15px;}
.new-info .time span:last-child{ padding: 0;}
.new-info p{ padding: 6px 0;}
.new-info  img{ display: block; max-width: 100%; margin: 0 auto;}
.new-info .video{ width: 100%; margin: 6px auto;}

.new-recommend { padding: 0;}
.new-recommend .title{ padding: 0 13px;}
.new-recommend .home-new { padding: 0;}
.new-recommend .home-new li{ padding: 13px; border-top: 1px solid #EDEDED;}
.comment-area li{padding: 13px; border-top: 1px solid #EDEDED;}
.comment-area li a{ display: block; display: flex; flex-direction: row;}
.comment-area li img{ width: 45px; height: 45px; border-radius: 50%; margin-right: 10px;}
.comment-area li .word{ width: calc(100% - 55px); line-height: 1.7; color: #666;}
.comment-area li .word span{ display: block; color: #222; font-size: 14px;}
.new-recommend .home-new li:first-child,
.comment-area li:first-child{ border: none; padding-top: 5px;}

.write-comment{ height: 56px;}
.write-comment .cont{ background: #fff; display: block; width: 100%; box-sizing: border-box; padding: 10px 13px; display: flex; flex-direction: row; border-top: 1px solid #EDEDED;}
.write-comment .cont .text{ background: #f5f5f5; border-radius: 30px; line-height: 35px; padding: 0 10px; border: none; width: 100%;}
.write-comment .cont .btn{ border-radius: 30px; margin-left: 10px; line-height: 31px; height: 31px; margin-top: 2px; background: #1C7EBF; color:  #fff; width: 100px; border: none;}

.online-haed .video{ width: 100%;}
.online-haed .cont{padding: 13px; line-height: 1.8;}
.online-haed .cont .title{ font-size: 15px; color: #333;padding-bottom: 5px;}
.online-haed .cont .title .icon{ float: right; width: 35px; height:30px; display: block; background: url(../images/share.png) right center no-repeat; background-size: 20px; overflow: hidden;}
.online-haed .cont .title .icon.collect{ background-image: url(../images/collect-normal.png);}
.online-haed .cont .title .icon.active.collect{ background-image: url(../images/collect-select.png);}
.online-haed .cont .word { color: #888; }
.online-haed .cont .word span{display: block; width: 55px;text-align: justify; text-align-last: justify; float: left;}

.online-about{ line-height: 1.9; padding: 10px 13px;}
.online-about p{ padding: 5px 0;}
.online-about  img{ display: block; margin: 0 auto; max-width: 100%;}
.tab-block{ min-height: 100px;}

.online-bottom-zhan{ height: 65px;}
.online-bottom{ display: block; background: #f9f9f9; padding:12px 13px ; border-top: 1px solid #eee; position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; box-sizing: border-box; display: flex; flex-direction: row;}
.online-bottom a{display: block; border-radius: 30px; border: 1px solid #d92629; color: #d92629; margin-left:15px; width: 100%; text-align: center; line-height: 38px;} 
.online-bottom a:first-child{ margin-left: 0;}

.online-video{ padding: 0 13px;}
.online-video .title{ line-height: 50px; font-size: 14px;}
.online-video .title a{ float: right; background: url(../images/more-dowm.png) center right no-repeat; background-size: 14px; font-size: 13px; padding:0 20px;}
.online-video .title a.acitve{ background-image: url(../images/more-up.png);}
.online-video .home-list li{ display: none;}
.online-video .home-list li:nth-child(2),.online-video .home-list li:nth-child(1){ display: block;}

.brand-about{ background: #E7F5FE; line-height: 1.8; padding: 13px; border-radius: 5px; margin: 13px 0 10px;}
.brand-about .title{ color: #1c7ebf; font-size: 14.5px; padding-bottom: 8px;}
.brand-about .title a{ float: right; color: #B6BFC6; font-size: 13px;}
.brand-about .word{ font-size: 12px;}

.wrapper01 {position:relative;height: 50px;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #EFEFEF; z-index: 10000; background: #fff;}
.wrapper01 .scroller {position:absolute}
.wrapper01 .scroller li {height: 30px;color:#333;float: left;line-height: 30px;font-size: 14px;text-align: center;  margin-top: 10px; }
.wrapper01 .scroller li a{color:#333;display:block;background: #f5f5f5; margin-left:10px;padding: 0 20px;border-radius: 30px; min-width: 50px; text-align: center; }
.wrapper01 .scroller li.cur{}
.wrapper01 .scroller li.cur a{color:#fff; background: #e71f19;}
.screen-fixed.screen .top{ position: relative;}
.screen-fixed .screen-popup-cont{ margin-top: 96px;}

.teach-register-head{ background: #f9f9f9; font-size: 12px; color: #666; line-height: 1.8; overflow: hidden; padding: 13px;}
.teach-register-head img{ width: 100px; margin-right: 10px; float: left;}
.teach-register-form select{ text-align: right; width: auto;}
.teach-register-form li{ padding: 0 13px; display: flex;  flex-wrap: wrap; justify-content: space-between; line-height: 50px; border-bottom: 1px solid #EDEDED;}
.teach-register-form li .text{ border: none; text-align: right; width: 60%;}

.shangchaun-img img{ height: 30px; margin-top: 10px; display: block;}

.patients-list li{ padding:13px 11px ; border-bottom: 1px solid #ededed;}
.patients-list li:nth-child(2n){ background: #f7f7f7;}
.patients-list li:last-child{ border: none;}

.patients-aq .swiper-slide{ margin-bottom: 18px;}

.patients-form{ border-radius: 5px; overflow: hidden; border: 1px solid #EDEDED; margin-bottom: 20px;}
.patients-form .title{ text-align: center; background: #1C7EBF; color: #fff; font-size: 15px; line-height: 43px;}
.patients-form ul{padding: 15px ;}
.patients-form ul li{ position: relative; display: flex; flex-direction: row; padding: 5px 0; line-height:40px;}
.patients-form ul li .name{ display: block; text-align: right; width: 65px; float: left;}
.patients-form ul li .text{ border: 1px solid #EDEDED; border-radius: 3px; box-sizing: border-box; padding: 0 10px; width: calc(100% - 65px); line-height: 40px; height: 40px; }
.patients-form ul li textarea.text{ line-height: 1.8; padding: 10px; height: 100px;}
.patients-form .btn{ background: #1C7EBF; color: #fff; margin-left: 65px; border-radius: 3px; text-align: center; width: 80px; line-height: 35px; margin-top: 10px; border: none;}

.about-title{ background: #f1f2f4; padding: 10px 13px; font-size: 14px; margin: 10px 0 15px;}

.about-service{ padding: 15px 0; line-height: 2;}
.about-service .title{ color: #333; font-size: 15px; padding-bottom: 5px; display: block;}
.about-service .word{ margin-bottom: 15px; font-size: 12.5px;}
.about-service img{ display: block; margin: 10px auto; max-width: 100%; }

.about-partners{ display: block; overflow: hidden; margin-top: 15px;}
.about-partners li,.about-certificate li{ width: 48.5%; border: 1px solid #EDEDED; margin-bottom: 15px; float: left;box-sizing: border-box;}
.about-partners li:nth-child(2n){ float: right;}
.about-partners li img,.about-certificate img{ width: 100%; display: block;}

.about-map{ width: 100%; height: 250px; border-radius: 5px; overflow: hidden;}

.about-certificate{ margin-top: 15px; overflow: hidden;}
.about-certificate li{ width: 31.3%; margin-right: 3%;}
.about-certificate li:nth-child(3n){ margin-right: 0;}

.login-bg{ position: relative; width: 100%; height: 100%; background: url(../images/login-bg.jpg) center no-repeat; background-size: cover; padding: 10% 0;}
.login-logo img{ display: block; width: 40%; margin: 20px auto 40px;}

.login-tab li{ font-size: 16px !important;}
.third-party{ text-align:center; width: 80%; overflow:hidden; margin: 25px auto 20px;}
.third-party h2{ font-weight:normal; position: relative; font-size:15px; color:#333}
.third-party h2:after{ content: ""; width: 100%; height: 1px; z-index: 1; display: block; background: #EDEDED; position: absolute; top: 50%; left: 0;}
.third-party h2 span{ padding:0 12px; background:#fff; position: relative; z-index: 10;}
.third-party a{ display:block; color:#666; padding-bottom:15px; width: 40%; float: left;}
.third-party a:nth-child(2){ margin-left: 10%;}
.third-party a img{ display:block; width:55px; margin:20px auto 8px;}
.third-party a.login-sj{ display: none;}


.login-form{ width: 80%; margin: 30px auto;}
.login-form li{ padding: 10px 0; position: relative; }
.login-form .btn,.register-form li.bottom .btn{ background: #1f80c1; color: #fff; line-height: 42px; font-size: 15px; border: none; border-radius: 30px; text-align: center; width: 100%;}
.login-form li.border{ padding: 0; border-bottom:1px solid #EDEDED; line-height: 55px;  background: url(../images/login2.png) center left no-repeat; background-size: 20px; padding-left: 25px;}
.login-form li.border input{ border: none; display: block; width: 100%; line-height: 55px;}
.login-form li.border.passwd{ background-image:  url(../images/login3.png); display: none;}
.login-form li.border.verif{ background-image:  url(../images/login1.png); }
.login-form li.border.verif .code,.register-form li .code{ position: absolute; top:0; right: 0; z-index: 1000; color: #1C7EBF;}

.register-word{ padding: 25px 13px; color: #777; line-height: 1.8;}

.register-form{ width: 80%; margin: 0 auto;}
.register-form li{ border-bottom: 1px solid #ededed; position: relative; }
.register-form li .text{ line-height: 50px; width: 100%; box-sizing: border-box; border: none;}
.register-form li select{ background: url(../images/select-down.png) center right no-repeat; background-size: 8px;}
.register-form li.xieyi{ border: none; padding: 20px 0;}
.register-form li.bottom{ border: none;}
.register-form li .code{ line-height: 50px;}

.register-two>div{ background: #fff; border-radius: 5px; width: 87%; max-width: 400px; box-sizing: border-box; padding: 0 15px;}
.register-two>div .word{ font-size: 13px; padding: 15px 0; line-height: 1.8;}
.register-two>div .title{ font-size: 15px; color: #1c7ebf; border-bottom: 1px solid #EDEDED; line-height: 45px;}
.register-two>div .title img{ float: right; width: 15px; margin-top: 15px;}
.register-two>div .btn{ display: block; margin: 5px auto 25px; background: #1C7EBF; color: #fff; border-radius: 30px; text-align: center; width: 130px; line-height: 35px;}

.member-head{ padding: 45px 15px 35px; color: #fff; background:linear-gradient(to right, #4B71F5 , #5CC5FA);}
.member-head a{ color: #fff; display: block; overflow: hidden; line-height: 1.8;}
.member-head img{ border: 2px solid #fff; border-radius: 50%; float: left; width: 60px; margin-right:13px;}
.member-head a p{ font-size: 18px; padding-top: 0px;}

.member-row{ background: #fff; display: flex; flex-direction: row;}
.member-row li{ width: 100%; text-align: center; line-height: 1.7;}
.member-row li a{ display: block; padding: 10px 0;}
.member-row li span{ display: block; font-size: 16px; color: #1c7ebf;}

.member-list{ background: #fff; border-radius: 5px; margin: 13px; padding: 0 13px;}
.member-list li{ border-bottom: 1px solid #EAEAEA; line-height: 55px; font-size: 14px;}
.member-list li:last-child{ border-bottom: none;}
.member-list li img{ width: 24px;vertical-align: middle; margin-right: 5px;}
.member-list li a{ display: block; background: url(../images/enter.png) center right no-repeat; background-size: 8px; padding-right: 15px; box-sizing: border-box;}

.member-block{ background: #fff;border-radius: 5px; margin: 13px 11px;overflow: hidden;}

.data{ background:#fff}
.data .data_img{  overflow:hidden; padding:13px 10px}
.data dd{ border-bottom:1px solid #F2F2F2; padding:0 10px; overflow:hidden}
.data .data_img .title{ line-height:50px;}
.data .title{ float:left; width:30%; color:#333; line-height:50px; font-size:13px;}
.data-head{ float:right; width:70%}
.data-head img{ width:50px; display:block; height:50px;; border-radius:50%; float:right}
.data dd .input{ width:65%; float:right; height:50px; line-height:50px; border:none; outline:none; text-align:right; font-size:13px; color:#555; box-sizing:border-box; padding-right:5px; background:#fff}

.data-sex{ float:right; width:60%; text-align:right; line-height:50px; color:#555}
.data-sex input{ margin-right:5px; position:relative; top:1px }
.data-sex label{ margin-left:15px;}
.data dd .select{ float: right;height:50px; line-height:50px;}

.trolley li{ position:relative; padding:13px 10px;}
.trolley .chebuy{ position:absolute; top:50%; margin-top:-10px; left:0;}
.trolley .img{ display:block; overflow:hidden; width:100px;   border:1px solid #ededed; position:absolute; top:0; left:25px; background:#fff;}
.trolley .img img{ width:100%; display:block}
.trolley .mui-slider-handle{ padding-left:135px; min-height:70px;}
.trolley h2{ font-weight:normal; color:#333; font-size:15px; max-height: 50px; overflow: hidden;}
.trolley p{ color:#808080; font-size:13px; height:42px; overflow:hidden; margin:5px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.trolley .price{ color:#f00;  }

.trolley .quantity{ float:right; overflow: hidden; border:1px solid #ededed; border-radius:3px;}
.trolley .quantity .btn{ float:left; border:none; padding:0; width:28px; height:25px; border-radius:0}
.trolley .quantity .text{ margin:0; float:left; border:none; border-left:1px solid #ededed; border-right:1px solid #ededed; width:40px; height:25px;}
.mui-content>.mui-table-view:first-child{ margin-top: 0;}
.mui-table-view-cell:after{ display: none;}
.order_foot{ background:#fff; position:fixed; left:0; bottom:0; width:100%; line-height:50px; height:50px; z-index:100;}
.order_foot.active{ bottom:0}
.order_foot a{    display: block;
    width: 50%;
    text-align: center;
    background: #1c7ebf;
    color: #fff;
    float: left;
    font-size: 15px; width:130px; position:absolute; top:0; right:0}
.order_foot p{ padding:0 10px;}
.order_foot p span{ color:#5e1888}

.order_word{ position: relative; text-align:right; padding-right:140px; color:#666; line-height:1.7; font-size:13px; padding-top:5px;}
.order_word span{ display:block; color:#1c7ebf;}
.order_word label{ float:left; line-height:45px; margin-left:10px; padding-left:25px;}
.order_word label input{ position:absolute; top:16px; left:10px}

.integral-head{ padding: 40px 0 40px;}
.integral-head img{ display: block;  margin: 0 auto; width: 120px;}
.integral-head .word{ text-align: center; line-height: 1.8;}
.integral-head .word a{ color: #e62129; text-decoration:underline !important;}
.integral-head .word span{font-size: 20px; color:#e62129 ;}
.integral-bottom{ line-height: 1.9; margin: 0 13px; font-size: 12px;}
.integral-bottom .title{ font-size: 15px; display: block; padding-bottom: 5px;}

.integral-list{ padding: 0 10px;}
.integral-list li{ padding: 11px 0; color: #000; line-height: 1.8; border-bottom: 1px solid #eee;}
.integral-list li:last-child{ border: none;}
.integral-list li p{ color: #999; font-size: 12px;}
.integral-list li .fr{ color: #e7141b;}


.order-list{ overflow: hidden; padding: 15px 11px 0;}
.order-list li{ background: #fff; border-radius: 5px; overflow: hidden; padding: 0 15px; margin-bottom: 13px;}
.order-list li .time{ padding:5px 0; color: #888; border-bottom: 1px solid #EDEDED; line-height: 35px;}
.order-list li .cont { padding: 5px 0;}
.order-list li .cont a,.order-cont>a{ display: block; overflow: hidden; padding: 5px 0;}
.order-list li .cont a .img,.order-cont .img{ width: 110px; height: 72px; overflow: hidden; float: left; margin-right: 10px; position: relative; border-radius: 2px; overflow: hidden;}
.order-list li .cont a .img img,.order-cont .img img{ width: 100%;}
.order-list li .cont a .word,.order-cont .word{ line-height: 1.7;}
.order-list li .cont a .word p,.order-cont .word p{ color: #000; margin-bottom: 5px; height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.order-list li .cont a .word span,.order-cont .word span{ color: #e62129;}
.order-list li .bottom{ overflow: hidden; border-top: 1px solid #EDEDED; padding: 13px 0; text-align: center;line-height: 30px;}
.order-list li .bottom a{ float: right; color: #888; text-align: center;  border-radius: 30px; border: 1px solid #cecece; margin-left: 11px; width: 85px; line-height: 28px;}
.order-list li .bottom a.red{ color: #ee262c; border-color: #ee262c;}

.order-info,.order-info-pro{ padding: 0 13px;}
.order-title{ font-size: 15px; line-height: 45px; color: #000;}
.order-info .word{ padding: 0 0 15px; line-height: 1.8;}
.order-info-pro .order-title{ border-bottom: 1px solid #EDEDED;}
.order-info-pro .order-cont{ margin: 8px 0;}

.order-info-list{ padding:10px 13px;}
.order-info-list li{ overflow: hidden; line-height: 27px;}
.order-info-list li span {float:right;}

.order-bottom{ padding: 0 11px; overflow: hidden; text-align: center;}
.order-bottom .btn{float: right; background: #1C7EBF; color: #fff; border-radius: 30px; width: 100px; margin-left: 10px; line-height: 30px;}

.Add_address{ background:#fff;  margin-top:12px; padding: 0 10px;}
.Add_address dd{ padding:0 10px; overflow:hidden; line-height:50px; border-bottom:1px solid #EEEEEE; position:relative; padding-left:75px; min-height:50px;}
.Add_address dd:last-child{ border: none;}
.Add_address dd .title{ float:left; display:block; color:#333; width:70px; position:absolute; left:0; top:0; font-size:13px;  
/*padding-left:12px;*/ 
box-sizing:border-box}
.Add_address dd .input{ border:none; outline:none; border:none; color:#777; box-sizing:border-box; padding:0 5px; float:left; width:100%; line-height:50px; height:50px}
.Add_address dd .right{   overflow:hidden;  padding:8px 0}
.Add_address dd .add-select{ display:block; float:left; width:30%; margin-right:5%; border:1px solid #E8E8E8; background:#fff; color:#555; border-radius:2px; font-size:12px; height:28px; line-height:28px;}
.Add_address dd .add-select:last-child{ margin-right:0}
.Add_address dd .code{ position: absolute; top: 0; right: 0; line-height: 50px; color: #1C7EBF; padding: 0 10px;}

.comment-list{ padding: 11px;}
.comment-list li,
.collect-list li{ border-radius: 5px; line-height: 1.8; background: #fff; padding: 11px; margin-bottom: 13px; overflow: hidden; }
.comment-list li .time{ color: #777;}
.comment-list li .word{ padding-bottom: 7px;}
.comment-list li .cont{ background: #f7f7f7; overflow: hidden; padding: 11px; color: #1C7EBF;}
.comment-list li .cont img{ width: 80px; float: left; margin-right: 10px;}

.collect-list{padding: 11px;}
.collect-list .order-cont a{ padding: 0;}
.collect-list .order-cont .img{ width: 120px; height: 85px;}
.collect-list .order-cont .btn{ color: #1C7EBF; border: 1px solid #1C7EBF; border-radius: 30px; padding: 0 10px; line-height: 26px; margin-top: 2px; display: block; float: left; font-size: 12px;}
.collect-list .order-cont .btn img{ width: 12px; margin-right: 5px; vertical-align: middle; position: relative; top: -1px;}

.inform{ padding:0 13px 13px;}
.inform .time{ font-weight:normal; text-align:center; font-size:13px; padding-bottom:15px; padding-top:3px; color:#969696}
.inform a{ display:block; background:#fff; padding:0 10px 10px}
.inform a span{ display:block; border-bottom:1px solid #ededed; font-size:14px; color:#333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; padding:12px 0 ; background: url(../images/enter.png) center right no-repeat; background-size: 8px; padding-right: 15px; box-sizing: border-box;}
.inform a p{ margin-top:10px; line-height:1.8; font-size:12px; max-height:63px; overflow:hidden}
.inform.active a span:after { content: ""; float: right; display: block; width: 8px; height: 8px; border-radius: 50%; background: #1F80C1; margin-top: 5px;}

.tidings-title{
	padding: 15px 0;
}
.tidings-title span{
	font-size: 15px;
}
.tidings-title p{
	padding-top: 5px;
	color: #888;
}
.tidings-cont{
	padding: 0 0 20px;
	line-height: 2;
	color: #666;
}
.tidings-cont img{
	display: block;
	max-width: 100%;
	margin: 5px auto;
}
/*优惠券*/
.coupon-bg{
	background: #efeff4;
}
.coupon-title{
	background: #fff;
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
}
.coupon-title a{
	display: block;
	text-align: center;
	width: 26.5%;
	float: left;
	padding: 15px 0;
}
.coupon-title a:first-child{
	width: 20%;
}
.coupon-title a.active{
	color: #1a80c2;
}
.coupon-list{
	padding: 0 15px;
}
.coupon-list li{
	background: #1a80c2;
	border-radius: 5px;
	border: 1px solid #EDEDED;
	overflow: hidden;
	margin-bottom: 10px;
}
.coupon-list li>div{
	background: #fff url(../images/coupon.png) top repeat-x;
	background-size: 22px;
	display: block;
	padding: 15px;
	margin-top: 13px;
}
.coupon-list li .time{
	padding: 13px 0 0;
	color: #888;
	border-top: 1px dashed #ddd;
	clear: both;
	margin-top: 10px;
}
.coupon-list li .left{
	width: 35%;
	text-align: center;
	float: left;
	padding-top: 3px;
}
.coupon-list li .left span{
	color: #1a80c2;
	font-size: 30px;
}
.coupon-list li .left span:before{
	content: "￥";
	font-size: 18px;
}
.coupon-list li .left p{
	color: #888;
	
}
.coupon-list li .right{
	width: 63%; 
	float: right;
	line-height: 1.7;
	color: #777;
}
.coupon-list li .right span{
	font-size: 15px;
	color: #333;
}
.coupon-list li.no{
	background: #d2d2d2;
	color: #d2d2d2;
}
.coupon-list li.no>div{
	background-image: url(../images/coupon2.png) ;
}
.coupon-list li.no .left span,.coupon-list li.no .left p,.coupon-list li.no .right span,.coupon-list li.no .right p,.coupon-list li .time{
	color: #d2d2d2;
}
.coupon-list li .time span{
	float: right;
}
.Add_address dd.feedback{ padding-left: 0;}
.Add_address dd.feedback .title{ position: relative;}
.Add_address dd.feedback textarea{ border: none; width: 100%; line-height: 1.8; height: 100px;}


.place-Order{ background: ;}
.place-text{ background: #fff; margin: 0 11px;  border-radius: 5px; overflow: hidden;}
.place-text textarea{ width: 100%; box-sizing: border-box; padding: 10px; height: 80px; line-height: 1.8; border: none;}
.place-Order-bottom{ background: #fff; width: 100%; padding: 10px ; box-sizing: border-box; text-align: right;}
.place-Order-bottom .btn{ float: right; background: #e62129; color: #fff; border-radius: 30px; display: block; line-height: 30px; padding: 0 22px;}
.place-Order-bottom p{ float: right; line-height: 30px; padding-right: 10px;}
.place-Order-bottom p span{ font-size: 14px;}

.order-pay{   background: #fff; padding: 0 11px; margin: 12px 11px 60px; border-radius: 5px; overflow: hidden;}
.order-pay dt{ color: #000; font-size: 15px; line-height: 55px;}
.order-pay dd{ border-top: 1px solid #F4F4F4; line-height: 50px;}
.order-pay dd img{ width: 22px; vertical-align: middle; margin-right: 7px;}
.order-pay dd.acitve{ background: url(../images/pay-select.png) center right no-repeat; background-size: 22px;}

.pay-succ{ padding: 40px 0 35px;}
.pay-succ img{ width: 50px; display: block;  margin: 0 auto;}
.pay-succ h2{ font-weight: normal; padding: 15px 0; color: #333; font-size: 15px; text-align: center;}
.pay-list{ max-width: 320px; width: 95%; margin: 0 auto}
.pay-list li{ overflow: hidden; line-height: 1.8;}
.pay-list li span{ width: 65px; text-align: right; display: block; float: left;}
.pay-btn{ width: 280px; margin: 0 auto; overflow: hidden; margin-top: 30px;}
.pay-btn a{ width: 47%; box-sizing: border-box; text-align: center; line-height: 35px; display: block; border: 1px solid #1A80C2; color: #1A80C2; border-radius: 30px; float: left;}
.pay-btn a.shi{ background: #1A80C2; color: #fff; float: right;}

.e-brokerage-head{
	padding: 18px;
	border-radius: 10px;
	background: #1c7ebf url(../images/yj.png) bottom right no-repeat;
	background-size: 90px;
	color: #fff; 
	margin: 13px 11px 0;
}
.e-brokerage-head span{
	display: block;
}
.e-brokerage-head .btn{
	float: right;
	background: #fff;
	padding: 0 15px;
	line-height: 30px;
	color: #1c7ebf;
	border-radius: 30px;
}
.e-brokerage-head .top{
	padding-bottom: 18px;
	font-size: 14px;
}
.e-brokerage-head .top span{
	font-size: 24px;
}
.e-brokerage-head .bottom{
	overflow: hidden;
}
.e-brokerage-head .bottom p{
	float: left;
	margin-right: 30px;
	line-height: 1.8;
}
.e-brokerage-head .bottom p span{
	font-size: 16px;
}

.absolute-right-25{
	position: absolute;
    right: -25px;
    line-height: 51px;
}