@charset "utf-8";
 /* margin and padding */
 
 video::-webkit-media-controls-enclosure {
     overflow: hidden;
 }
 
 video::-webkit-media-controls-panel {
     width: calc(100% + 30px);
 }
 
 .video {
     width: 100%;
     position: relative;
     float: left;
     margin: 0 0 10px 0;
 }
 
 .video_img {
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, .5);
     position: absolute;
 }
 
 .video_img.on {
     display: none;
 }
 
 .video_img img {
     width: 100%;
     height: 100%;
 }
 
 .video video {
     width: 100%;
     height: 100%!important;
 }
 
 .diyhome_show {
     width: 100%;
     float: left;
 }
 
 .diyhome_show img {
     width: 100%;
 }
 
 .diyhome_box {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99999;
     display: none;
 }
 
 .diyhome_box.on {
     display: block;
 }
 
 .diyhome_close {
     width: 14%;
     right: 0;
     top: 0;
     position: absolute;
 }
 
 .diyhome_close img {
     width: 100%;
 }
 
 .diyhome_box iframe {
     width: 100%;
     height: 100%;
     float: left
 }
 
 .diyhome_play {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .3) url(../images/20171227104638.png) no-repeat center center;
     background-size: 35px;
 }
 
 t {
     width: 100%;
     line-height: 40px;
     text-indent: 10px;
     background: #c9183d;
     color: #fff;
     font-size: 14px;
 }
 
 #total_store_num {
     color: #999;
     width: 100px;
 }
 
 .huango {
     width: 100%;
     float: left
 }
 
 .huango a {
     width: 300px;
     height: 50px;
     line-height: 50px;
     font-size: 16px;
     color: #fff;
     border-radius: 4px;
     background: #c9183d;
     display: inline-block;
     margin: 20px 0 0 30px;
     float: left;
     text-align: center;
 }
 
 .sales_box {
     position: relative;
     height: 46px;
     width: 100%;
     margin: 15px 0 0 0;
 }
 
 .sales_list {
     position: absolute;
     top: 0;
     left: 0;
     background: #eb5f5f;
     color: #fff;
     width: 658px;
     float: left;
     height: 44px;
     overflow: hidden;
     transition: all 0.5s;
 }
 
 .sales_list:hover {
     height: auto;
 }
 
 .sales_select {
     float: left;
     padding: 10px;
     cursor: pointer;
 }
 
 .sales_select:hover {
     background: none!important;
 }
 
 .sales_select em {
     font-size: 12px;
     width: 50px;
     float: left;
     text-align: center;
     line-height: 24px;
 }
 
 .sales_select i {
     border: 1px solid #ea4848;
     line-height: 22px;
     height: 22px;
     padding: 0 10px;
     margin: 0 15px 0 10px;
     float: left;
     background: #fff4f5;
     color: #ea4848;
     border-radius: 2px;
 }
 
 .sales_select span {
     float: left;
     line-height: 24px;
     padding: 0 20px 0 0;
     width: 445px;
     height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .sales_select img {
     width: 9px;
     height: 16px;
     position: absolute;
     right: 15px;
     top: 22px;
     margin: -8px 0 0 0;
     transition: all 0.5s;
 }
 
 .sales_list:hover .sales_select img {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
 }
 
 .sales_list:hover .sales_select span {
     height: auto!important;
     overflow: inherit;
     text-overflow: clip;
     white-space: inherit;
     line-height: 26px;
     background: url(../images/arow_white.png) no-repeat right center;
 }
 
 .sales_list_case {
     cursor: pointer;
     border-top: 1px dashed #ddd;
     float: left;
 }
 
 .sales_list_case.ed {
     display: none;
 }
 
 .sales_list_case i {
     border: 1px solid #ea4848;
     margin: 10px 0 10px 70px;
     line-height: 22px;
     height: 22px;
     padding: 0 10px;
     float: left;
     background: #fff4f5;
     color: #ea4848;
     border-radius: 2px;
 }
 
 .sales_list_case span {
     width: 445px;
     background: url(../images/arow_white.png) no-repeat right center;
     margin: 0 0 0 15px;
     line-height: 24px;
     padding: 10px 20px 10px 0;
     float: left;
     white-space: inherit;
 }
 
 .rebate {
     padding: 0 15px;
     background: #f7f7f7;
     float: left;
     margin: 15px 0;
     line-height: 40px;
     color: #666;
     font-size: 16px;
 }
 
 .rebate i {
     color: #ea4848;
     padding-left: 5px;
 }
 
 .promise {
     clear: both;
     width: 645px;
     line-height: 48px;
     margin-top: 36px;
     padding-left: 0;
 }
 
 .promise li {
     float: left;
     height: 41px;
     line-height: 41px;
     padding-left: 45px;
     min-width: 129px;
     width: auto;
     font-size: 20px;
     color: #737373;
     position: relative;
     list-style: none;
 }
 
 .promise li i {
     position: absolute;
     left: 0;
     top: 0;
     width: 41px;
     height: 41px;
     display: inline-block;
 }
 
 #addcat {
     position: relative;
 }
 
 .u-flyer {
     display: block;
     width: 100px;
     height: 100px;
     border-radius: 50px;
     position: fixed;
     z-index: 9999;
 }
 
 @-webkit-keyframes addcat {
     0%,
     100% {
         -webkit-transform: translate(0, -5px)
     }
     50% {
         -webkit-transform: translate(0, 5px)
     }
 }
 
 .details_left {
     width: 242px;
     padding: 10px 0;
 }
 
 .navshowbtn a {
     display: inline-block;
     color: #30c2b0;
     line-height: 1.3;
 }
 
 .navhiden {
     vertical-align: middle;
     width: 16px;
     margin-right: 10px;
     border: solid 1px #30c2b0;
     font-size: 12px;
     text-align: center;
 }
 
 .navwidth {
     width: 100px;
     font-size: 14px;
 }
 
 .secon_nav {
     display: none;
     padding-left: 35px;
 }
 
 .secon_nav li {
     width: 90%;
     border-bottom: dashed 1px #ccc;
     font-size: 14px;
     line-height: 36px;
 }
 /*人气商品推销*/
 
 .box_l_commend li {
     width: 242px;
     height: 300px;
     padding: 20px 0;
     border-top: dashed 1px #e6e6e6;
 }
 
 .box_l_commend img {
     width: 240px;
     height: 240px;
 }
 
 .box_l_commend .text {
     padding-left: 5px;
     font-size: 14px;
     line-height: 2.4;
 }
 
 .f16 {
     font-size: 16px;
     font-weight: 600;
     line-height: 60px;
 }
 
 .f16 span {
     display: block;
     float: left;
     width: 3px;
     height: 16px;
     margin: 22px 10px 0 0;
     background: #30c2b0;
     color: #30c2b0;
 }
 /*热门案例*/
 
 .hotCases {
     padding: 10px 0;
     cursor: pointer;
     color: #666;
     border-bottom: dashed 1px #e6e6e6;
 }
 
 .hotCases i {
     float: left;
     display: inline-block;
     font-style: normal;
     font-size: 20px;
     line-height: 1;
 }
 
 .hotCases span {
     display: inline-block;
     width: 218px;
     padding-left: 3px;
     font-size: 14px;
     word-wrap: break-word;
 }
 
 .hotCases img {
     display: none;
     width: 235px;
     height: 150px;
     margin: 10px;
 }
 
 .hotCasesT .on {
     color: #FF6600 !important;
 }
 
 .hotCasesT .on img {
     display: block;
 }
 
 .ad_img {
     width: 100%;
     background: #dadada;
 }
 
 .ad_img img {
     width: 100%;
 }
 /*左侧报名*/
 
 .baoming_left {
     width: 242px;
     padding: 20px 20px 30px 20px;
     background: #fff;
     margin-left: -20px;
 }
 
 .baoming_left_close {
     cursor: pointer;
     position: absolute;
     top: 0;
     right: 0;
     display: none;
 }
 
 .baoming_fix .baoming_left_close {
     display: block
 }
 
 .baoming_fix {
     position: fixed;
     bottom: 0;
     left: 0;
     z-index: 999;
     margin: 0;
 }
 
 .baoming_tit {
     width: 180px;
     margin: 0 auto;
     color: #333;
     line-height: 2;
     text-align: center;
     border-bottom: solid 2px rgba(48, 194, 176, 1);
 }
 
 .input_text {
     width: 100%;
     height: 42px;
     display: block;
     margin-top: 5%;
     font-size: 14px;
     color: #313131;
     border: none;
     border-radius: 5px;
     text-indent: 26px;
     line-height: 44px;
     background: #f4f5f6;
 }
 
 .sel-box {
     display: inline-block;
     width: 48%;
 }
 
 .sms_send {
     width: 48%;
     background: #f7c25c;
     text-align: center;
     color: #fff;
     float: right;
     text-indent: 0;
     display: inline-block;
 }
 
 .sign_btn {
     width: 100%;
     margin-top: 10px;
     text-align: center;
     height: auto;
     border-radius: 5px;
     background: #5dc2b2;
 }
 
 .sign_btn a {
     line-height: 46px;
     color: #fff;
     text-align: center;
 }
 
 .shopul li {
     float: left;
     width: 33.33333%;
     font-size: 12px;
     color: #666;
     line-height: 40px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-left: 10px
 }
 
 .shop-goods-name {
     color: #666;
     line-height: 40px;
     font-size: 12px;
     padding-left: 10px;
 }
 
 .deta-descri {
     padding: 10px 32px;
     position: relative;
 }
 
 .deta-descri .shopname_de {
     color: #666;
     line-height: 40px;
     font-size: 12px;
     padding-left: 10px;
 }
 
 .twic_a_alon {
     overflow: hidden;
     margin-bottom: 20px;
 }
 
 .twic_a_alon .gray_t {
     width: 225px;
     color: #999999;
     padding-left: 100px;
     overflow: hidden;
     float: left;
 }
 
 .twic_a_alon p {
     float: left;
     padding-left: 10px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 12px;
     color: #5e5e5e;
 }
 
 video::-webkit-media-controls-enclosure {
     overflow: hidden;
 }
 
 video::-webkit-media-controls-panel {
     width: calc(100% + 30px);
 }
 
 .video {
     width: 100%;
     position: relative;
     float: left;
     margin: 0 0 10px 0;
 }
 
 .video_img {
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, .5);
     position: absolute;
 }
 
 .video_img.on {
     display: none;
 }
 
 .video_img img {
     width: 100%;
     height: 100%;
 }
 
 .video video {
     width: 100%;
 }
 
 .box_3_l {
     float: left;
     width: 242px;
     height: auto;
     margin-top: 20px;
     padding: 0 20px 30px 20px;
     background: #fff;
     border: solid 1px #f7f7f7;
 }
 
 .box_3_l .f16 {
     font-size: 16px;
     font-weight: 600;
     line-height: 60px;
 }
 
 .box_3_l .f16 span {
     display: block;
     float: left;
     width: 3px;
     height: 16px;
     margin: 22px 10px 0 0;
     background: #30c2b0;
     color: #30c2b0;
 }
 
 .box_l_commend {
     width: 242px;
     height: auto;
 }
 
 .box_l_commend li {
     width: 242px;
     height: 100px;
     padding: 20px 0;
     border-top: dashed 1px #e6e6e6;
 }
 
 .box_l_commend img {
     float: left;
     width: 100px;
     height: 100px;
     padding-right: 20px;
 }
 
 .box_l_commend .text {
     font-size: 14px;
     line-height: 2.4;
     padding: 0;
     margin: 0;
     float: right;
     width: 122px;
 }
 
 .text_title {
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 16px;
     white-space: normal;
     display: block;
     height: 32px;
 }
 
 .box_l_commend .text .f18 {
     font-size: 18px;
     line-height: 1.9;
 }
 
 .box_l_commend .text .f14 {
     font-size: 14px;
     text-decoration: line-through;
     color: #808080;
     display: none;
 }
 
 .box_l_commend .text a {
     display: inline-block;
     margin-top: 10px;
     width: 70px;
     height: 27px;
     line-height: 27px;
     color: #fff;
     text-align: center;
     background: #ee8282;
     border-radius: 3px;
 }
 
 .img_tag {
     position: absolute;
     top: 0;
     right: 0;
     width: 120px;
 }
 
 .img_tag img {
     width: 100%;
 }
 
 #righton.ed {
     background: #999 !important;
     color: #fff!important;
     border: #999!important;
 }
 
 #v5btn {
     display: none !important
 }