*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: "微软雅黑";}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:14px; color: #454545;}
img{ max-width:100%;}

/*===头部信息===*/
.header-bg{ width: 100%; height: 44px; line-height: 44px; background: #f8f8f8;}
.header-cen{ width: 1200px; margin: 0 auto;}
.header-cen li a:hover{ color: #3db4cb;}
.header-left{ width: 40%; float: left;}
.header-left li{ padding: 0 15px; float: left; position: relative; }
.header-left li a{ color: #666;}
.header-left li:before{ width: 1px; height: 15px; content:""; display: block; position: absolute; background: #999; left: 0; top:14px}
.header-left li:nth-child(1):before{ display:none;}
.header-left li a i{ padding: 0 5px; height: 12px; margin-left: 2px; line-height: 12px; font-style: normal; border-radius: 100px; font-size:12px; background: #ff3c3c; color: #fff;}
.header-right{ width: auto; float: right;}
.header-right li{ padding: 0 10px;}
.header-right li{ padding: 0 15px; float: left; position: relative; }
.header-right li a{ color: #666;}
.header-right li:before{ width: 1px; height: 15px; content:""; display: block; position: absolute; background: #999; left: 0; top:14px}
.header-right li:nth-child(1):before{ display:none;}
.header-right li img{ margin-left: 4px;}
.header-right li span{ margin-left: 4px;}
.icontel{ font-size: 18px !important; margin-right: 5px; position: relative; top: 2px; color: #3db4cb;}
.header_box{ width: 1200px; margin: 0 auto;}
.header-logo{ float: left; width: 124px; margin-top: 15px;}
.header-box-search{ width: 640px; height: 44px; line-height: 44px; border: #7bc8d9 solid 1px; border-radius: 100px; float: left; margin:50px 0 0 155px}
.header-box-right{ width: 200px; height: 70px; float: right; margin-top: 38px;}
.header-box-right-icon{ width: 68px; height: 68px; float: left;}
.header-box-right-text{ width: 120px; float: right;}
.header-box-right-text p{ font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 0; margin-top: 7px;}
.header-box-right-text span{ color: #999999; font-size: 16px; letter-spacing: 4px; text-indent: 4px;}
.APP-img{ width: 120px; height: 120px; position: absolute; top: 50px; z-index: 6; left: -10px; border: #ddd solid 1px; display: none;}
.APP-img img{ width: 118px; height: 118px; margin-left: 0 !important;}
.header-right li:hover .APP-img{ display: block;}
.up2{width: 0;height: 0; position: absolute; top:-10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent;border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;font-size: 0;line-height: 0;}

/*===头部信息--搜索===*/
.searchbox{position: relative;z-index: 1;clear: both;width: 640px;height: 50px;}
.mod_select {position: absolute;left: 0;top: 0;width: 100px;}
.mod_select .select_box {position: relative;width: 100px;height: 50px;}
.mod_select .select_box .select_txt {display: inline-block;width: 100px;height: 42px;padding-left: 28px;
overflow: hidden;line-height: 42px;font-size: 16px;cursor: pointer; background: #e8fcff; border-bottom-left-radius: 100px; 
border-top-left-radius: 100px; color: #39adc6;}
.mod_select .select_box .select-icon {position: absolute;top: 10%;right: 15px; font-size: 14px !important; transform: translate(0,-50%); width: 10px;height: 10px;}
.mod_select .select_box .option {display: none;position: absolute;top: 54px;left: -2px;width: 100px; z-index: 9;  background-color: #fff;box-shadow: 1px 1px 8px #e0e0e0;
}
.mod_select .select_box .option li { text-align: center; font-size: 14px; color: #666; height: 36px; line-height: 36px;cursor: pointer;}
.mod_select .select_box .option li:hover{ background: #e8fcff; color: #39adc6;}
.searchbox .import {width: 426px;height: 40px;margin-left: 100px;padding-left: 20px;border: none;outline: none;}
.searchbox .btn-search {position: absolute;right: 0;width: 100px;height: 42px; font-size: 16px;color: #fff; cursor: pointer;
background-image: linear-gradient(to right,#4ed2e5,#3bb1ca); border-top-right-radius: 100px; border-bottom-right-radius: 100px;
background: linear-gradient(to right, #4ed2e5, #3bb1ca);border: 0;}
.import::placeholder{ color: #bbb;}
.up{width: 0;height: 0; position: absolute; top:-10px; left: 50%; margin-left: -10px; border-left: 10px solid transparent;border-right: 10px solid transparent;
border-bottom: 10px solid #eee;font-size: 0;line-height: 0;}
.header-menu{ width: 1200px;  text-align: center; margin: 0 auto;}
.header-menu li{ display: inline-block; line-height: 40px; margin: 0 auto; margin-left: -4px;transition: all .3s ease; }
.header-menu li a{ width: 160px; height: 40px; display: block; color: #999999; font-size: 16px;transition: all .3s ease;  border: #dcdcdc solid 1px; border-bottom: none; border-top-right-radius: 25px; border-top-left-radius: 25px;}
.header-menu li a:hover{ background-image: linear-gradient(to right,#4ed2e5,#39adc6);border: #39adc6 solid 1px;transition: all .3s ease;background: linear-gradient(to right, #4ed2e5, #39adc6); color: #fff;}
.header-menu li .active{background-image: linear-gradient(to right,#4ed2e5,#39adc6);border: #39adc6 solid 1px;transition: all .3s ease;background: linear-gradient(to right, #4ed2e5, #39adc6); color: #fff;}
.header-line{ width: 100%; height: 1px; background: #39adc6;}


/*===首页内容区===*/
.mian_bg{ width: 100%; height: auto; overflow: hidden; background: #f7f7f7; padding-bottom: 4%;}
.mian-box{ width: 1200px; height: 350px; margin: 0 auto; margin-top: 40px; position: relative; z-index: 1;}
/*===左侧菜单===*/
.mian-box-left{ width: 290px; height: 350px; float: left; background: #fff; border-radius: 5px; position: relative; z-index: 66;}
.mian-filter_box{width:290px;display:inline-block;background:#fff;line-height:38px; padding-top: 7px; font-size:14px;position:relative;z-index:100;}
.mian-filter_box dl dt{width:calc(100%)}
.mian-filter_box > dl > dt{height:42px;overflow:hidden; padding: 0px 15px;}
.mian-filter_box > dl:hover > dt{background:#3aadc7;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.mian-filter_box dt a{margin-right:10px;display:inline-block; color: #666;}
.mian-filter_box dt i{float:right;color:#ccc; font-size: 14px;}
.mian-filter_box dt span{display:inline-block;width:66%;height:100%;overflow:hidden;}
.mian-filter_box dt a.filter_title{font-weight:700;font-size:15px;vertical-align:top;}
.mian-filter_box dl:hover > dt a,.mian-filter_box dl:hover > dt a:hover,.mian-filter_box dl:hover dt i{color:#fff;}
.mian-filter_box dd{display:inline-block;}.mian-filter_box dl a:hover{color:#3aadc7;}
.mian-filter_box dd.mian-filter-content{width:610px;height:350px;padding:5px 0 10px 20px;display:none;position:absolute;top:0px;left:290px;
background:#fff;z-index:100;box-shadow: 1px 1px 14px #e3e3e3;}
.mian-filter_box dl:hover .mian-filter-content{display:block;}
.mian-filter-content-title{ font-size: 16px; height: 38px; line-height: 38px; font-weight: bold;}
.mian-filter-content a{ margin-right: 20px; color: #666; display: block; float: left;}
/*===广告轮播===*/
.mian-box-banner{ width: 590px; height: 350px; float: left; margin-left: 16px; border-radius: 5px; overflow: hidden; position: relative;}
.banner_bg{ background-size: cover !important;background-position: 50% !important;}
.swiper-slide .banner_bg{width:100%;height:350px;}
.banner_box .swiper-slide{ overflow: hidden; position: relative;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 30% !important;left: 13.5%;width: 100%;position: absolute; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 10px;height: 10px; margin-right: 10px; border-radius: 100px;background: #fff ;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#fccf00;transition: all .3s;border-radius: 100px; width: 30px;}
.bann-swiper-pagination{ position: absolute; bottom: 10px; text-align: center; z-index: 9; width: 100%;}
.bann-swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff; margin: 0 4px;transition: all .3s; border-radius: 100px; outline: none; opacity: 1;}
.bann-swiper-pagination .swiper-pagination-bullet-active{ width: 25px;  background: #fccf00;transition: all .3s;}
/*===登录区域===*/
.mian-box-right{ width: 290px; height: 350px; float: right; background: #fff; border-radius: 5px; overflow: hidden;}
.mian-box-user-pic{ width: 65px; height: 65px; border-radius: 100px; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.mian-box-user-pic img{ width: 65px; height: 65px;}
.mian_box_p{ color: #666666; text-align: center; margin: 13px 22px; }
.mian-box-login{ width: 100%; height: 30px; text-align: center;}
.mian-box-login a{ width: 70px; color: #39adc6; height: 30px; line-height: 30px; margin: 0 5px; display: inline-block; border: #39adc6 solid 1px; border-radius: 100px;}
.mian-box-login a:nth-of-type(even){background-image: linear-gradient(to right,#4ed2e5,#39adc6);border: #39adc6 solid 1px;transition: all .3s ease;background: linear-gradient(to right, #4ed2e5, #39adc6); color: #fff;}
.mian-box-number{ margin: 0 20px; border-bottom: #eee solid 1px; color: #666666; font-size: 16px; text-align: center; margin-top: 15px; padding-bottom: 10px; font-weight: bold;}
.mian-box-number span{ color: #ff3939; font-size: 24px;}
.mian-box-number-list{position: relative; padding-top: 25px;}
.mian-box-number-list .swiper-slide{ text-align: center; padding: 0 20px;}
.mian-box-number-list .swiper-slide div{ text-align: center; font-weight: bold; font-size: 22px;}
.mian-box-number-list .swiper-slide p{ color: #999; margin-top: 5px;}
.mian-box-number-list .swiper-pagination{ opacity:1; }
.mian-box-number-list .number-swiper-pagination{bottom: -40px !important;width: 100%;position: absolute; z-index:6;}
.mian-box-number-list .swiper-pagination-bullet{width: 10px;height: 10px; margin-right: 10px; border-radius: 100px;background: #e7e7e7 ;
opacity:1 !important;transition: all .3s; outline: none;}
.mian-box-number-list .swiper-pagination-bullet-active {opacity: 1;background:#fccf00;transition: all .3s;border-radius: 100px; width: 30px;}
.mian-box-number-list .number-swiper-pagination{ position: absolute; bottom: 10px; text-align: center; z-index: 9; width: 100%;}
.mian-box-number-list .number-swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; background: #e7e7e7; margin: 0 4px;transition: all .3s; border-radius: 100px; outline: none; opacity: 1;}
.mian-box-number-list .number-swiper-pagination .swiper-pagination-bullet-active{ width: 25px;  background: #fccf00;transition: all .3s;}


/*===首页左侧广告位===*/
.mian-box-list{ width: 1200px; height: 730px; margin: 0 auto; background: #fff; margin-top: 30px;}
.mian-box-list-top{ width: 100%; height: 60px; border-bottom: #eee solid 1px; line-height: 60px;}
.mian-box-list-top-title{ float: left; width: 25%; margin-left: 1.5%;background: -webkit-linear-gradient(330deg, #4ed2e5 0%, #39adc6 8%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 22px; font-weight: bold;}
.mian-box-list-top-title img{ position: relative; top: 4px; margin-right: 10px;}
.mian-advertising{ width: 220px; height:580px; float: left; position: relative; overflow: hidden; margin-top: 20px; margin-left: 20px;}
.mian-advertising .swiper-slide{ overflow: hidden; position: relative;}
.mian-advertising .swiper-pagination{ opacity:1; }
.mian-advertising .advertising-swiper-pagination{bottom: 20px !important;left: 13.5%;width: 100%;position: absolute; z-index:6;}
.mian-advertising .swiper-pagination-bullet{width: 6px;height: 6px; margin-right: 10px; border-radius: 100px;background: #fff ;
opacity:1 !important;transition: all .3s; outline: none;}
.mian-advertising .swiper-pagination-bullet-active {opacity: 1;background:#fccf00;transition: all .3s;border-radius: 100px; width: 30px;}
.mian-advertising .advertising-swiper-pagination{ position: absolute; bottom: 10px; text-align: center; z-index: 9; width: 100%;}
.mian-advertising .advertising-swiper-pagination .advertising-pagination-bullet{ width: 8px; height: 8px; background: #fff; margin: 0 4px;transition: all .3s; border-radius: 100px; outline: none; opacity: 1;}
.mian-advertising .advertising-swiper-pagination .advertising-pagination-bullet-active{ width: 25px;  background: #fccf00;transition: all .3s;}
.advertising_swiper-more{ width: 120px; height: 30px; line-height: 30px; position: absolute; top: 30%; left: 50%; margin-left: -60px; z-index: 6;
background-image: linear-gradient(to right,#fccf00,#f79833);background: linear-gradient(to right, #fccf00, #f79833); border-radius: 100px; text-align: center; color: #fff;}
.advertising_swiper-more a{ color: #fff;}
.advertising_swiper-more a span{ padding-left: 5px;}
.mian-box-top-right{  width: 120px; height: 30px; line-height: 30px; float: right; margin-top: 15px; margin-right: 20px;
background-image: linear-gradient(to right,#fccf00,#f79833);background: linear-gradient(to right, #fccf00, #f79833); border-radius: 100px; text-align: center; color: #fff;}
.mian-box-top-right a{ color: #fff; display: block;}
.mian-box-top-right a span{ padding-left: 5px;}

/*===首页任务广场===*/
.mian-box-list-list{ width: 960px; height: 600px; float: right; position: relative;}
.zzsc{ width:100%; height:auto; overflow:hidden;}
.zzsc .tab{ width: auto; overflow:hidden; text-align: center; padding-top: 1px; padding-left: 1px; right: 160px; position: absolute; top: -45px;}
.zzsc .tab a{ padding: 0 15px; height: 30px; border: #e5e5e5 solid 1px; margin-left: 15px; text-align: center;transition: all .3s ease; color: #454545;line-height: 30px; border-radius: 100px; float: left;}
.zzsc .tab a:hover{border: #39adc6 solid 1px; color:#fff; background: #39adc6; text-decoration:none;transition: all .3s ease;}
.zzsc .tab a.on{border: #39adc6 solid 1px;  color:#fff; background: #39adc6;text-decoration:none;transition: all .3s ease;}
.zzsc .content{ padding-left: 20px; padding-right: 20px;}
.zzsc .content dt{ display:none; position: relative; height: 650px;  padding-top: 20px;}
.home-list-content{transition: all .5s ease;height: 282px; width: 100%; border: #eee solid 1px;overflow: hidden;}
.home-list-content img{ max-height: 156px; vertical-align: middle;}
.home-list-content-img{ width: 100%; height: 156px; line-height: 156px; text-align: center;}
.home-container-list .swiper-slide:hover .home-list-content{box-shadow: 0 15px 26px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.home-list-cen{ padding: 15px;color: #999; }
.home-list-cen div{ font-size: 15px; height: 40px; line-height: 20px; color: #666;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all; width: 100%; }
.home-list-cen p{ font-size: 12px; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 10px; }
.home-list-cen span{ color: #ff0000; }
.home-list-cen i{ font-style: normal; float: right; }
.zzsc .content dt .swiper-container{ overflow: inherit;}
.zzsc .content dt .swiper-slide{ margin-bottom: 0px !important;}
.zzsc .content dt .swiper-pagination{ opacity:1; }
.zzsc .content dt .home-swiper-pagination{bottom: 20px !important;left: 13.5%;width: 100%;position: absolute; z-index:6;}
.zzsc .content dt .swiper-pagination-bullet{width: 6px;height: 6px; margin-right: 10px; border-radius: 100px;background: #eee ;
opacity:1 !important;transition: all .3s; outline: none;}
.zzsc .content dt .swiper-pagination-bullet-active {opacity: 1;background:#fccf00;transition: all .3s;border-radius: 100px; width: 30px;}
.zzsc .content dt .home-swiper-pagination{ position: absolute; bottom: 10px; text-align: center; z-index: 9; width: 100%;}
.zzsc .content dt .home-swiper-pagination .home-pagination-bullet{ width: 8px; height: 8px; background: #eee; margin: 0 4px;transition: all .3s; border-radius: 100px; outline: none; opacity: 1;}
.zzsc .content dt .home-swiper-pagination .home-pagination-bullet-active{ width: 25px;  background: #fccf00;transition: all .3s;}

/*===推荐品牌主/热门红人===*/
.mian-box-list-list2{ width: 960px; height: 600px; float: right; position: relative; overflow: hidden;}
.list2{ padding-left: 20px; padding-top: 20px; height: 670px; padding-right: 20px; overflow: hidden;}
.list2 p em{ color: #39adc6; font-style: normal; margin-right: 10px;}
.list2 p em span{color: #39adc6; font-size: 14px;}
.list2 p em:nth-child(2) {color: #ff3939;}
.list2 p em:nth-child(2) span{color: #ff3939;}
.list2 span{ color: #666;}
.list2-swiper-pagination{ text-align: center;}
.list2 .swiper-pagination{ opacity:1; }
.list2 .home-swiper-pagination2{bottom: 20px !important;left: 13.5%;width: 100%;position: absolute; z-index:6;}
.list2 .swiper-pagination-bullet{width: 6px;height: 6px; margin-right: 10px; border-radius: 100px;background: #eee ;
opacity:1 !important;transition: all .3s; outline: none;}
.list2 .swiper-pagination-bullet-active {opacity: 1;background:#fccf00;transition: all .3s;border-radius: 100px; width: 30px;}
.list2 .home-swiper-pagination2{ position: absolute; bottom: 10px; text-align: center; z-index: 9; width: 100%;}
.list2 .home-swiper-pagination2 .home-pagination-bullet{ width: 8px; height: 8px; background: #eee; margin: 0 4px;transition: all .3s; border-radius: 100px; outline: none; opacity: 1;}
.list2 .home-swiper-pagination2 .home-pagination-bullet-active{ width: 25px;  background: #fccf00;transition: all .3s;}
.list2 .swiper-slide:hover .home-list-content{box-shadow: 0 15px 26px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.list3-icon-bg{ width: 100%; height: auto; position:absolute; bottom: -5px;}
.list3-toux{ width: 216px; height: 174px; position: relative; background-size: cover !important;background-position: 50% !important;}
.list3-Good-at{ width: 100px; height: 26px; background: #fff; overflow: hidden; position: absolute; bottom: -7px; line-height: 26px;
border-radius: 100px; border: #40b9d0 solid 1px; z-index: 6; left: 50%; margin-left: -50px;}
.list3-Good-at div{ float: left; text-align: center; }
.list3-Good-at-left{ width: 40px;  text-align: center; line-height: 24px; background: #40b9d0;color: #fff;}
.list3-Good-at-right{ width: 54px; line-height: 25px; float: left; font-size: 12px; color: #40b9d0;}
.list3-title{ width: 60% !important; float: left; height: 20px !important; line-height: 20px !important;}
.list3-title-fans{ width: 35% !important; float: right; height: 20px !important;  text-align: right; line-height: 20px !important;}
.home-list-cen dl{ margin-top: 10px; height: 25px; overflow: hidden; margin-bottom: 8px;}
.home-list-cen dt{ padding: 0 12px; padding-top: 3px; padding-bottom: 3px;  font-size: 12px; border-radius: 100px; margin-right: 5px; float: left;}
.home-list-cen dt:nth-child(1){ border: #3db4cc solid 1px; color: #3db4cc; }
.home-list-cen dt:nth-child(2){ border: #ff0000 solid 1px; color: #ff0000; }
.list3-jiage{ width: 50% !important; height: 20px !important; line-height: 20px !important; float: left; color: #ff0000 !important;}
.list3-chengjaio{ width: 46% !important; height: 20px !important; color: #999 !important; float: right; line-height: 20px !important; text-align: right !important;}

/*===底部信息===*/
.footer-box{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 60px;}
.footer-box-left{ width: 254px; float: left; text-align: center; font-size: 18px;}
.footer-box-left img{ width: 120px; height: 120px; margin-top: 15px;}
.footer-box-menu{ width: 540px; height: auto; overflow: hidden; float: left; margin-left: 110px;}
.footer-box-menu li{ width: 33%; float: left;}
.footer-box-menu-list p{ width: 100%; height: 30px; left: 30px; font-size: 18px;}
.footer-box-menu-list a{ width: 100%; height: 30px; line-height: 30px; display: block; color: #666;}
.footer-box-menu-list a:hover{ color: #40b9d0;}
.footer-box-right{ width: 230px; height: auto; overflow: hidden; float: right; text-align: center;}
.footer-box-right-tel{ font-size: 32px; color: #39adc6;}
.footer-box-right-text{ color: #999;}
.footer-box-right-p{ width: 120px; height: 30px; line-height: 28px; overflow: hidden; margin: 0 auto; margin-top: 20px; border: #40b9d0 solid 1px; border-radius: 100px; text-align: center;}
.footer-box-right-p span{ color: #40b9d0; position: relative; top: 2px; padding-right: 5px;}
.footer-box-right-p a{ color: #666; display: block;}
.footer-box-right-p a:hover{ background: #40b9d0; color: #fff;}
.footer-box-right-p a:hover span{ color: #fff;}
.footer-copy{ width: 100%; height: auto; overflow: hidden; text-align: center; padding-top: 15px; color: #999; padding-bottom: 20px; margin-top: 15px; border-top: #eee solid 1px;}
.footer-copy a{ color: #666;}

/*===登录注册===*/
.advertising-box-pic{ width: 100%; height: 110px; margin-top: 20px; margin-bottom: 20px;}
.advertising-box-pic a{ width: 100%; height: 110px; display: block;}
.advertising-box-bg{ width: 100%; height: 650px;}
.advertising-box-bg-cen{ width: 1200px; height: 650px; margin: 0 auto;}
.advertising-box-bg-left{ width: 50%; height: 650px; float: left;}
.advertising-box-bg-left a{ width: 100%; height: 650px; display: block;}
.Login-box{ width: 395px; height: 420px; background: #fff; float: right; margin-top: 110px; padding: 0 40px;}
.Login-box-content{ width:100%; height:auto; overflow:hidden;}
.Login-box-content .Login-tab{ width: auto; overflow:hidden; text-align: center; padding-top: 20px; margin-bottom: 50px; border-bottom: #eee solid 1px;}
.Login-box-content .Login-tab a{ width: 33.33%; display: block; height: 40px; text-align: center;transition: all .3s ease; color: #454545;line-height: 40px; 
 float: left; position: relative; font-size: 16px;}
.Login-box-content .Login-tab a:hover{text-decoration:none;transition: all .3s ease;}
.Login-box-content .Login-tab a.Login-on{text-decoration:none;transition: all .3s ease;}
.Login-box-content .Login-tab a:before{ width: 100%; height: 1px; content: ""; display: block; display: none; background: #ff0000; 
position: absolute; bottom: 0;transition: all .3s ease;}
.Login-box-content .Login-tab a.Login-on:before{ display: block;transition: all .3s ease;}
.Login-box-content .Login-content dt{ display:none; position: relative; height: 650px;  padding-top: 20px;}
.Login-box-content .Login-content dt li{ width: 100%; height: 38px; margin-bottom: 15px; line-height: 38px;  position: relative; border: #ececec solid 1px;}
.Login-box-content .Login-content dt li .Login-input{ width: 100%; padding-left: 35px; height: 36px; line-height: 36px; background: none; border: none; outline: none;}
.Login-box-content .Login-content dt li span{ position: absolute; top: 0; left: 10px; color: #999;}
.Login-box-content .Login-content dt li .Login-input::placeholder,.Login-input3::placeholder{ color: #bbb;}
.Login-input2{ width: 100%; margin-top: 30px; font-size: 16px; height: 36px; cursor: pointer; line-height: 36px; background: #ff0000; color: #fff; border: none;}
.ForgotPassword{ text-align: center; color: #00a8ff; margin:0 auto; display: block; margin-top: 30px;}
.Login-Verification-code{ width: 100%; height: 38px; position: relative; line-height: 38px; margin-bottom: 10px;}
.Login-input3{ width: 60%; height: 36px;  outline: none; height: 36px; padding-left: 35px; border:#ececec solid 1px ; float: left;}
.Login-input4{ width: 36%; height: 36px; line-height: 36px; background: #009ce5; color: #fff; text-align: center; display: block; border: none; outline: none; 
cursor: pointer; float: right;}
.Login-wx-title{ width: 100%; text-align: center; color: #ff0000; margin-bottom:40px;}
.Login-wx-code{ width: 139px; height: 139px; float: left; border: #e2e2e2 solid 1px; text-align: center;}
.Login-wx-code2{ float: right;width: 139px; height: 139px;}
.Login-Verification-code span{position: absolute; top: 0; left: 10px; color: #999;}

/*===任务广场列表===*/
.Task-left{ width: 593px;}
.Task-left .mian-filter_box{ width: 590px;}
.Task-left .mian-filter_box dd.mian-filter-content{ left: 590px;}
.Task-left .mian-filter_box dt span{ width: 80%;}
.Task-left .mian-filter_box dt a.filter_title{ margin-right: 15px;}
.advertising-box-pic2{ width: 1200px; height: 70px; margin: 0 auto; margin-top: 20px;}
.Task-mar{ margin-top: 20px;}
.Task-cen{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.Task-list-left{ width: 790px; height: 1750px; float:left; background: #fff;}
.Task-left-top{ width: 100%; height: 50px; line-height: 50px; border-bottom: #e5e5e5 solid 1px;}
.Task-left-top-Sort{ width: auto; float: left; }
.Task-left-top-Sort a{ float: left; height: 50px; font-size: 15px; margin-left: 20px;color: #666; display: block;}
.Task-left-top-Sort a:hover{ color: #40b9d0;}
.Task-left-top-class{ width: auto; height: 50px; margin-left: 30px; float: left;}
.Task-left-top-class li{ padding: 0 15px; float: left;}
.Task-left-top-class li a{ color: #666; font-size: 15px; display: inline-block;}
.Task-left-top-class li a i{ width: 15px; height: 15px; margin-right: 6px; position: relative; top: 2px; display: inline-block; 
border: #e5e5e5 solid 1px; border-radius: 100px;}
.Task-left-top-class li a i:before{ width: 7px; height: 7px; content: ""; top: 3px; left: 3px; opacity: 0; position: absolute; display: block; 
border-radius: 100px; background: #fccf00;}
.Task-left-top-class li .Task-act i{border: #fccf00 solid 1px;}
.Task-left-top-class li .Task-act i:before{ opacity: 1;}
.Task-list{ width: 100%; height: auto; overflow: hidden; padding: 20px;}
.Task-list li{ width: 100%; height: 160px; border: #eeeeee solid 1px; margin-bottom: 20px; overflow: hidden;transition: all .5s ease;}
.Tasl-left-img{ width: 220px; height: 160px;background-size: cover !important; float: left; background-position: 50% !important;}
.Tasl-left-right{ width: 500px; height: 160px; overflow: hidden; float: right; padding-top: 20px; position: relative;}
.Tasl-left-right-title{ width: 70%; height: auto; overflow: hidden; color: #454545; font-size: 16px; margin-bottom: 5px;}
.Tasl-left-right-text{width: 70%; height: auto; overflow: hidden; color: #999; }
.Tasl-left-right-participate{ width: 150px; line-height: 36px; position: absolute; top: 20px; right: 0; border-bottom-left-radius: 100px; 
 height: 36px;background-image: linear-gradient(to right,#5fdff1,#39adc6); border-top-left-radius: 100px;
background: linear-gradient(to right, #5fdff1, #39adc6); text-align: center; color: #fff;} 
.Tasl-left-right-participate span{ margin-right: 8px;}
.Task-list li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Task-left-right-bottom{ position: absolute; bottom: 25px; left: 0;}
.Task-left-right-bottom p{ font-size: 16px; color: #ff0000; margin-bottom: 5px;}
.Task-left-right-time{ font-size: 12px; color: #999;}
.Task-left-right-time span{ font-size: 14px; margin-right: 5px;}
.Task-left-Sign-up dl{ width: auto; float: right; overflow: hidden;}
.Task-left-Sign-up dt{ width: 26px; height: 26px;border-radius: 100px; float: left; overflow: hidden; position: relative;}
.Task-left-Sign-up dt img{width: 26px; height: 26px;}
.Task-left-Sign-up{ width: 50%; position: absolute; bottom: 25px; right: 0px; text-align: right;}
.Task-left-Sign-up p{ color: #999; line-height: 26px; display: inline-block; float: right; margin-right: 15px;}
.Task-left-Sign-up dt:nth-child(2),.Task-left-Sign-up dt:nth-child(3),.Task-left-Sign-up dt:nth-child(4),.Task-left-Sign-up dt:nth-child(5)
,.Task-left-Sign-up dt:nth-child(6),.Task-left-Sign-up dt:nth-child(7),.Task-left-Sign-up dt:nth-child(8){ left: -7px; }
.Task-right{ width: 400px; height:1750px; float: right; }
.Task-right-top{ width: 100%; height: 355px; background: #fff;}
.Task-right-top-up{ width: 100%; line-height: 50px;border-bottom: #e5e5e5 solid 1px; text-align: center; font-size: 12px; color: #999;}
.Task-right-top-cen{ padding: 40px; height: auto; overflow: hidden; text-align: center;}
.Task-right-menber li{ display: inline-block; width: 26px; height:40px; text-align: center ; line-height: 40px; background: #ff0000; color: #fff;
border-radius: 5px; font-size: 20px;}
.Task-right-top-cen-title{ font-size: 24px; margin-bottom: 25px; font-weight: bold;}
.Task-right-menber div{ display: inline-block; font-size: 20px; font-weight: bold;}
.Task-right-information{ width: 100%; color: #454545; padding-bottom: 10px; border-bottom: #eee solid 1px; margin-top: 25px; margin-bottom: 30px;}
.Task-right-information span{ color: #ff0000; position: relative; top: 1px; padding-right: 5px;}
.Task-right-information i{color: #ff0000; font-style: normal;}
.Task-right-submit-left{ width: 48%; height: 37px; line-height: 37px; float: left;background-image: linear-gradient(to right,#fb9419,#fd660a);
background: linear-gradient(to right, #fb9419, #fd660a); border-radius: 100px;}
.Task-right-submit-left a{ color: #fff; display: block; width: 100%;}
.Task-right-submit-right{ width: 48%; height: 37px; line-height: 37px; float: right;background-image: linear-gradient(to right,#fb6a6a,#e31919);
background: linear-gradient(to right, #fb6a6a, #e31919); border-radius: 100px;}
.Task-right-submit-right a{ color: #fff; display: block; width: 100%;}

.Task-hot-Brandowner{ width: 400px; height: 560px; background: #fff; margin-top: 10px;}
.Task-hot-Btop{ padding: 0 15px; height: 50px; position: relative;  line-height: 35px;border-bottom: #e5e5e5 solid 1px; font-size: 18px; font-weight: bold;}
.Task-hot-Btop span{ font-size: 36px; color: #f45656; font-weight: normal; margin-right: 5px; position: relative; top: 8px;}
.Task-hot-Btop a{ position: absolute; right: 15px; color: #999; height: 50px; line-height: 50px; font-size: 14px; font-weight: normal;}
.Task-hot-Brandowner ul{ padding: 0 15px; padding-top: 15px;}
.Task-hot-Brandowner li{ width: 48%; float: left; border: #eee solid 1px; margin-bottom: 12px; transition: all .5s ease;}
.Task-hot-Brandowner li:nth-of-type(even){   float: right; }
.Task-hot-Brandowner li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Task-hot-Brandowner li .Task-list-cen{ padding: 10px; }
.Task-hot-Brandowner .Task-list-content{height: 230px; }
.Task-hot-Brandowner li em{ font-style: normal;}
.Task-hot-Brandowner li .Task-list-cen div{ height: 20px; line-height: 20px;}
.Task-list-c-title{ color: #454545;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px;}
.Task-hot-Brandowner li p{ color: #666;}
.Task-list-cen p{ font-size: 12px; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 10px; }
.Task-list-cen span{ color: #ff0000; }
.Task-list-cen i{ font-style: normal; float: right; }
.Task-hot-Brandowner li p em{ color: #39adc6; font-style: normal; margin-right: 10px;}
.Task-hot-Brandowner li p em span{color: #39adc6; font-size: 14px;}
.Task-hot-Brandowner li p em:nth-child(2) {color: #ff3939;}
.Task-hot-Brandowner li p em:nth-child(2) span{color: #ff3939;}
.Task-hot-Brandowner li span{ color: #666;}
.Task-hot-Brandowner li i{ color: #999;}

.Popular-tasks{ width: 400px; height: 820px; background: #fff; margin-top: 10px;}
.Popular-tasks-top{padding: 0 15px; height: 50px; position: relative;  line-height: 40px;border-bottom: #e5e5e5 solid 1px; font-size: 18px; font-weight: bold;}
.Popular-tasks-top span{ font-size: 30px; color: #fd660a; font-weight: normal; margin-right: 5px; position: relative; top: 5px;}
.Popular-tasks-top a{ position: absolute; right: 15px; color: #999; height: 50px; line-height: 50px; font-size: 14px; font-weight: normal;}
.Popular-tasks ul{ padding: 0 15px; padding-top: 15px;}
.Popular-tasks li{ width: 48%; float: left; border: #eee solid 1px; margin-bottom: 12px; transition: all .5s ease;}
.Popular-tasks li:nth-of-type(even){   float: right; }
.Popular-list-content{height: 230px; }
.Popular-tasks li .Popular-list-cen{ padding: 10px; }
.Popular-list-c-title{ color: #454545;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px;}
.Popular-list-cen p{ color: #999; font-size: 12px; margin-bottom: 15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.Popular-list-cen span{ color: #ff0000; float: left;}
.Popular-list-cen i{ font-style: normal; color: #999; float: right;}
.Popular-tasks li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}

/*===分页样式===*/
.TaskPagination{ width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; top: -15px; z-index: 6;}
.TaskPagination li{ display: inline-block; height: 30px; line-height: 30px; border: #eee solid 1px;}
.TaskPagination li a{ display: block;padding: 0 15px;  color: #666;}
.TaskPagination li .Taskact{ background: #fb4343; color: #fff; }
.TaskPagination li a:hover{ background: #f1f1f1;}
.TaskPagination li a span{ font-size: 14px;}


.TaskDetaile-box{ width: 1200px; height: auto; overflow: hidden; background: #fff;}
.TaskDetaile-box-top{ padding: 0 15px; height: 55px; font-size: 20px; position: relative; font-weight: bold; line-height: 52px; border-bottom: #eee solid 1px;}
.TaskDetaile-box-top span{ color: #fc8713; font-weight: normal; font-size: 26px; padding-right: 5px; position: relative; top: 2px;}
.TaskDetaile-box-top a{width: 120px;height: 30px;line-height: 30px; position: absolute; right: 15px; top: 12px; 
background-image: linear-gradient(to right,#fccf00,#f79833);background: linear-gradient(to right, #fccf00, #f79833);border-radius: 100px;
text-align: center;color: #fff; font-size: 14px; font-weight: normal;}
.TaskDetaile-box-top a span{ color: #fff; font-size: 16px; position: relative; top: 0px; padding-left: 5px;}
.TaskDetaile-Left{ width: 820px; height: auto; overflow: hidden; padding:20px 0 0 15px ; float:left;}
.TaskDetaile-Left-title{ font-size: 18px; margin-bottom: 5px; padding-left: 5px;}
.Task-D-p{ font-size: 12px; color: #999; margin-bottom: 30px; padding-left: 5px;}
.Task-D-demand{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666;  padding-left: 5px; }
.Task-D-demand span{ color: #fccf00; font-weight: bold;}
.Task-D-text{ color: #999; padding-left: 13px; margin-bottom: 30px;}
.Task-D-list{ width: 100%; height: auto; overflow: hidden; margin-top: 15px; margin-bottom: 30px;}
.Task-D-list li{ width: 33.333%; float: left;}
.Task-D-list li span{color: #fccf00; font-weight: bold;}
.Task-D-list li div{ padding-left: 13px; color: #999; margin-top: 5px;}
.TaskDetaile{ height: auto; overflow: hidden;}
.TaskDetaile-right{ width:282px; float: right ; margin-right: 15px; margin-top: 30px; text-align: right;}
.TaskDetaile-bottom{ padding: 0 15px; height: 64px;  line-height: 64px; border-top: #eee solid 1px;}
.TaskDetaile-bottom-left{ color: #666; font-size: 18px; float: left;}
.TaskDetaile-bottom-left i{ color: #fb4343; font-style: normal; font-weight: bold;}
.TaskDetaile-bottom-left span{ font-size: 18px; color: #fab419; font-weight: normal; padding-right: 10px;}
.TaskDetaile-bottom-right{ width: auto; float: right; font-size: 14px;}
.TaskDetaile-bottom-right-Cutoff{ float: left; color: #999;}
.TaskDetaile-bottom-right-Cutoff i{ color: #fd660a; font-style: normal;}
.TaskDetaile-bottom-right-Cutoff span{ font-size: 14px; padding-right: 5px;}
.TaskDetaile-bottom-rightsign{ width: 146px; height: 34px; overflow: hidden; text-align: center; margin-top: 15px; margin-left: 15px;  line-height: 30px; border: #fd660a solid 1px; border-radius: 100px; float: left;}
.TaskDetaile-bottom-rightsign a{ width: 100%; height: 34px; display: block;color: #fd660a;}
.TaskDetaile-bottom-rightsign a:hover{ background: #fd660a; color: #fff;transition: all .5s ease;}
.TaskDetaile-bottom-rightContact{width: 146px; height: 34px; text-align: center; overflow: hidden; margin-top: 15px; margin-left: 15px;  line-height: 30px; border: #39adc6 solid 1px; border-radius: 100px; float: left;}
.TaskDetaile-bottom-rightContact a{ width: 100%; height: 34px; display: block;color: #39adc6;transition: all .5s ease;}
.TaskDetaile-bottom-rightContact a:hover{ background: #39adc6; color: #fff;transition: all .5s ease;}
.TaskDetaile-bottom-rightContact a span{ position: relative; top: 2px;}
.TaskDetaile-bottom-rightsign span,.TaskDetaile-bottom-rightContact span{ padding-right: 5px;}




.TaskDetaile-sign{ margin-top: 20px;}
.Registration-list{padding: 0 15px; height: 55px; font-size: 20px; font-weight: bold; line-height: 45px; position: relative; border-bottom: #eee solid 1px;}
.Registration-list span{ color: #41bad1; font-weight: normal; font-size: 32px; padding-right: 5px; position: relative; top: 5px;}
.Registration-list-right{ position: absolute; right: 15px; font-size: 16px; font-weight: normal; line-height: 55px; color: #999; top: 0;}
.Registration-list-right i{ color: #fd660a; font-style: normal;}
.TaskDetaile-sign-listlist{ padding: 20px 15px;}
.TaskDetaile-sign-listlist li{ width: 220px; float: left; border: #eee solid 1px; margin-right: 17px; margin-bottom: 17px;transition: all .5s ease;}
.TaskDetaile-sign-listlist li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}

.TaskDetaile-sign-listlist li:nth-of-type(5n){margin-right: 0;}
.TaskDetaile-sign-list-cen dl{ margin-top: 10px; height: 25px; overflow: hidden; margin-bottom: 10px;}
.TaskDetaile-sign-list-cen dt{ padding: 0 12px; padding-top: 3px; padding-bottom: 3px;  font-size: 12px; border-radius: 100px; margin-right: 5px; float: left;}
.TaskDetaile-sign-list-cen dt:nth-child(1){ border: #3db4cc solid 1px; color: #3db4cc; }
.TaskDetaile-sign-list-cen dt:nth-child(2){ border: #ff0000 solid 1px; color: #ff0000; }
.TaskDetaile-sign-jiage{ width: 50% !important; height: 20px !important; line-height: 20px !important; float: left; color: #ff0000 !important;}
.TaskDetaile-sign-chengjaio{ width: 46% !important; height: 20px !important; color: #999 !important; float: right; line-height: 20px !important; text-align: right !important;}
.TaskDetaile-sign-icon-bg{ width: 100%; height: auto; position:absolute; bottom: -5px;}
.TaskDetaile-sign-toux{ width: 100%; height: 174px; position: relative; background-size: cover !important;background-position: 50% !important;}
.TaskDetaile-sign-Good-at{ width: 100px; height: 26px; background: #fff; overflow: hidden; position: absolute; bottom: -7px; line-height: 26px;
border-radius: 100px; border: #40b9d0 solid 1px; z-index: 6; left: 50%; margin-left: -50px;}
.TaskDetaile-sign-Good-at div{ float: left; text-align: center; }
.TaskDetaile-sign-Good-at-left{ width: 40px;  line-height: 24px; text-align: center; background: #40b9d0;color: #fff;}
.TaskDetaile-sign-Good-at-right{ width: 54px; line-height: 25px; float: left; font-size: 12px; color: #40b9d0;}
.TaskDetaile-sign-title{ width: 60% !important; float: left; height: 20px !important; line-height: 20px !important;}
.TaskDetaile-sign-title-fans{ width: 35% !important; float: right; height: 20px !important;  text-align: right; line-height: 20px !important;}
.TaskDetaile-sign-title-fans span{ color: #999;}
.TaskDetaile-sign-list-content{ height: 285px;}

.TaskDetaile-sign-list-cen{ padding: 15px;color: #999; }
.TaskDetaile-sign-list-cen div{ font-size: 14px; height: 40px; line-height: 20px; color: #666;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all; width: 100%; }
.TaskDetaile-sign-list-cen p{ font-size: 12px; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 10px; }
.TaskDetaile-sign-list-cen i{ font-style: normal; float: right; }


.BrandOwner-box{ width: 1200px; height:466px;   background: #fff; margin: 0 auto; margin-top: 20px;}
.BrandOwner-box ul{ padding: 15px; height: auto; }
.BrandOwner-box li {display: block; width: 147px; background: #fff; margin-top: -1px; margin-left: -1px;height:147px; border: #eee solid 1px; 
border-radius:0px;z-index: 1; float:left; }
.BrandOwner-box li a{ height: 147px; line-height: 147px; display: block;text-align: center;}
.BrandOwner-box li a img{ vertical-align: middle; max-width: 125px; max-height: 125px;}
.BrandOwner-box li:hover {box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.BrandOwner-box li:hover .tips{ opacity: 1;transition: all .5s ease;}

.tips{ opacity: 0;width: 400px;position: absolute;top: -30px; height: 200px;left: 165px; background: #fff;border-radius: 5px;
box-shadow: 0px 10px 30px #dcdcdc;z-index: 99; zoom: 1;}
.tips-img{ width: 143px; height: 143px; line-height: 143px; text-align: center; border-right: #eee solid 1px; float: left;}
.tips-img img{ max-width: 123px; max-height: 123px; vertical-align: middle;}
.tips-right{ width: 240px; float: left; margin-left: 15px; padding-top: 15px;}
.tips-right-xuqiu{ width: 100%; height: auto; overflow: hidden; margin-top: 15px;}
.tips-right-xuqiu dt{ width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #666;}
.tips-right p{ color: #454545;}
.tips-right span{ font-size: 12px; color: #999;}
.tips-right em{ font-size: 12px; color: #44c1d7; font-style: normal; padding-left: 10px;}
.tips-right-xuqiu dt i{ color:red; font-style: normal;}
.tips-right-xuqiu dt span{ color: red; padding-right: 5px;}
.tips-bottom{ width: 100%; border-top: #eee solid 1px; position: relative; font-size: 15px; color: #666; line-height: 56px; padding-left: 15px;}
.tips-bottom span{ color: #f45656; padding-right: 5px;}
.tips-bottom p{ position: absolute; right: 15px; color: #f45656; top: 0;}
.BrandOwner-box li:nth-of-type(8n) .tips{ left: -405px;}
.BrandOwner-box li:nth-of-type(15) .tips,.BrandOwner-box li:nth-of-type(23) .tips,.BrandOwner-box li:nth-of-type(7) .tips{ left: -405px;}

.Brand-list{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; background: #fff; margin-top: 20px; padding-bottom: 40px;}
.Brand-list .TaskPagination{ top: 0; margin-top: 10px;}
.Brand-list-list{ padding: 15px; height: auto; overflow: hidden;}
.Brand-list-list li{ width: 275px; height: 400px; float: left; margin-right: 23px; margin-bottom: 23px;transition: all .5s ease; border: #eee solid 1px; background: #fff;}
.Brand-list-list li:nth-of-type(4n){margin-right: 0;}
.Brand-list-list li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.BrandOwnerDetails-pic{ width: 100%; height: 200px; background-size: cover !important;background-position: 50% !important;}
.BrandOwnerDetails-list-cen{ padding: 15px;color: #999; }
.BrandOwnerDetails-title{ font-size: 16px; height: 20px; line-height: 20px; margin-bottom: 5px; color: #666;width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 }
.BrandOwnerDetails-list-cen p{ font-size: 12px; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 10px; }
.BrandOwnerDetails-list-cen span{ color: #ff0000;  }
.BrandOwnerDetails-list-cen i{ font-style: normal; float: right; font-size: 12px; }
.Brand-list-list li p em{ color: #39adc6; font-style: normal; margin-right: 10px;}
.Brand-list-list li p em span{color: #39adc6; font-size: 14px;}
.Brand-list-list li p em:nth-child(2) {color: #ff3939;}
.Brand-list-list li p em:nth-child(2) span{color: #ff3939;}
.Brand-list-list li span{ color: #666; font-size: 12px;}

.BrandOwnerDetails-context{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; margin-top: 20px;}
.BrandOwnerDetails-context dt{ width: 100%; height: auto; overflow: hidden; padding-top: 2px; padding-bottom: 2px; color: #666; font-size: 12px;}
.BrandOwnerDetails-context dt i{ float: inherit; color: #ff3939; font-weight: bold;}
.BrandOwnerDetails-context dt span{ font-size: 12px; padding-right: 5px; color: #f79833;}
.Brand-Business-license{ color: #39adc6; cursor: pointer;}
.Brand-Business-license span{ color: #39adc6;}

.Brand-Business-bottom-right{ width: auto; float: right; font-size: 14px;}
.Brand-Business-bottom-right-Cutoff{ float: left; color: #999;}
.Brand-Business-bottom-right-Cutoff i{ color: #fd660a; font-style: normal;}
.Brand-Business-bottom-right-Cutoff span{ font-size: 14px; padding-right: 5px;}
.Brand-Business-bottom-rightsign{ width: 146px; height: 34px; overflow: hidden; text-align: center; margin-top: 15px; margin-left: 15px;  line-height: 30px; border: #fd660a solid 1px; border-radius: 100px; float: left;}
.Brand-Business-bottom-rightsign a{ width: 100%; height: 34px; display: block;color: #fd660a;}
.Brand-Business-bottom-rightsign a:hover{ background: #fd660a; color: #fff;transition: all .5s ease;}
.Brand-Business-bottom-rightContact{width: 146px; height: 34px; text-align: center; overflow: hidden; margin-top: 15px; margin-left: 15px;  line-height: 30px; border: #39adc6 solid 1px; border-radius: 100px; float: left;}
.Brand-Business-bottom-rightContact a{ width: 100%; height: 34px; display: block;color: #39adc6;transition: all .5s ease;}
.Brand-Business-bottom-rightContact a:hover{ background: #39adc6; color: #fff;transition: all .5s ease;}
.Brand-Business-bottom-rightContact a span{ position: relative; top: 2px;}
.Brand-Business-bottom-rightsign span,.Brand-Business-bottom-rightContact span{ padding-right: 5px;}
.Brand-Business-act{background: #fd660a; color: #fff;}
.Brand-Business-act a{ color: #fff;}

.Brand-Business-listlist{width: 100%;height: auto;overflow: hidden;padding: 20px;}
.Brand-Business-listlist li{width: 100%;height: 160px; border: #eeeeee solid 1px; margin-bottom: 20px; position: relative; transition: all .5s ease;margin-bottom: 20px;overflow: hidden;transition: all .5s ease;}
.Brand-Business-listlist-left-img {width: 220px;height: 160px;background-size: cover !important;float: left;background-position: 50% !important;}
.Brand-Business-listlist-right{ width: 910px; height: 160px;float: right; position: relative;}
.Brand-Business-listlist-right-title{ margin-top: 15px; font-size: 16px; color: #666; margin-bottom: 12px;}
.Brand-Business-listlist-p{ color: #999;position: relative; left: -5px;}
.Brand-Business-listlist-p span{ color: #fccf00; }
.Brand-Business-listlist-text{ color: #999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 25px;}
.Brand-Business-listlist-time{ line-height: 30px; float: left; font-size: 12px; color: #999;}
.Brand-Business-listlist-time span{ font-size: 12px; padding-right: 5px;}
.Brand-Business-listlist-baoming{ width: auto; height: 30px; line-height: 30px; float: left; margin-left: 40px;}
.Brand-Business-listlist-baoming dl{ width: auto; float: left; overflow: hidden;}
.Brand-Business-listlist-baoming dt{ width: 26px; height: 26px;border-radius: 100px; float: left; overflow: hidden; position: relative;}
.Brand-Business-listlist-baoming dt img{width: 26px; height: 26px;}
.Brand-Business-listlist-baoming p {color: #999;line-height: 26px; display: inline-block;float: right;margin-left: 15px;}
.Brand-Business-commission{ width: 130px; text-align: center; z-index: 6; position: absolute; top: 40px; right: 20px;font-size: 16px;}
.Brand-Business-get{ width: 130px; height: 36px; border-radius: 100px;  z-index: 6; line-height: 36px; text-align: center; position: absolute; top: 80px; right: 20px;}
.get-1{ background: #ff3939; color: #fff;}
.get-2{ background: #39adc6; color: #fff;}
.get-3{ background: #f7f7f7; color: #999;}
.commission-1{ color: #ff3939;}
.commission-2{ color: #39adc6;}
.commission-3{ color: #999;}
.Brand-Business-listlist li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Brand-Business-carry{ position: absolute; bottom: -22px; right: -20px; z-index: 1;}
.Brand-Business-carry span{ font-size: 80px;}
.carry-1 span{ color: #39adc6;}
.carry-2 span{ color: #dddddd;}
.Brand-expired{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.Brand-padd{ padding-bottom: 25px;}


.Popular-box{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; background: #fff; margin-top: 20px; padding:20px;}
.Popular-box-list{ width: 100%; height:auto; overflow: hidden; margin-bottom: 10px;}
.select1{ width: 1080px; height: auto; overflow: hidden; float: left;}
.Popular-box-h{ width: 80px; font-size:15px; height: 24px; line-height:24px; float: left; font-weight:bold; color:#3c3c3c;}
.Popular-box ul li{float:left; margin-right:10px;  text-align:center;}
.Popular-box ul li:nth-of-type(3n){margin-right: 0;}
.Popular-box ul li a{ display: block;font-size:14px; color:#666; padding: 0 15px;height:24px; line-height: 24px; 
  border-radius:5px;}
.Popular-box ul li.selected a{color:#fff; background: #3cabc6;}
.Popular-box ul li input{ display: none;}
.TaskDetaile-sign-listlist li:hover .Promotion-channels{transition: all .5s ease; top: 20px; }
.Promotion-channels{ position: absolute; top: -100px; width: auto; height: 36px; line-height: 36px; right: 15px;transition: all .5s ease; }
.Promotion-channels img{ width: 22px; height: 22px;border-radius: 100px; position: relative;}
.TaskDetaile-sign-list-content{ overflow: hidden;}
.Popular-box-details-top{ width: auto; position: absolute; right: 20px; top: 0; font-size: 16px; font-weight: normal;}
.Popular-box-details-top-1{ float: left; margin-right: 40px;}
.Popular-box-details-top-1 i{ color: #3bb3cb; font-style: normal;}
.Popular-box-details-top-1  span{ font-size: 18px;color: #3bb3cb;}
.Popular-box-details-top-2{ float: left; color: #fc6808; cursor: pointer;}
.Popular-box-details-top-2 span{ color: #fc6808;font-size: 16px; position: relative; top: 0px;}
.Popular-box-details-p span{ margin-left: 20px; color: #3bb3cb; padding-right: 5px; font-size: 14px;}
.Popular-box-details-p{ font-size: 14px; color: #999; margin-bottom: 30px; padding-left: 5px;}
.Popular-box-details-p i{ color: #3bb3cb; font-style: normal; padding: 0 5px;}
.Popular-box-lis1{ width: 60%; float: left;}
.Popular-box-lis{ width: 50%; float: left;}
.Popular-box-lis2{ width: 30%; float: right;}
.Popular-box-lis3 li{ width: 29%;}
.Popular-box-lis3{ width:100%; height: auto; overflow: hidden;}
.Popular-box-lis3 li:nth-child(1){ width: 70.5%;}
.pop-i div{ margin-right: 10px; float: left;}
.Popular-Celebri-list{ padding: 20px; height: auto; overflow: hidden;}
.Popular-Celebri-list li{ width: 280px; height: 200px; float: left;transition: all .5s ease; margin-right: 13px; margin-bottom: 13px;}
.Popular-Celebri-list li a{ width: 100%; height: 200px; display: block;background-size: cover !important;background-position: 50% !important;}
.Popular-Celebri-list li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Popular-Celebri-list li:nth-of-type(4n){margin-right: 0;}


.Popular-Celebri-cases{ padding: 20px; height: auto; overflow: hidden;}
.Popular-Celebri-cases li{ width: 280px; height: 260px; cursor: pointer; border: #eee solid 1px; float: left;transition: all .5s ease; margin-right: 13px; 
margin-bottom: 13px;}
.Popular-Celebri-cases li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Popular-Celebri-cases li:nth-of-type(4n){margin-right: 0;}
.Popular-Celebri-cases-img{ width: 100%; height: 200px;background-size: cover !important;background-position: 50% !important; position: relative; overflow: hidden;}
.Popular-Celebri-cases-bottom{ padding: 0 15px; line-height: 60px;}
.Popular-Celebri-cases-left{ width: 60%; float: left; overflow: hidden;}
.Popular-Celebri-cases-left img{ width: 30px; height: 30px; margin-right: 8px; position: relative; top: 15px; float: left;  border-radius: 100px;}
.Popular-Celebri-cases-left p{ width: 70%;height: 60px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Popular-Celebri-cases-View{ width:40%; float: right; text-align: right;color: #45b3ce; }
.Popular-Celebri-cases-View span{ font-size: 12px; color: #45b3ce; padding-right: 5px;}
.Popular-Celebri-cases-img span{ width: 50px; height: 50px; color: #fff; text-align: center; font-size: 46px; position: absolute; left: 50%;
 margin-left: -25px; top: 38%; z-index: 6; font-weight: normal;}


.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox{position: fixed; top:0% !important; height: 100%; left: 0;width: 100%;display: flex;align-items:center;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.lightbox a img{border: none;}
.lb-container img{ max-width: inherit;}
.lb-outerContainer{position: relative;background:rgba(0,0,0,0.5);*zoom: 1;width: 250px;height: 250px;margin: 0 auto;padding-bottom: 40px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.lb-outerContainer:after{content: "";display: table;clear: both;}
.lb-container {padding: 10px; padding-bottom:10px;}
.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;}
.lb-nav { position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav{ left: 0;}
.lb-nav a {outline: none;}
.lb-prev, .lb-next{width: 50px; height: 60px;cursor: pointer; position: absolute; top: 45% !important;/* Trick IE into showing hover */display: block;}
.lb-prev {left: 0px;margin-left: 10px;float: left; background: url(../images/prev.png) left 48% no-repeat;}
.lb-prev:hover{background: url(../images/prev.png) left 48% no-repeat;}
.lb-next{right: 0px;float: right;  margin-right: 10px; display:block;  background: url(../images/next.png) right 48% no-repeat;}
.lb-next:hover{background: url(../images/next.png) right 48% no-repeat;}
.lb-dataContainer{margin: 0 auto;*zoom: 1;width: 100%; -moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after{content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #bbbbbb;}
.lb-data .lb-details{width: 85%;display:none !important;float: left; padding:0 20px;text-align: left; height:25px;line-height: 25px; margin-top:15px;}
.lb-data .lb-caption{font-size: 16px;font-weight: bold;width: auto;height: 25px;float: left;line-height: 25px;margin-right: 20px;}
.lb-data .lb-number{display: block;float: left;padding-bottom: 1em;font-size: 18px;color: #999999;}
.lb-data .lb-close{display: block; position:absolute; right:-4px; z-index:9999999;float: right;width: 31px; border-radius:100px;margin-top: -4px;height: 31px;
background:url(../images/guanbi.png) center no-repeat; background-size:31px;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.lb-data .lb-close:hover {cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}


.Popular-Celebri-Evaluation{ padding: 20px; height: auto; overflow: hidden;}
.Popular-Celebri-Evaluation li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; position: relative; padding-top: 15px; 
padding-bottom: 15px; border: #eee solid 1px;transition: all .5s ease;}
.Popular-Celebri-Evaluation li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Popular-Celebri-Evaluation-pic{ width: 50px; height: 50px; border-radius: 100px; margin-left: 15px; float: left; background-size: cover !important;background-position: 50% !important;}
.Popular-Celebri-Evaluation-right{ width: 860px; height: auto; overflow: hidden; float: left; margin-left: 20px;}
.Popular-Celebri-Evaluation-title{ font-size: 16px; margin-bottom: 5px; margin-top: 3px;}
.Popular-Celebri-Evaluation-title span{ padding-left: 20px; font-size: 14px; color: #999;}
.Popular-Celebri-Evaluation-title span i{ color: #fc5938; font-style: normal;}
.Popular-Celebri-Evaluation-right p{color: #666;}
.Popular-Celebri-Evaluation-time{ color: #999; font-size: 12px; position: absolute; right: 20px; top: 20px;}
.Popular-Celebri-Evaluation-time span{ font-size: 12px; padding-right: 5px;}
.shenq_box1{ width:640px; height:auto; position:fixed; padding-top: 7px; padding-bottom: 7px; text-align: center; top:30%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); background:#000; left:50%; margin-left:-320px; z-index:99991; display:none;}
.shenq_box1 h1{ width:100%; font-size:40px; color:#ffc31a; text-align:center; margin-top:20px;}
.shenq_box1 h2{ width:520px; margin:0 auto; font-size:16px; color:#2f2f2f; margin-top:15px;}
.close_box1{ width:20px; height:20px; position:absolute; top:10px; right:-36px; cursor:pointer;}
.shenq_box1 video{ vertical-align: bottom; max-width: 640px; max-height: 360px; }
.none_box{width: 100%;height: 100%;position: fixed;top: 0px;left: 50%;display: none;margin-left: -50%;z-index: 9;background: rgba(0, 0, 0, 0.5);}
.close_box1 span{ color: #fff; font-size: 20px;}


.GeneraUser-icon{ color: #3fb7cf !important; font-size: 28px !important;}
.GeneraUser-box-1{ padding: 20px; height: auto; overflow: hidden;}
.GeneraUser-box-1-pic{ width: 96px; height: 96px; float: left; cursor: pointer; position: relative; border-radius: 100px; overflow: hidden; background: #eee; }
.GeneraUser-box-1-pic-bottom{ width: 100%; height: 25px; color: #fff; font-size: 12px; position: absolute; bottom: 0; line-height: 20px; text-align: center; background: rgba(57,173,198,0.5);}
.GeneraUser-box-1-pic-bottom span{ font-size: 12px; padding-right: 5px;}
.GeneraUser-box-name{ font-size: 18px; color: #666; margin-bottom: 10px; margin-top: 20px;}
.GeneraUser-box-name span{ padding-left: 4px; color: #999;}
.GeneraUser-box-1-cen{ float: left; width: 40%; margin-left: 20px;}
.GeneraUser-box-operating{ width: 100%; height: auto; overflow: hidden;}
.GeneraUser-box-operating li{ float: left; padding-right: 15px; color: #666; position: relative;}
.GeneraUser-box-operating li i{ width: 1px; height: 13px; background: #39adc6; top: 4px; position: absolute; right: 7px;}
.GeneraUser-box-operating li a{ color: #666; font-size: 14px;}
.GeneraUser-box-operating li  span{ padding:0 4px; height:15px;  line-height: 15px; font-size: 12px; display: inline-block; margin-left: 5px; color: #fff;  background: #ff3939; border-radius: 100px;}
.GeneraUser-box-submit{ width: 105px; height: auto;float: right; margin-top: 12px;}
.GeneraUser-box-submit li{ width: 105px; height: 30px; line-height: 30px;transition: all .5s ease; margin-bottom: 10px; text-align: center; border: #ddd solid 1px; border-radius: 100px;}
.GeneraUser-box-submit li .GeneraUser-submit{ width: 100%; height: 30px; line-height: 30px; transition: all .5s ease;color: #999; background: none; border: none; outline: none; cursor: pointer;}
.GeneraUser-box-submit li:hover {border: #f79833 solid 1px;transition: all .5s ease;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);}
.GeneraUser-box-submit li:hover .GeneraUser-submit{ color: #f79833;transition: all .5s ease;}


.GeneraUser-box-2{ padding: 20px; height: auto; overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
.GeneraUser-box-2 li{ width: 170px;  position: relative;   margin-right: 25px; float: left; border-radius: 100px;transition: all .5s ease;}
.GeneraUser-box-2 li:nth-of-type(6n){margin-right: 0;}
.GeneraUser-box-2 li:hover{transition: all .5s ease;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);}
.GeneraUser-box-2 li a{ color: #fff; display: block;text-align: center; font-size: 18px; padding-top: 12px; padding-bottom: 12px;}
.GeneraUser-box-2 li a span{ font-size: 22px; display: inline-block; position: relative; top: 2px; padding-right: 8px;}
.color-1{ background: #39adc6;}
.color-2{ background: #f79833;}
.color-3{ background: #fccf00;}
.color-4{ background: #ff3939;}

.Feedback-box{ width: 400px; height: 400px; background: #fff; position: fixed; top: 20%; left: 50%; margin-left: -200px; 
z-index: 99; display: none;transition: all .5s ease;}
.Feedback-box-title{ width: 100%; height: 50px; line-height: 50px; position: relative; background: #f1f1f1; color: #666; padding: 0 20px; font-size: 16px;}
.Feedback-textarea{ width: 90%; height: 160px;resize: none; margin: 0 auto; margin-top: 25px; display: block; padding:0 15px; padding-top: 5px; 
line-height: 30px; border: #ddd solid 1px; outline: none; background: none;}
.Feedback-textarea::placeholder,.Feedback-box-input::placeholder{ color: #bbb;}
.Feedback-box-input{ width: 90%; height: 40px; line-height: 40px;border: #ddd solid 1px; padding: 0 15px; outline: none; display: block; margin: 0 auto; margin-top: 20px;}
.Feedback-box-submit{ width: 90%; height: 40px; line-height: 40px; background: #39adc6; color: #fff; font-size: 16px; outline: none; cursor: pointer;
 display: block; margin: 0 auto ; margin-top: 20px; border: none;}
.Feedback-box-title span{ width: 30px; height: 50px; line-height: 50px; position: absolute; cursor: pointer; right: 5px; top: 0; color: #999; font-size: 14px;}


.Authentication-box{ width: 600px; height: 350px; text-align: center; background: #fff; position: fixed; top: 25%; left: 50%; margin-left: -300px; 
z-index: 99; display: none;transition: all .5s ease;}
.Authentication-box-title{ width: 100%; height: 50px; margin-bottom: 40px; line-height: 50px; position: relative; color: #666; padding: 0 20px;
 font-size: 18px; margin-top: 50px; text-align: center; font-weight: bold;}
.Authentication-box-title span{ width: 50px; height: 50px; line-height: 50px; position: absolute; cursor: pointer; right: 5px; 
top: -40px; color: #999; font-size: 14px;}
.Authentication-box ul li{ width: 99px; height: auto; overflow: hidden; display: inline-block; margin: 0 25px;}
.Authentication-box ul li p{ color: #666; font-size: 16px; padding-top: 10px;}

.Enterprise-box-top-right{  width: 120px; height: 30px; line-height: 30px; float: right; margin-top: 12px; margin-right: 5px;
background-image: linear-gradient(to right,#fccf00,#f79833);background: linear-gradient(to right, #fccf00, #f79833); border-radius: 100px; text-align: center; color: #fff;}
.Enterprise-box-top-right a{ color: #fff; display: block; background:none; position: relative; right: inherit; top: inherit;}
.Enterprise-box-top-right a span{ padding-left: 5px; padding-right: 0;}



.EnterpriseUser-box-1{ padding: 20px; height: auto; overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
.EnterpriseUser-box-1 li{ width: 170px;  position: relative;  background: #e8fcff; margin-right: 25px; float: left; border-radius: 100px;transition: all .5s ease;}
.EnterpriseUser-box-1 li:hover{transition: all .5s ease;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);}
.EnterpriseUser-box-1 li:nth-of-type(6n){margin-right: 0;}
.EnterpriseUser-box-1 li a{ color: #42b1c9; display: block;text-align: center;  font-size: 18px; padding-top: 12px; padding-bottom: 12px;}
.EnterpriseUser-box-1 li a span{ font-size: 22px; display: inline-block; position: relative; top: 2px; padding-right: 8px;}
.EnterpriseUser-box-1 li i{ font-style: normal; color: #ff3939; font-size: 14px; font-weight: bold;}
.EnterpriseUser-Features{ width: 30%; float: left; margin-top: 15px;}
.EnterpriseUser-Features li{ width: 33.33%; float: left; text-align: center;}
.EnterpriseUser-Features li span{ font-size: 30px;}
.EnterpriseUser-Features li p{ color: #666; padding-top: 10px;}
.EnterpriseUser-Features li:nth-child(1) span{ color: #ff3939;}
.EnterpriseUser-Features li:nth-child(2) span{ color: #f79833;}
.EnterpriseUser-Features li:nth-child(3) span{ color: #39adc6;}


.Code-box{ width: 360px; height: auto; background: #fff; position: fixed; top: 20%; left: 50%; margin-left: -180px; 
z-index: 99; display: none;transition: all .5s ease;}
.Code-box-cen{ padding:25px;}
.Code-box-cen-pic{ width: 50px; height: 50px; border-radius: 100px; background-size: cover !important;
    background-position: 50% !important; float: left;}
.Code-box-cen span{ width: 30px; height: 50px; line-height: 50px; position: absolute; cursor: pointer; right: 5px; top: 10px; color: #999; font-size: 14px;}
.Code-box-cen p{ display: inline-block; font-size: 18px; color: #666; line-height: 50px; padding-left: 15px;}
.Code-box-img{ width: 100%; margin-top: 10px;}
.Code-box-img img{ width: 100%;}

.MessageCenter-box{ padding: 20px; height: auto; overflow: hidden;}
.MessageCenter-box-Tab{ width:100%; height:auto; overflow: visible;}
.MessageCenter-box-Tab .MessageCenter-box-Tabmenu{ width: auto; overflow:hidden; border-bottom: #eee solid 1px; text-align: center; padding-top: 1px;}
.MessageCenter-box-Tab .MessageCenter-box-Tabmenu a{ padding: 0 35px; height: 40px; line-height: 40px; margin-left: 15px; 
text-align: center;transition: all .3s ease; color: #666666;float: left; font-size: 16px; position: relative;}
.MessageCenter-box-Tab .MessageCenter-box-Tabmenu a:hover{ color:#ff3939; text-decoration:none;transition: all .3s ease;}
.MessageCenter-box-Tab .MessageCenter-box-Tabmenu a:hover:before{ width:100%; height: 2px; position: absolute; bottom: 0; left: 50%; 
margin-left: -50%; background: #ff3939; content: ""; display: block;}
.MessageCenter-box-Tab .MessageCenter-box-Tabmenu a.MessageCenter-on:before{width:100%; height: 2px; position: absolute; bottom: 0; 
left: 50%; margin-left: -50%; background: #ff3939; content: ""; display: block;}
.MessageCenter-box-Tab .MessageCenter-box-Tabmenu a.MessageCenter-on{ color:#ff3939; text-decoration:none;transition: all .3s ease;}
.MessageCenter-box-Tab .MessageCenter-box-content{ padding-bottom: 20px; }
.MessageCenter-box-Tab .MessageCenter-box-content dt{ display:none; position: relative;  padding-top: 40px;}
.MessageCenter-submit{ padding: 0 35px; height: 40px; cursor: pointer; line-height: 40px; float: left; font-size: 16px; color: #666666;background: none; border: none; outline: none;}
.MessageCenter-submit:hover{ color: #ff3939;}
.Message-list li{ width: 100%; height: auto; overflow: hidden; border: #eee solid 1px; padding: 0 15px; padding-top: 22px;transition: all .5s ease;
 padding-bottom: 22px; font-size: 16px; margin-bottom: 20px; position: relative;}
.Message-list-icon{ width: 40px; float: left;}
.Message-list-icon span{ font-size: 18px; color: #ff3939;}
.Message-list-time{ position: absolute; right: 0; top: 0; font-size: 12px;}
.Message-list-title{ width: 100%; position: relative; font-size: 16px; color: #999;}
.Message-text{ width: 100%; padding-left: 40px; height: 0; opacity: 0; top: -100px; line-height: 1.55em;transition: all .3s ease; 
font-size: 14px; padding-top: 10px; color: #999;}
.Message-list li:hover{transition: all .5s ease;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);}
.Message-list-title span{ display: inline-block; width:6px; height: 6px;  border-radius: 100px; position: relative; top: -7px; margin-left: 2px;}
.Message-list li:hover .Message-text{ opacity: 1; height: auto;  top: 0; transition: all .3s ease;}
.Message-color-1{ color: #999 !important;}
.Messge-m-1{background: #ff3939;}
.MessageCenter-list li{ width: 100%; height: 105px; border: #eee solid 1px; position: relative; margin-bottom: 20px;transition: all .5s ease;}
.MessageCenter-list-pic{ width: 70px; height: 70px; float: left; position: relative; border-radius: 5px;background-size: cover !important;
background-position: 50% !important; margin-top: 16px; margin-left: 20px;}
.MessageCenter-list-pic span{ padding: 0 3px; height: 15px; line-height: 15px; color: #fff; font-size: 12px; background: #ff3939; 
border-radius: 100px; position: absolute; top: -6px; right: -6px;}
.MessageCenter-list-cen{ width: 70%; float: left; margin-left: 20px; color: #666; padding-top: 25px; font-size: 16px;}
.MessageCenter-list-cen p{ font-size: 14px; color: #999; margin-top: 10px;}
.MessageCenter-list-time{ position: absolute; right: 20px; top: 25px; color: #999; font-size: 14px;}
.MessageCenter-list li:hover{transition: all .5s ease;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);}
.Message-Remind-list li i{ font-style: normal;}
.R_color_1{ color: #3cabc5 !important;}
.R_color_2{ color: #f65255 !important;}
.Message-Remind-list li{ width: 100%; height: auto; overflow: hidden; border: #eee solid 1px; padding: 0 15px; padding-top: 15px;
transition: all .5s ease;
 padding-bottom: 15px; font-size: 16px; margin-bottom: 20px; position: relative;}
.Message-Remind-list-icon{ width: 40px; float: left;}
.Message-Remind-list-icon span{ font-size: 18px; color: #ff3939;}
.Message-Remind-list-time{ position: absolute; right: 0; top: 0; font-size: 12px;}
.Message-Remind-list-title{ width: 100%; position: relative; font-size: 14px; color: #999;}
.Message-Remind-list li:hover{transition: all .5s ease;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);}
.Enterprise-box-Certification{ width: 665px; height: auto; overflow: hidden; padding-bottom: 40px; margin: 0 auto; margin-top: 50px;}
.Enterprise-box-Certification li{ width:100%; height: 40px; margin-bottom: 10px;}
.Enterprise-bleft{ width: 120px; height: 40px; line-height: 40px; font-size: 14px;  padding-right: 5px; color: #666666; float: left; text-align: right;}
.Enterprise-bleft i{ color: #f65255; font-style: normal; font-size: 16px;}
.Enterprise-bright{ width: 540px;float: left; position: relative;  }
.Enterprise-bright .Enterprise-bright-input{ width: 100%; height: 40px; margin-bottom: 10px; margin-top: 1px; margin-bottom: 1px; padding-left: 15px;line-height: 40px; border: #eee solid 1px;transition: all .3s ease;}
.Enterprise-bright .Enterprise-bright-input::placeholder,.Enterprise-bright-input2::placeholder,.e-input::placeholder,.pk-input::placeholder{ color: #bbb;}
.Enterprise-bright-input2{ width: 100%; height: 165px; padding-left: 15px; margin-top: 1px;line-height: 30px; border: #eee solid 1px;
resize: none}
.Enterprise-submit{ width: 200px; height: 46px; line-height: 46px; display: block; margin: 0 auto; outline: none; cursor: pointer; text-align: center;
 background: #ff3939; color: #fff; font-size: 16px; border: none; border-radius: 100px; margin-top: 40px;}
.Enterprise-bright-zhiz{ width: 260px; height: 160px; float: left; border: #eee solid 1px; float: left;}
.Enterprise-bright-lzi{ width: 260px; text-align: center; height: 160px; position: relative; float: right;border: #eee solid 1px;}
.Enterprise-bright-lzi img{ max-height: 160px; vertical-align: middle;}
.Enterprise-bright-lzi span{ position: absolute; right: 0px; color: #f39800; bottom: 0px; font-size: 30px;}
.item_bg{ width: 100%; height: 158px; background: #f8f8f8; text-align: center;}
.item_bg img{ max-height: 158px;}
.iden_up p{ margin-top: 15px; margin-bottom: 10px;}
.iden_up span{ color: #999;}
.item {position: relative; text-align: center;}
.upload_input {display: none;}
.preview {position: absolute;width: 100%;height: 156px; line-height: 156px; left: 0;top: 0;}
.click {position: absolute;width: 100%;height: 156px;left: 0;top: 0;z-index: 1;cursor: pointer;}
.delete {position: absolute;right: 10px;top: 10px;cursor: pointer;display: none; z-index: 9;}
.delete span{ width: 26px; height: 26px; line-height: 26px; text-align: center; display: block; background: rgba(0,0,0,0.5); color: #fff; 
font-size: 12px; border-radius: 100px;}
.preview img {max-height:158px; vertical-align: middle;}
.Enterprise-bright input,.Enterprise-bright textarea,.withdraw-box-cen input,.BankCardBind-box li input
,.Withdrawals-record-top-timeinput .pk-input{ outline-color: gold;}
.Reler .pk-input{ width: 200px !important;}
.Reler .En-icon{ left: 170px !important;}
/*==认证获取值==*/
.pk-input {width:285px; height: 40px; padding-left: 15px;cursor:pointer; border: #eee solid 1px; }
.pk-input.-clean{background:#fff;font:inherit; outline: none;}
.pk-input.-dark{background:#666;color: #eee;border:1px solid #999;font:inherit;}
.pk-arrow.-dark{background:#666;color: #eee;}
.pk-input.-dark:hover + .pk-arrow, .pk-arrow.-dark:hover{background:#000;color:#ccc;			}
.pk-overlay {width:100%;height:100%;position:fixed;background:#666;background:rgba(0,0,0,0.5);top:0;left:0;opacity:0;
visibility:hidden;z-index:1110;transition:opacity .3s;}
.pk-overlay.-show {opacity:1;visibility:visible;}
.pk-modal { position: fixed;top:0;width: 100%; height: 100%;
z-index:1111;transition: all .3s;visibility:hidden;opacity:0; display: flex; align-items: center;}
.pk-modal.-show {visibility:visible;opacity:1;box-shadow: 1px 1px 20px 2px #888;}
.pk-search.-show{display:block;}
.pk-option{cursor:pointer; width: 23.5%; float: left; font-size: 13px; padding: 0 10px;   display: table; border-radius: 5px;  height: 46px; margin-right: 2%; margin-bottom: 2%; background: #f6f6f6;}
.pk-option .txt{ display: table-cell;vertical-align:middle; text-align: center;}
.pk-option:nth-of-type(4n){margin-right: 0;}
.pk-option.-dark{	border-bottom:1px solid #333;color:#f2f2f2;}
.demand_box .dropdwon .down_cont .content > span.active{background:#3cabc5;}
.pk-option.-clean:hover, .pk-option.-clean.-selected{background:#3cabc5; color: #fff;	}
.En-icon{ position: absolute; left: 255px; top: 0; height: 40px; line-height: 40px; display: block;}
.main{ width: 600px;  position: relative; margin: 0 auto; padding: 30px; padding-bottom: 15px; background: #fff;}

.district{ display: none;}
.En-icon-2{position: absolute; left: 175px; top: 0; height: 40px; line-height: 40px; display: block;}
.En-icon-3{position: absolute; left: 394px; top: 0; height: 40px; line-height: 40px; display: block;}

.city-picker-selector .selector-item {border:1px solid #eee;width:200px;height:40px;line-height:40px;float:left;margin-left:20px;position:relative}
.city-picker-selector .selector-item:first-child {margin-left:0}
.city-picker-selector .selector-name {color:#333;font-size:14px;display:block;text-indent:5%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.city-picker-selector .selector-name.df-color {color:#999}
.city-picker-selector .selector-name.forbid {cursor:not-allowed}
.city-picker-selector .selector-list {border:1px solid #ccc;background:#fff;width:100%;position:absolute;top:36px;left:-1px;z-index:1}
.city-picker-selector ul {max-height:280px;overflow-x:hidden;overflow-y:auto}
.city-picker-selector li {
	border-top:1px solid #ccc;
	color:#333;
	cursor:pointer;
	width:100%;
	padding:0 5%; margin-bottom: 0px;
	height:40px;
	line-height:40px; margin-bottom: 0px !important;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.city-picker-selector li:first-child {border-top:none}
.city-picker-selector li.caller:hover {background:#f5f5f5}
.city-picker-selector li.caller.active,.city-picker-selector li.caller.active:hover {background:#3A8EAF;color:#fff}
.city-picker-selector li.forbid {color:#999;font-size:14px;cursor:not-allowed}
.city-picker-selector .selector-search {border:1px solid #ccc;border-top:none; display: none;background:#f8f8f8;font-size:0;
padding:10px;height:28px;margin-left:-1px;margin-right:-1px}
.city-picker-selector .input-search {border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;width:100%;
height:26px;line-height:26px\9;padding:0;text-indent:5px}
.city-picker-selector .input-search:focus {outline:none}
.city-picker-selector .hide {display:none}



.Agent-box-Tab{ height:auto; overflow:hidden; padding: 20px; margin-top: 30px;}
.Agent-box-Tab .Agent-tab-menu{ width: auto; overflow:hidden; text-align: center; border-bottom: #39adc6 solid 1px;}
.Agent-box-Tab .Agent-tab-menu a{ width: 165px; height: 40px; font-size: 16px;  text-align: center;transition: all .3s ease; 
color: #666;line-height: 40px; border-bottom: none; background: #f7f7f7;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px; float: left;}
.Agent-box-Tab .Agent-tab-menu a:hover{border: #39adc6 solid 1px; color:#fff; background: #39adc6; text-decoration:none;transition: all .3s ease;}
.Agent-box-Tab .Agent-tab-menu a.Agent-on{border: #39adc6 solid 1px;  color:#fff; background: #39adc6;text-decoration:none;transition: all .3s ease;}
.Agent-box-Tab .Agent-box-Tabcontent{ padding-left: 20px; padding-right: 20px;}
.Agent-box-Tab .Agent-box-Tabcontent dt{ display:none; position: relative;  padding-top: 20px;}
.Agent-renz{ width: 960px; height: auto; overflow: hidden; margin: 0 auto;  margin-top: 40px; padding-bottom: 40px;}
.Agent-renz li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 15px;}

.Agent-renz2{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;  margin-top: 40px; padding-bottom: 40px;}
.Agent-renz2 li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 15px;}
.Agent-box-Tabcontent2{ padding-left: 0px !important; padding-right: 0px !important;}

/*头像上传*/

.iden_up_bor{width: 250px; height: 162px; border: #3cabc5 solid 1px; overflow: hidden; border-radius: 5px; margin: 0 auto; position: relative;}
.iden_up{ width:250px; height: auto; overflow: hidden; text-align: center; float: left; margin-right: 30px; position: relative;}
.item_bg img{ min-height: 156px; }
.iden_up p{ margin-top: 15px; margin-bottom: 10px;}
.iden_up span{ color: #999;}
.item {position: relative;}
.upload_input {display: none;}
.click {position: absolute;width: 100%;height: 156px;left: 0;top: 0;z-index: 1;cursor: pointer;}
.delete {position: absolute;right: 10px;top: 10px;cursor: pointer;display: none; z-index: 9;}
.delete span{ width: 26px; height: 26px; line-height: 26px; text-align: center; display: block; background: rgba(0,0,0,0.5); color: #fff; 
font-size: 12px; border-radius: 100px;}
.Agent-renz li .item_bg img{ min-height: 158px; max-height: 158px;}




/*身高体重年龄弹窗选择*/
.display-none {display: none;}
.m-form-gp .m-from-tips {font-size: 14px;color: #212121;margin-bottom: 8px;}
.m-form-gp .m-from-tips span {color: #fe0000;}
.m-form-gp .m-from-input textarea {
	width: 100%;
	height: 84px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #e0e0e0;
	padding: 10px;
	resize: none;
}

.m-form-gp .m-from-input input {
	width: 100%;
	height: 40px;
	border-radius: 3px;
	-moz-border-radius: 3px; color: #000;
	-webkit-border-radius: 3px;
	border: solid 1px #e0e0e0;
	padding-left: 10px;
}

.select-xi i {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	font-size: 20px;
	color: #999;
}

.m-from-input input[disabled] {background-color: #FFFFFF;}
.m-form-gp-bp {margin-top: 20px;}
.m-form-gp-bp>div {margin-bottom: 10px;}
.ck-checked {padding-left: 20px;}
.m-form-ckgp>div {float: left;position: relative;}
.m-form-ckgp>div a {color: #16a951;font-size: 12px;}
.ck-checked label {cursor: pointer;font-size: 13px;}
.ck-checked input[type=checkbox] {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 3;
	width: 15px;
	height: 15px;
	opacity: 0;
	cursor: pointer
}

.ck-checked input[type=checkbox]+span {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 15px;
	height: 15px;
	border: solid 1px #dedede;
	text-align: center;
	line-height: 14px;
	cursor: pointer
}

.ck-checked input[type=checkbox]+span i {
	color: #fe0000;
	font-size: 18px;
	opacity: 0;
	position: absolute;
	left: -2px;
	top: -2px;
}

.ck-checked input[type=checkbox]:checked+span i {display: block;opacity: 1}
.sub-form {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 48px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(171, 171, 171, 0.16);
	box-shadow: 0px 0px 16px 0px rgba(171, 171, 171, 0.16);
	background-color: #FFFFFF;
	border-top: 1px solid rgba(171, 171, 171, 0.2);
}

.sub-form>button {
	height: 100%;
	font-size: 18px;
	letter-spacing: 1px;
	background-color: #16a951;
	border: 1px solid #16a951;
	color: #ffffff;
	width: 100%;
	float: left;
}

.m-form-chbox-gp .m-from-tips span {
	color: #fe0000;
}

.m-form-chbox-gp .m-form-chbox-glist {
	margin-top: 10px;
}

.m-form-chbox-gp .m-form-chbox-glist>div {
	position: relative;
	float: left;
	margin-right: 10px;
}

/* 下拉选择 */

.select-moob {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.select-moob-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.select-moob-container {
	position: absolute;
	left: 50%; width: 360px;
	top:30%; margin-left: -180px;
	height: 200px;
	background-color: #FFFFFF;
	z-index: 2;
	animation: aclstop .3s 1 forwards;
	-webkit-animation: aclstop .3s 1 forwards;
	-webkit-overflow-scrolling: touch
}

@-webkit-keyframes aclstop {
	from {
		opacity: 0;
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@keyframes aclstop {
	from {
		opacity: 0;
		transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

.select-moob-title {
	height: 48px;
	background-color: #f5f5f5;
	padding: 0 20px;
}

.select-moob-title>div {
	font-size: 15px;
	letter-spacing: 1px;
	color: #212121;
	line-height: 48px;
	cursor: pointer;
}

.select-moob-title .cancel {
	float: left;
}

.select-moob-title .determine {
	float: right;
}

.select-moob-content {
	height: 150px;
	overflow: auto;
}

.select-moob-content .sw-select {
	height: 144px;
	position: relative;
}

.select-moob-content .sw-select:before {
	content: '';
	position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	height: 48px;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
}

.select-moob-content .swiper-slide {
	text-align: center;
	line-height: 48px;
	opacity: .5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select-moob-content .swiper-slide-active {
	opacity: 1;
	font-size: 15px;
}




.e-input{ width: 200px; height: 40px; border: #eee solid 1px; padding-left: 10px;}

.updown_box{width:100%; height: auto; overflow: hidden; }
.updown_box h3{font-size:16px;margin-bottom:18px; font-weight:normal; color:#3c3c3c;}
.updown_box h3 span{ font-size:12px; color:#999;}
.updown_box ul li{float:left; margin-right: 2%; width: 100px; height:36px; text-align:center; margin-top: 5px; margin-bottom: 5px;
 display: table;word-wrap:break-word }
.updown_box ul li:nth-of-type(7n){margin-right: 0;}
.updown_box ul li a{ display: table-cell;vertical-align:middle;font-size:14px; border: #ddd solid 1px;  color:#666;  border-radius:100px;}
.updown_box ul li.w50{width: calc(50% - 10px);}
.updown_box ul li.selected a{color:#ff3939; border: #ff3939 solid 1px;}
.updown_box ul li input{ display: none;}


.shade{position: absolute;display: none;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.55);}
.shade div {width: 100%;height: 200px;line-height: 200px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: -150px;
background: white;border-radius: 5px;text-align: center;}
.a-upload {height: 100px;width: 100px;position: relative; float: left;background: url(../images/evaluation_up.jpg) no-repeat;background-size: contain !important;
cursor: pointer; outline: none;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}
.a-upload input {position: absolute;font-size: 70px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.isImg{width: 100px; height: 100px; border-radius: 5px; overflow: hidden; position: relative; float: left; margin-bottom: 10px; margin-right: 10px;}
.removeBtn{position: absolute; top: 5px; right: 5px; z-index: 11; border: 0px; border-radius: 50px; background:rgba(0,0,0,0.5); 
width: 18px; height: 18px; line-height: 18px; color: white; text-align: center;}
.shadeImg{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;  z-index: 15;text-align: center;background: rgba(0, 0, 0, 0.55);}
.showImg{max-width:800px; max-height: 500px; margin:0 auto; }	
.shibox{display: flex; text-align: center; position: absolute; width: 100%; text-align: center; height: 100%; display: flex; align-items: center;}

.shade2{position: absolute;display: none;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.55);}
.shade2 div {width: 100%;height: 200px;line-height: 200px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: -150px;
background: white;border-radius: 5px;text-align: center;}
.a-upload2 {height: 100px;width: 100px;position: relative; float: left;background: url(../images/evaluation_up.jpg) no-repeat;background-size: contain !important;
cursor: pointer; outline: none;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}
.a-upload2 input {position: absolute;font-size: 70px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.isImg2{width: 100px; height: 100px; border-radius: 5px; overflow: hidden; position: relative; float: left; margin-bottom: 10px; margin-right: 10px;}
.removeBtn2{position: absolute; top: 5px; right: 5px; z-index: 11; border: 0px; border-radius: 50px; background:rgba(0,0,0,0.5); 
width: 18px; height: 18px; line-height: 18px; color: white; text-align: center;}
.shadeImg2{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;  z-index: 15;text-align: center;background: rgba(0, 0, 0, 0.55);}
.showImg2{max-width:800px; max-height: 500px; margin:0 auto; }	
.shibox2{display: flex; text-align: center; position: absolute; width: 100%; text-align: center; height: 100%; display: flex; align-items: center;}

.shade3{position: absolute;display: none;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.55);}
.shade3 div {width: 100%;height: 200px;line-height: 200px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: -150px;
background: white;border-radius: 5px;text-align: center;}
.a-upload3 {height: 100px;width: 100px;position: relative; float: left;background: url(../images/evaluation_up.jpg) no-repeat;background-size: contain !important;
cursor: pointer; outline: none;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}
.a-upload3 input {position: absolute;font-size: 70px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.isImg3{width: 100px; height: 100px; border-radius: 5px; overflow: hidden; position: relative; float: left; margin-bottom: 10px; margin-right: 10px;}
.removeBtn3{position: absolute; top: 5px; right: 5px; z-index: 11; border: 0px; border-radius: 50px; background:rgba(0,0,0,0.5); 
width: 18px; height: 18px; line-height: 18px; color: white; text-align: center;}
.shadeImg3{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;  z-index: 15;text-align: center;background: rgba(0, 0, 0, 0.55);}
.showImg3{max-width:800px; max-height: 500px; margin:0 auto; }	
.shibox3{display: flex; text-align: center; position: absolute; width: 100%; text-align: center; height: 100%; display: flex; align-items: center;}



/*上传图片通用样式*/
.upload-ul{ position: relative;  display: inline-block; *display: inline; *zoom:1; max-width: 520px; }
.upload-ul li{ position: relative; float: left; display: inline-block; width: 100px; height: 100px; margin: 0 10px 10px 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.upload-pick{ background: url("../images/upload-bj.png") no-repeat; background-size:cover ; background-position: 50% !important; }
.webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.webuploader-container{ position: relative; width: 100%; height: 100%; }
.webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.viewThumb img{ width: 100%;height: 100%}
.diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url("../images/bgblack.png");z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.diyControl{ position: absolute; text-align: center; right: 5px;top: 5px;width:20px !important;height: 20px;line-height:20px;font-size: 14px; z-index: 3; border-radius: 100px; background: rgba(0,0,0,0.5); }
.diyControl span:before{   content: "\e602";}
.diyControl span{ position: inherit !important; right:3px !important; font-size:12px; color: #fff !important;text-align: center; }
.goods-edit .upload-tip{ font: 12px/23px "Microsoft YaHei"; color: #a3a3a3;vertical-align: top; }
.select-xi{ padding-right: 20px;}


.Enter-xuqiu{width: 105px;
    height: 30px;
    line-height: 30px;
    float: right;
    margin-top: 12px;
    margin-right: 5px;
    background-image: linear-gradient(to right,#ff3939,#f45656);
    background: linear-gradient(to right, #ff3939, #f45656);
    border-radius: 100px;
    text-align: center;
    color: #fff;}
.Enter-xuqiu a{ width: 105px; background: none;position: relative; right: inherit; top:-3px; font-weight: bold;}
.Enter-xuqiu a span{ padding-left: 0; }



/*选择日期*/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.aui-mask {
    background-color: #000;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    display: none;
}

.aui-calendar {
    z-index: 999;
    width: 400px;
    position:fixed;
    left: 50%; margin-left: -200px; top: 20%;
    border-radius: 10px; border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    display: none;
}
.room{ padding-right: 20px; color: #454545;}
.aui-calendar li {
    float: left;
}

.aui-head {
    background-color: #28768b;
    text-align: left;
    padding: 15px;
    margin: 10px;
}

.aui-head-dt {
    font-size: 16px;
    color: #fff;
}

.aui-head-dd {
    font-size: 20px;
    color: #fff;
}

.aui-date {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    margin: 10px 0;
}

.aui-date a {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    position: relative;
}

.aui-date a:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-date a:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-date .tomon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 50%;
    margin-left: 25%;
}

.aui-date .tomon span {
    padding: 0 5px;
}

.aui-date .icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.icon-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAIAAAAnuUURAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzVERkJGMDAyQjdFMTFFOTlGREE4MzQ0NzQ1MjE1NDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzVERkJGMDEyQjdFMTFFOTlGREE4MzQ0NzQ1MjE1NDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NDBGRDA1NTJCNzkxMUU5OUZEQTgzNDQ3NDUyMTU0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NDBGRDA1NjJCNzkxMUU5OUZEQTgzNDQ3NDUyMTU0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrK9EZYAAASvSURBVHja7JnbKzxhGMetXWdCDq2QXYdaKYVyIZEruXAsh0hCDn+AP4BSKMJ/QGmTKwk3QsnmvM4XLqy1ISTnM7t+X556m+xuvxmZnVX7Xkyz0zCf+b7P832e9x3Zx8eHm9MPd7e/MFyULkpnHAqhf8DHE3CPTCZjP3H+9PRkMpkuLy/DwsJUKpVCoRCXks9giDixWCxvb28bGxtarXZ7ezsnJ6epqUmpVArWRtCw8B642Ww2A1Gv1+fn5/v6+uJxubm5c3NzQh+qECmSoCLFhsFgaGlp0el0r6+vPj4+arVao9G4/SDORNLy/f3daDRmZmZCRUAjFmtqajY3N3Fd6ENFocREA2VnZ4chenh4NDQ0rK6uvry8UDBIT/n8/LyysoIQ9Pb2JkRkzPLyMjKdhawElBCPpQtQ5ufnCwsLEYWIKEJcXFxkiNJQgoxdf3x8nJ2dLS0t9fPzIxXr6+uXlpaASG8iASV7MIECcXp6uqKighBxrK6uXltbQyxyESXQkq7gCLVmZmYqKyv9/f2BGBQUBFwkEKWL9V9JEJdIF3h1eXk5IYaEhGDSt7a2vkkoJSXUWlhYKCkpIcTg4OCysjL4Issn6SlRUaBZXl4e+WJAQAAmGvWaIdp8MUdnDwpgVlYWmY6np2dVVRUh/rfEO4gSbcT+/j63utTV1a2vr0NdZ6FEuiDysrOzoSKrLqg3uM6zXRKdEiioJYhFLy8vQmxubsaVh4cH/k2duJRkOsXFxTBtKoCNjY2oLrB0Qa2nuJSoLjAaqi7Qsra2FhMNRHvpLA0llCNfhOmg0mCpAHUJ0Z6HS0CZmpr6ufR0d4+KipqammL9In/EH1AKXulGRETAF3ECPqT5xcUFPZW7aPz9IfS1hoaGkpOT5XI5sGBDfX19R0dH6Mxtdpz2rog+43d3dyMjIwkJCSQedO3v7z85OSEIe/Pu6M4N4/7+fnx8PDIyktaKWDZ0d3cfHx9Tjn8D4vagjqM0f43r6+vJyUmAIo0AGh4e3tHRYTKZbHafEuQ4E+zm5gaKxsfHw9gBGh0d3dbWdnh4KEaOy1tbWwVlG54h+xqISJiRSqXa3d29uroCNLQEfWxsbGBgIEWtvcQXagiCKbl7QFAREoaGhkLC8/NzsFK+EyiffyIWJbRELDIXQ5EEEwrm6ekpQGGfSCPcwwW1dlPRKa03gwAaFxeHI0DPzs4AajQa8SYIWVRRm0wOpfysXV+6EihMHsYJUEz93t4efgIUR5QA6x1NCXazyAuRQAMDA2lpaZT1WKb19PQgUtHVW+8ySLNPRKC3t7darTYpKUmhUJDhUwnl9nWOpmTP415BZRodHVWr1ZhoCobe3l6kFLeEOlpLm10Fav3ExASrTEj2rq4uhKzEexvfdMIJph4lFG4KRcGqVCrb29uphP6g2v3OPpFNboCOjY1pNBokE1hjYmLgJzApZ9llJQ4UIawqh4eHU1JSAEoO2tnZCZ9yFkomMxQdHBxMT09H3QdoQUGBXq93lm8U7PsVimdRURECAL3zwcEBGhT6pCKsyAn9Ps7zfvoeBfHoftiTTqczGAyJiYkZGRmwJ3EpXV9LXZQuyj9F+U+AAQC9h5AC1DsqpQAAAABJRU5ErkJggg==');
}

.icon-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAIAAAAnuUURAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzBFMjU2MUE1QzJFMTFFOUFCQTlFRjEyQzRBRTlGOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzBFMjU2MTk1QzJFMTFFOUFCQTlFRjEyQzRBRTlGOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNURGQkYwMDJCN0UxMUU5OUZEQTgzNDQ3NDUyMTU0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNURGQkYwMTJCN0UxMUU5OUZEQTgzNDQ3NDUyMTU0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl5veZEAAASuSURBVHja7JnZK/RtGMcfZmyDbJF9spXSKES2KCdyQFKWOFDK8ldYolCEc4ksSQ4knCjKAUJjLSlkJ2Tfl3fez/Pc9Wsar/cxHrO8b+6DabrNuD++93V9r+vys9BoND/Mfln++C+sb8pvSnNccn2/8PLysrW1dXJy4urq6u/vb2dnp+0SvLewsPjtL/nIZ/6I8vT0tLu7e3x8XKVS5efnR0VFyeVyS0tLwarv8R9dGj3XxMREamoqX1QoFOnp6Wq1+vn5+fX1lR/99eGl76F6Ux4fH5eVlXHRyGZjY5OSkrK2tgalONtcKInLxcXFwsJCLhpQFE1MTCRS2TcjLTnj8fFxbm6uuLjYyspKAl1ZWQFUiGoWlKz7+/uZmZnS0lIBamtrS7DOzs4+PDwYglJWWVn5GQOTy93c3Ly8vEAkAJ6eng4ODvb39wMCAjw8PGQyGVn/L8akrxV8kvLnN2Uyd3d3b29vLprrBnR3d/fs7Ax0T09P/oyfNeOXQ71lMh4lJwGKckql8ubmZn19/e7ujjS6vr5mE1aCgcsVQDqsetvq5+JSe5FMaJmXl+fs7MzxDg4OuP3Y2BixKz7/9ltGyh6dRWovLS1lZ2cTrAI0NzcX/38vmUxAKRUe0ignJ8fFxUWAZmVlTU1NobRZULIpgS4vL3P1jo6OwkfT0tLQmMQyixvXXoAWFBRYW1sT9BTSpKSkzc1NHbc3PSXKzc/PFxUVaVemjY0NmhIzomSRNNQhqTKhaHJyMlErJZNZULJub2+np6fpngQo3RMxyo4ANVKF/O0CDleiMnGGSKDDw8OjoyPae6kyGaP2fKQyAern54cZra6uouLOzs7FxQWViXJv7Nrzns8LhwJuYWGBaiTsCR8tKSkxl7jUdnu0HB0d9fX1FY1SZGSkvocacNJFOUHJQEeCw8omPkojYvDpTFuqt+Lp7NDU7e3tNTc3izmJSA0PD+/q6jLqjb83P4h9XmmNW1paRB2CMiQkpK+vj9bOeJQSog6rNE/Sujc0NDBsiG7Sx8dnaGiITlSj//qa7Hm7j+nU1tZiOiCSNCCOjIxgQ6+/llnk+Pb2dlVVFU4JIvYeHByMipeXl5LMptRSvDJUVFRUBAUFISERqVKp+vv7uWjtCDGxliCWl5eTJaQzKkZHR3d2dl5dXf1J2/YFlNqpw0VTb0FERZImLi6ura1NIEofk1pm02iJL1ZXV1OgQaQDio+Pb21tJRb/0bCM7Zfs0N7S79TV1ZHIIhZjY2NRkYzW1s+olDrngYiKjY2NYigjFqOiotrb299T0diU4r0ogMK66RrDwsJ6enp0YtE0M6RUAKkuTU1NRKH4hwxBOTAwoG06EpDJpjNqdH19vZOTk1RdhoeHqdEf6UIMTilAKYA1NTXMBvChImWGAshFSz2lpLfJbhzrxheVSqWw7tDQ0MHBQYH4wSpvcMrz83NMh9KMiiBGRET09vYyMdJKmtH/1dVqdUZGhvDFmJiYjo4OkdEGfUah9/MehULBBEMZJKNzcnIyMzPt7e1Fz2/A4UTf3874Mjk5yeQaGBiYkJDATCj6cBSSnk19+bMzC833U/xvym/K/zPl3wIMACDKCSeu84zXAAAAAElFTkSuQmCC');
}

.aui-week ol {
    display: -webkit-flex;
    display: flex;
    padding: 10px;
}

.aui-week li {
    flex-grow: 1;
    color: #999;
}

.aui-content {
    display: flex;
    width: 300%;
    margin-left: -100%;
}

.aui-day {
    flex: 1;
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

.aui-day li {
    display: block;
    width: 14.2857%;
    text-align: center;
    font-size: 14px;
    background: #fff;
    position: relative;
    color: #000;
}

.aui-day li span {
    display: block;
    width: 2.5rem;
    height: 2.5rem; cursor: pointer;
    line-height: 2.5rem;
    margin: 0 auto;
    text-align: center;
}

.aui-day li.active span {
    background-color: #3cabc5;
    color: #fff;
    border-radius: 50%;
}

.aui-day li.gray {
    color: #ccc;
}


.aui-month,
.aui-year {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 0 10px;
}

.aui-month li,
.aui-year li {
    float: left;
    width: 25%;
    color: #909090;
    font-size: 16px;
    cursor: pointer;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: -1px;
    margin-bottom: -1px;
}

.aui-month li.selected span {
    color: #449eef;
    font-weight: bold;
}

.aui-year li.current span {
    color: #449eef;
    font-weight: bold;
}

.aui-month li span,
.aui-year li span {
    display: block;
    width: 2.5rem;
    height: 5rem;
    line-height: 5rem;
    margin: 0 auto;
    text-align: center;
}

.aui-foot {
    text-align: right;
    padding: 20px 30px;
}

.aui-foot a {
    margin-left: 20px;
    color: #3cabc5;
}


/*单选按钮和多选按钮*/
.icr-item { position: relative; vertical-align: middle; }
.checked .type_radio{ border: #3cabc5 solid 1px;}
.checked .type_radio:before{ width:8px; height: 8px; content: ""; background: #3cabc5; display: block; border-radius: 100px; 
margin: 0 auto; top: 4px; position: relative;}
.icr-item { width: 18px; height: 18px; border: #eee solid 1px; border-radius: 100px; position: relative; top: 3px;}
.js-demo-1 label{ width: auto; padding-right: 30px; height: 24px; margin-top: 8px; line-height: 24px; float: left; position:relative; right: 0; }
.js-demo-1 label span{float: left; position: relative; margin-right: 4px;}
.js-demo-2 label{ width: 100%;  height: 100%; line-height: 24px; position: absolute; left: 10px; top: 0%; }
.js-demo-2 label span{float: left; position: relative; margin-right: 4px;  margin-top: 18%;}
.checked .type_checkbox{ border: #3cabc5 solid 1px; background: #3cabc5;}
.checked .type_checkbox:before{ line-height: 18px; font-size: 12px; left: 2px; text-align: center;  content: "\e636"; color: #fff;  
border-radius: 100px; top: -2px; position: absolute;}
.js-demo-1 input{ display: none;}
.Relea-1,.Relea-2,.Relea-3,.Relea-4,.Relea-5,.Relea-6,.Relea-7,.Relea-8{ cursor: pointer; position: absolute; width: 200px; left: 15px; top: 0; color: #bbb; line-height: 40px;}


.A-icon{ position: absolute; right: 15px; line-height: 40px; top: 0px; color: #999;}
.A-icon-1{position: absolute; right: 15px; line-height: 40px; bottom: 10px; color: #999;}
.A-icon-title{ width: 540px;float: left; line-height: 40px; color: #666; position: relative;  }
.A-top-text{ margin: 0 20px; margin-top: 20px; height: 40px; line-height: 40px; padding-left: 20px; color: #666666; border: #73c7d9 solid 1px; background: #e8fcff; border-radius: 5px;}
.A-icon-title2{width: auto;float: left;cursor: pointer; line-height: 40px; color: #3eb5cd; position: relative;  }
.A-icon-title2 span{ padding-right: 5px; }
.AgentProfile-Pop-ups{ width: 1000px; height: 320px; display: none; padding: 30px; z-index: 99; position: fixed; top: 20%; left: 50%; margin-left: -500px; background: #fff;}
.AgentProfile-Pop-ups li{ width: 32%; height: 250px; line-height: 250px;  float: left; text-align: center; margin-right: 2%; border: #3eb5cd solid 1px;}
.AgentProfile-Pop-ups li img{ max-width: 100%; max-height: 298px; margin-top: -5px; vertical-align: middle;}
.AgentProfile-Pop-ups span{ position: absolute; bottom: -70px; width: 34px; height: 34px; border: #fff solid 1px; border-radius: 100px; color: #fff;
 left: 50%; margin-left: -20px; font-size: 14px; line-height: 34px; cursor: pointer; text-align: center;}
.AgentProfile-Pop-ups li:nth-of-type(3n){margin-right: 0;}


.AgentEnterProfile-Pop-ups{ width: 600px; height: 600px; line-height: 600px; text-align: center; display: none; padding: 30px; z-index: 99; position: fixed; top: 20%; left: 50%; margin-left: -300px; background: #fff;}
.A-icon-title3{width: auto;float: left;cursor: pointer; line-height: 40px; color: #3eb5cd; position: relative;  }
.A-icon-title3 span{ padding-right: 5px; }
.AgentEnterProfile-Pop-ups img{ vertical-align: middle; margin-top: -55px; max-width: 100%; max-height: 500px;}
.AgentEnterProfile-Pop-ups span{ position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border: #fff solid 1px; border-radius: 100px; 
color: #666;font-size: 12px; background: #fff; box-shadow: 1px 1px 8px #6b6a6a;line-height: 30px; cursor: pointer; text-align: center;}
.Artis-right{ float: left; width: 500px; margin-top: 5px;}
.Artis-right i{ padding: 0 30px; height: 32px; line-height: 32px; display: block; margin-right: 10px; float: left; font-style: normal; border-radius: 100px; background: #e8fcff; color: #3eb5cd; text-align: center;}
.Artis-right i:nth-child(2){  background: #ffe9e9; color: #ff3939;}
.Artis-right2{ float: left; width: 500px; margin-top: 5px;}
.Artis-right2 i{ padding: 0 30px; height: 32px; line-height: 32px; display: block; margin-right: 10px; float: left; font-style: normal; border-radius: 100px; 
background: #fde4ca; color: #f79833; text-align: center;}
.Agent-no{ padding: 20px; height: auto; overflow: hidden; color: #999;}
.Agent-no i{ font-style: normal;}
.Agent-no i a{ color: #3eb5cd;}
.Agent-links{ width: 140px; height: 36px; margin-left: 20px; cursor: pointer; line-height: 36px; display: inline-block; text-align: center; border-radius: 100px; border: #ff3939 solid 1px; color: #ff3939;}

.A-My-Reginstrationlist{ width: 100%; height: auto; overflow: inherit;}
.A-My-Reginstrationlist ul{  min-height: 300px; overflow: inherit; padding-bottom: 40px;}
.A-My-Reginstrationlist li{ width: 220px; height: 280px; position: relative; border: #eee solid 1px;transition: all .5s ease; float: left; margin-right: 14px; margin-bottom: 14px;}
.A-My-Reginstrationlist li:nth-of-type(5n){margin-right: 0;}
.A-My-list-content {transition: all .5s ease;height: 282px;width: 100%;overflow: hidden;}
.A-My-list-content img {max-height: 156px;vertical-align: middle;}
.A-My-list-cen {padding: 15px;color: #999;}
.A-My-list-cen div {font-size: 15px;height: 40px;line-height: 20px;color: #666;display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;width: 100%;}
.A-My-list-cen p {font-size: 12px;height: 20px;line-height: 20px;overflow: hidden;margin-bottom: 10px;}
.A-My-list-cen span {color: #ff0000;}
.A-My-list-cen i {font-style: normal;float: right;}
.A-My-img{ width: 100%; height:156px; text-align: center;}
.A-My-Reginstrationlist li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}


.A-Broker-list{ width: 100%; height: auto; overflow: hidden;}
.A-Broker-list ul{ padding: 20px; height: auto; overflow: hidden;}
.A-Broker-list li{ width:49%; height:160px; float: left; background: #e8fcff; margin-bottom: 15px;}
.A-Broker-list li:nth-of-type(even){   float: right;}
.A-Broker-list-pic{ width: 100px; height: 100px; float: left; margin-left: 25px; margin-top: 30px; border-radius: 100px;background-size: cover !important;
    background-position: 50% !important;}
.A-Broker-list-text{ width: 40%; margin-top: 52px; margin-left: 20px; float: left;}
.A-Broker-list-text p{ font-size: 18px; color: #454545; margin-bottom: 10px;}
.A-Broker-list-rz{ color: #f79833;}
.A-Broker-list-rz span{ padding-right: 5px; font-size: 14px;}
.A-Broker-list-operating{ width: 120px; height: auto; overflow: hidden; float: right; margin-right: 20px; margin-top: 42px;}
.Bind{ width: 118px; height: 32px; cursor: pointer; line-height: 32px; color: #39adc6; text-align: center; border: #39adc6 solid 1px; border-radius: 100px; margin-bottom: 10px;}
.Bind span{ padding-right: 5px; display: inline-block; height: 30px; font-size: 18px; line-height: 30px;}
.qr-code{width: 118px; height: 32px; line-height: 32px; cursor: pointer; color: #ff3939; text-align: center; border: #ff3939 solid 1px; border-radius: 100px; margin-bottom: 10px;}
.qr-code span{ padding-right: 5px; font-size: 14px; display: inline-block; height: 30px; line-height: 30px;}
.A-Broker-yj{ font-size: 14px; padding-left: 10px; color: #999;}

.Code-box2{ width: 360px; height: auto; background: #fff; position: fixed; top: 20%; left: 50%; margin-left: -180px; 
z-index: 99; display: none;transition: all .5s ease;}
.Code-box-cen2{ padding:25px;}
.Code-box-cen-pic2{ width: 50px; height: 50px; border-radius: 100px; background-size: cover !important;
    background-position: 50% !important; float: left;}
.Code-box-cen2 span{ width: 30px; height: 50px; line-height: 50px; position: absolute; cursor: pointer; right: 5px; top: 10px; color: #999; font-size: 14px;}
.Code-box-cen2 p{ display: inline-block; font-size: 18px; color: #666; line-height: 50px; padding-left: 15px;}
.Code-box-img2{ width: 100%; margin-top: 10px;}
.Code-box-img2 img{ width: 100%;}



/*==企业用户-我的粉丝==*/
.EnterpriseFans-List ul{ padding: 20px; height: auto; overflow: hidden;}
.EnterpriseFans-List li{ width: 280px; height: 105px; float: left; border: #eee solid 1px; margin-right: 13px; margin-bottom: 10px;transition: all .5s ease;}
.EnterpriseFans-List li:nth-of-type(4n){margin-right: 0;}
.EnterpriseFans-List-pic{ width: 70px; height: 70px; float: left; border-radius: 100px; float: left; margin-top: 17px; margin-left: 20px;background-size: cover !important;
background-position: 50% !important;}
.EnterpriseFans-List-right{ width: 160px; height: 105px; display: table;  float: left; margin-left: 20px; }
.E-Fans-cen{ display: table-cell;vertical-align:middle;}
.EnterpriseFans-List-right p{ font-size: 14px; margin-bottom: 8px; color: #666;}
.EnterpriseFans-List-rz{ font-size: 12px; color: #ff393a;}
.EnterpriseFans-List-rz span{ font-size: 12px; padding-right: 5px;}
.EnterpriseFans-List li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.E-Fans-2{ color: #39adc6 !important;}

/*==企业用户-我的关注==*/
.Enterprise-box-Tab{ height:auto; overflow:hidden; padding: 20px; margin-top: 30px;}
.Enterprise-box-Tab .Enterprise-tab-menu{ width: auto; overflow:hidden; text-align: center; border-bottom: #39adc6 solid 1px;}
.Enterprise-box-Tab .Enterprise-tab-menu a{ width: 165px; height: 40px; font-size: 16px;  text-align: center;transition: all .3s ease; 
color: #666;line-height: 40px; border-bottom: none; background: #f7f7f7;border-top-right-radius: 25px;border-top-left-radius: 25px; float: left;}
.Enterprise-box-Tab .Enterprise-tab-menu a:hover{border: #39adc6 solid 1px; color:#fff; background: #39adc6; text-decoration:none;transition: all .3s ease;}
.Enterprise-box-Tab .Enterprise-tab-menu a.Enterprise-on{border: #39adc6 solid 1px;  color:#fff; background: #39adc6;text-decoration:none;transition: all .3s ease;}
.Enterprise-box-Tab .Enterprise-box-Tabcontent{ }
.Enterprise-box-Tab .Enterprise-box-Tabcontent dt{ display:none; position: relative;  padding-top: 20px;}
.E-AttenList li{ margin-right: 15px; overflow: hidden; position: relative;}
.E-AttenList{ padding: 0;}
.E-AttenList dl dt{ display: block !important; padding-top: 0 !important;}
.E-AttenList li:hover .unsubscribe{ left: 0;transition: all .5s ease;}

.Enterprise-A-list li{width: 220px;float: left;border: #eee solid 1px; overflow: hidden; position: relative; margin-bottom: 12px; margin-right: 15px; transition: all .5s ease;}
.Enterprise-A-list li:nth-of-type(5n){margin-right: 0;}
.Enterprise-A-list li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Enterprise-A-list li:hover .unsubscribe{ left: 0;transition: all .5s ease;}
.Enterprise-A-list-content {height: 260px; position:relative; overflow: hidden;}
.Enterprise-A-list-cen {padding: 10px;}
.unsubscribe{ width: 70px; height: 32px; color: #fff; text-align: center; font-size: 12px; line-height: 32px; background: rgba(0,0,0,0.5); 
position: absolute; top: 15px; left:-80px;transition: all .5s ease; z-index: 8; cursor: pointer;}
.Enterprise-A-list-c-title {color: #454545;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;  height: 20px;line-height: 20px;}
.Enterprise-A-list-cen p {font-size: 12px;height: 20px;    color: #666;line-height: 20px;overflow: hidden;margin-bottom: 10px;}
.Enterprise-A-list li span {color: #666; font-size: 12px;}
.Enterprise-A-list-ceni {font-style: normal;float: right; color: #999;}
.Enterprise-A-list li p em {color: #39adc6;font-style: normal;margin-right: 10px;}
.Enterprise-A-list li p em:nth-child(2) {color: #ff3939;}
.Enterprise-A-list li p em span {color: #39adc6;font-size: 14px;}
.Enterprise-A-list li p em:nth-child(2) span {color: #ff3939;}
.Enterprise-A-list-img{ width: 100%; height: 162px;}
.Enterprise-A-list-img img{ max-width: 100%; max-height: 162px;}
.Enterprise-A-list-cen i {font-style: normal;float: right;color: #999; }

.Enterprise-Release-list{ padding: 20px;height: auto; overflow: hidden;}
.Enterprise-Release-list li{width: 220px;float: left;border: #eee solid 1px;margin-bottom: 12px; overflow: hidden; position: relative; margin-right: 15px; transition: all .5s ease;}
.Enterprise-Release-list li:nth-of-type(5n){margin-right: 0;}
.Enterprise-Release-list li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.Enterprise-Release-list-content {height: 260px;}
.Enterprise-Release-list li .Enterprise-Release-list-cen {padding: 10px;}
.Enterprise-Release-list-c-title {color: #454545;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.Enterprise-Release-list-cen p {color: #999;font-size: 12px;margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Enterprise-Release-list-cen span {color: #ff0000;float: left;}
.Enterprise-Release-list-cen i {font-style: normal;color: #999;float: right;}

/*==我的关注-取消关注提示==*/
.unsubscribe-pop{ width: 300px; height: auto; overflow: hidden; position: fixed; top: 40%; left: 50%; margin-left: -150px;
 background: #fff; border-radius: 5px; overflow: hidden; display: none; z-index: 99; }
.unsubscribe-pop p{ padding: 0 30px; margin-top: 40px; font-size: 16px; text-align: center;}
.unsubscribe-pop-bottom{ width: 100%; height: 40px; line-height: 40px; border-top: #eee solid 1px; margin-top: 40px;}
.unsubscribe-pop-cancel{ width: 50%; height: 40px; float: left; cursor: pointer; background: #eee; text-align: center;}
.unsubscribe-pop-determine{ width: 50%; height: 40px; float: right; cursor: pointer; text-align: center; background: #39adc6; color: #fff; }
 
 /*==我的钱包==*/
.MyPurse-box{ padding: 20px; height: auto; overflow: hidden;}
.MyPurse-box-1{ width: 100%; height: auto; overflow: hidden;}
.MyPurse-box-1-Recharge{ width: 317PX; height: 150px; border: #eee solid 1px; float: left;display: table;}
.MyPurse-box-1-Recharge-cen{display: table-cell;vertical-align:middle; text-align: center;}
.MyPurse-box-1-Recharge-cen p{ font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.MyPurse-box-1-Recharge-cen span{ color: #39adc6; cursor: pointer;}
.MyPurse-box-1-withdraw{ width: 317px; height: 150px;display: table; text-align: center; float: left;border: #eee solid 1px; margin-left: -1px;}
.MyPurse-box-1-withdraw p{font-size: 24px; margin-bottom: 10px; font-weight: bold; } 
.MyPurse-box-1-withdraw-box{ color: #ff3939; margin-bottom: 5px; cursor: pointer;}
.MyPurse-box-1-cen{display: table-cell;vertical-align:middle;}
.MyPurse-box-1-withdraw-text{ color: #999;}
.MyPurse-box-1-withdraw-text span{ top:1px; padding-right: 5px; position: relative;}
.withdraw-box{ width:300px; height: auto ; overflow: hidden; background: #fff; border-radius: 5px; position: fixed; top:35%; left: 50%;
margin-left: -150px; z-index: 99; display: none;}
.withdraw-box-cen{ padding: 30px; height: auto; overflow: hidden;}
.withdraw-input{ width: 100%; height: 40px; line-height: 40px; font-weight: bold; font-size: 18px; border: #ddd solid 1px; padding-left: 35px;}
.withdraw-input::placeholder{ color: #bbb; font-size: 16px; font-weight: normal;}
.withdraw-box-cen p{ margin-top: 15px; color: #999; margin-bottom: 10px;}
.withdraw-left{ width: 50%; height: 40px; line-height: 40px; cursor: pointer; background: #f1f1f1; text-align: center; float: left;}
.withdraw-submit{ width: 50%; height: 40px; line-height: 40px; cursor: pointer; text-align: center; float: right; background: #39adc6; color: #fff;}
.withdraw-box-text{ color: #999;}
.withdraw-box-in{ position: relative;}
.withdraw-box-in span{ position: absolute; line-height: 40px; left: 15px; top: 0; font-size: 18px;}

.withdraw-box2{ width:300px; height: auto ; overflow: hidden; background: #fff; border-radius: 5px; position: fixed; top: 35%; left: 50%;
margin-left: -150px; z-index: 99; display: none;}
.withdraw-box-cen2{ padding: 30px; height: auto; overflow: hidden;}
.withdraw-input2{ width: 100%; height: 40px; line-height: 40px; font-weight: bold; font-size: 18px; border: #ddd solid 1px; padding-left: 35px;}
.withdraw-input2::placeholder{ color: #bbb; font-size: 16px; font-weight: normal;}
.withdraw-box-cen2 p{ margin-top: 15px; color: #999; margin-bottom: 10px;}
.withdraw-left2{ width: 50%; height: 40px; line-height: 40px; cursor: pointer; background: #f1f1f1; text-align: center; float: left;}
.withdraw-submit2{ width: 50%; height: 40px; line-height: 40px; cursor: pointer; text-align: center; float: right; background: #39adc6; color: #fff;}
.withdraw-box-text2{ color: #999;}
.withdraw-box-in2{ position: relative;}
.withdraw-box-in2 span{ position: absolute; line-height: 40px; left: 15px; top: 30px; font-size: 18px;}
.Recharge{ margin-bottom: 10px;}

.MyPurse-box-1-BankCard{ width: 528px; height: 150px; float: right; border: #eee solid 1px; margin-left: -1px; position: relative;}
.MyPurse-box-1-BankCard-1{ width: 526px; height: 148px; background: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 6;display: table;}
.MyPurse-box-1-BankCard-1 p{display: table-cell;vertical-align:middle; color: #999; }
.MyPurse-box-1-BankCard-1 p span{ display: block; width: 80px; height: 26px; line-height: 26px; background: #39adc6; color: #fff; 
text-align: center; border-radius: 5px; margin: 0 auto; margin-top: 10px; cursor: pointer;}

.BankCardBind-box{ width: 400px; height: 360px; background: #fff; padding: 30px; 
position: fixed; top: 25%; left: 50%; margin-left: -200px; z-index: 99; display: none;}
.BankCardBind-box-title{ width: 100%;  text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 30px;}
.BankCardBind-box li{ width: 100%; height: 36px; line-height: 36px; margin-bottom: 15px;}
.BankCardBind-box li input{ width: 100%; height: 36px; border: #ddd solid 1px; padding-left: 15px;}
.BankCardBind-box li p{ width: 80px; float: left;}
.BankCardBind-box li div{ width: 260px; float: left;}
.BankCardBind-box li input::placeholder{ color: #bbb;}
.BankCardBind-Subnit{  width: 140px; height: 36px; outline: none; line-height: 36px; border-radius: 100px; background: #39adc6; color: #fff; border: none;
cursor: pointer; font-size: 16px; display: block; margin: 0 auto ; margin-top: 30px;}
.BankCardBind-box span {position: absolute;top: -10px; right: -10px; text-align: center; display: block; background: #fff; width: 24px;height: 24px;
border-radius: 100px;color: #666;font-size: 12px;line-height: 24px;cursor: pointer;text-align: center;box-shadow: 1px 1px 8px #a0a0a0;}
.MyPurse-box-1-list-left{ width: 310px; float: left; margin-left: 20px; margin-top: 25px;}
.MyPurse-box-1-list-ltop{ width: 100%; height: auto;}
.MyPurse-box-1-list-ltop p{ display: inline-block;}
.MyPurse-Untie{ display: inline-block; color: #39adc6; padding-left: 15px; cursor: pointer;}
.top-t1{ font-size: 22px; color: #666; font-weight: bold;}
.top-t2{ color: #999; font-size: 14px; padding-left: 15px;}
.MyPurse-box-1-list-bottom{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.MyPurse-box-1-list-bottom div{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #999; margin-bottom: 5px;}
.MyPurse-box-1-list-bottom div p{ display: inline-block; padding-right: 20px;}
.MyPurse-box-1-list-bottom div span{ display: inline-block;}
.MyPurse-box-1-list-img{ float: right; margin-top: 50px; text-align: right; margin-right: 20px; width: 148px; height: 40px;}
.MyPurse-box-1-list-img img{ max-width: 100%; max-height: 40px;}

.unsubscribe-pop2{ width: 300px; height: auto; overflow: hidden; position: fixed; top: 40%; left: 50%; margin-left: -150px;
 background: #fff; border-radius: 5px; overflow: hidden; display: none; z-index: 99; }
.unsubscribe-pop2 p{ padding: 0 30px; margin-top: 40px; font-size: 16px;}
.unsubscribe-pop-bottom2{ width: 100%; height: 40px; line-height: 40px; border-top: #eee solid 1px; margin-top: 40px;}
.unsubscribe-pop-cancel2{ width: 50%; height: 40px; float: left; cursor: pointer; background: #eee; text-align: center;}
.unsubscribe-pop-determine2{ width: 50%; height: 40px; float: right; cursor: pointer; text-align: center; background: #39adc6; color: #fff; }
.Withdrawals-record-top{ width: 100%; height: 40px; font-size: 18px; margin-bottom: 20px; padding-left:15px; line-height: 40px; position: relative; color: #666; font-weight: bold; margin-top: 30px;}
.Withdrawals-record-top:before{ width: 3px; height: 18px; content: ""; display: block; background: #39adc6; position: absolute; top: 12px; left: 0;}
.Withdrawals-record-top-1{ width: 100%; height: 50px; line-height: 50px; background: #f7f7f7;}
.Withdrawals-record-top-time{ float: left; color: #666;margin-left: 20px;}
.Withdrawals-record-top-timeinput{ float:left; width: 160px; position: relative; margin-left: 10px;}
.Withdrawals-record-top-timeinput .pk-input{ width: 160px; height: 36px; line-height: 36px;}
.Withdrawals-record-top-timeinput span{ right: 15px; position: absolute; top: 8px; height: 34px; color: #999; line-height: 34px;}
.Withdrawal-list{ width: 100%; margin-top: 20px; }
.Withdrawal-list li{ width: 49%; height: 190px;position: relative;transition: all .5s ease; float: left; padding:0 30px; border: #e5e5e5 solid 1px; border-radius: 5px; margin-bottom: 15px;}
.Withdrawal-list li:nth-of-type(even){   float: right;}
.Withdrawal-list-top{ width: 100%; height: 56px; margin-bottom: 20px; line-height: 56px; border-bottom: #e5e5e5 solid 1px;}
.Withdrawal-list-top p{ color: #666; float: left;}
.Withdrawal-list-top div{ width: 80px; height: 26px; float: right; margin-top: 14px; line-height: 26px; background: #39adc6; color: #fff; border-radius: 100px; text-align: center;}
.Withdrawal-list-cen{ width: 340px; height: auto; overflow: hidden; }
.Withdrawal-list-cen-img{ width: 46px; height: 46px; line-height: 46px; float: left;}
.Withdrawal-list-cen-img img{ max-width: 46px; max-height: 46px; vertical-align: middle;}
.Withdrawal-list-cen-text{ width: 260px; float: left; margin-left: 15px;}
.Withdrawal-list-cen-text p{ font-size: 18px; font-weight: bold; color: #666; margin-bottom: 10px;}
.Withdrawal-list-cen-text span{ color: #999;}
.Withdrawal-list-cen-time{ margin-left: 60px; font-size: 12px; color: #999; margin-top: 20px;}
.Withdrawal-list-cen-Amount{ width: 150px; position: absolute; right: 0; top: 75px; text-align: center;}
.Withdrawal-list-cen-Amount p{ font-size: 14px; font-weight: bold;}
.Withdrawal-list-cen-Amount span{ color: #999; font-size: 12px;}
.Withdrawal-list-cen-Amount2{ width: 150px; position: absolute; right: 0; top: 130px; text-align: center;}
.Withdrawal-list-cen-Amount2 p{ font-size: 14px; font-weight: bold;}
.Withdrawal-list-cen-Amount2 span{ color: #999; font-size: 12px;}
.Withdrawal-list li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}


.Account-records{ width: 100%; margin-top: 20px; }
.Account-records li{ width: 49%; height: 190px;position: relative;transition: all .5s ease; float: left; padding:0 30px; border: #e5e5e5 solid 1px; border-radius: 5px; margin-bottom: 15px;}
.Account-records li:nth-of-type(even){   float: right;}
.Account-records-top{ width: 100%; height: 56px; margin-bottom: 20px; line-height: 56px; border-bottom: #e5e5e5 solid 1px;}
.Account-records-top p{ color: #666; float: left;}
.Account-records-t1{ width: auto; font-weight: bold; float: left;  }
.Account-records-t2{ width: auto; float: right; text-align: right; color: #999; font-size: 12px;}
.Account-records-t3{ width: 100%; font-size: 16px; margin-bottom: 15px; color: #666;}
.Account-records-t4{ width: 100%; color: #999; font-size: 14px;}
.Account-records-completed{ position: absolute; right: 20px; top: 20px;}
.Account-records-completed span{ font-size: 120px; color: #eb6262;}
.Account-records li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}


.Moderated-box{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box p{ color: #b7b7b7; font-size: 16px;}

.Moderated-box-2{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box-2 p{ color: #666; font-size: 16px;}
.Moderated-succ{ width: 170px; height: 40px; line-height: 40px; border-radius: 100px;  text-align: center; margin: 0 auto; margin-top: 60px;background: #39adc6}
.Moderated-succ a{ color: #fff; display: block; width: 100%;}

.Moderated-box-3{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box-3 p{ color: #666; font-size: 16px;}
.Moderated-succ3{ width: 170px; height: 40px; line-height: 40px; border-radius: 100px;  text-align: center; margin: 0 auto; margin-top: 60px;
background: #ff3939}
.Moderated-succ3 a{ color: #fff; display: block; width: 100%;}
.Moderated-box-3-text{ width: 500px; margin: 0 auto; text-align: center; margin-top: 20px; color: #999;}

.Moderated-box-4{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box-4 p{ color: #666; font-size: 16px;}
.Moderated-succ4{ width: 170px; height: 40px; line-height: 40px; border-radius: 100px;  text-align: center; margin: 0 auto; margin-top: 60px;background: #39adc6}
.Moderated-succ4 a{ color: #fff; display: block; width: 100%;}

.Moderated-box-5{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box-5 p{ color: #666; font-size: 16px;}
.Moderated-succ5{ width: 170px; height: 40px; line-height: 40px; border-radius: 100px;  text-align: center; margin: 0 auto; margin-top: 60px;
background: #ff3939}
.Moderated-succ5 a{ color: #fff; display: block; width: 100%;}
.Moderated-box-5-text{ width: 500px; margin: 0 auto; text-align: center; margin-top: 20px; color: #999;}

.Moderated-box-6{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box-6 p{ color: #666; font-size: 16px;}
.Moderated-succ6{ width: 170px; height: 40px; line-height: 40px; border-radius: 100px;  text-align: center; margin: 0 auto; margin-top: 60px;background: #39adc6}
.Moderated-succ6 a{ color: #fff; display: block; width: 100%;}

.Moderated-box-7{ width: 100%; text-align: center; padding-bottom: 120px; padding-top: 60px;}
.Moderated-box-7 p{ color: #666; font-size: 16px;}
.Moderated-succ7{ width: 170px; height: 40px; line-height: 40px; border-radius: 100px;  text-align: center; margin: 0 auto; margin-top: 60px;
background: #ff3939}
.Moderated-succ7 a{ color: #fff; display: block; width: 100%;}
.Moderated-box-7-text{ width: 500px; margin: 0 auto; text-align: center; margin-top: 20px; color: #999;}



/*==企业订单中心==*/
.EnterpriseOrder-box{ padding: 20px; height: auto; overflow: hidden;}
.EnterpriseOrder-Tab{ width:100%; height:auto; overflow: visible;}
.EnterpriseOrder-Tab .EnterpriseOrder-Tabmenu{ width: auto; overflow:hidden; position: relative; border-bottom: #eee solid 1px; text-align: center; padding-top: 1px;}
.EnterpriseOrder-Tab .EnterpriseOrder-Tabmenu a{ padding: 0 35px; height: 40px; line-height: 40px; margin-left: 15px; 
text-align: center;transition: all .3s ease; color: #666666;float: left; font-size: 16px; position: relative;}
.EnterpriseOrder-Tab .EnterpriseOrder-Tabmenu a:hover{ color:#ff3939; text-decoration:none;transition: all .3s ease;}
.EnterpriseOrder-Tab .EnterpriseOrder-Tabmenu a:hover:before{ width:100%; height: 2px; position: absolute; bottom: 0; left: 50%; 
margin-left: -50%; background: #ff3939; content: ""; display: block;}
.EnterpriseOrder-Tab .EnterpriseOrder-Tabmenu a.EnterpriseOrder-on:before{width:100%; height: 2px; position: absolute; bottom: 0; 
left: 50%; margin-left: -50%; background: #ff3939; content: ""; display: block;}
.EnterpriseOrder-Tab .EnterpriseOrder-Tabmenu a.EnterpriseOrder-on{ color:#ff3939; text-decoration:none;transition: all .3s ease;}
.EnterpriseOrder-Tab .EnterpriseOrder-content{ padding-bottom: 20px; }
.EnterpriseOrder-Tab .EnterpriseOrder-content dt{ display:none; position: relative;  padding-top: 40px;}
.EnterpriseOrder-List{ width: 100%; height: auto; overflow: visible; padding-bottom: 30px;}
.EnterpriseOrder-List li{ width: 100%; height: auto; overflow: hidden; padding: 0 30px; margin-bottom: 20px; padding-bottom: 30px; transition: all .5s ease;position: relative; border: #e5e5e5 solid 1px;}
.EnterpriseOrder-List li:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.EnterpriseOrder-List-top{ width: 100%; height: 55px; line-height: 55px; border-bottom: #e5e5e5 solid 1px; }
.EnterpriseOrder-List-top-left{ float: left; font-weight: bold; font-size: 16px;color: #666;}
.EnterpriseOrder-List-top-left i{ font-style: normal; color: #39adc6; font-size: 18px; position: relative; top: 1px;}
.EnterpriseOrder-List-top-right{ float: right;}
.EnterpriseOrder-cancel{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #ff3939 solid 1px; 
color: #ff3939; text-align: center; float: left; cursor: pointer;transition: all .3s ease; }
.EnterpriseOrder-cancel:hover{ background: #ff3939; color: #fff;transition: all .3s ease;}
.EnterpriseOrder-To-start{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #39adc6 solid 1px; 
color: #39adc6; text-align: center; float: left; margin-left: 15px;transition: all .3s ease;}
.EnterpriseOrder-List-bottom{ width: 100%; margin-top: 25px;}
.EnterpriseOrder-List-bleft{ width: 70%; float: left; font-size: 16px; color: #666;}
.EnterpriseOrder-List-bleft p{ font-size: 14px; color: #999; margin-top: 10px;}
.EnterpriseOrder-List-Amount{ width: 205px; float: right; text-align: center; color: #666; font-size: 18px; font-weight: bold;}
.EnterpriseOrder-List-Amount span{ font-weight: normal; font-size: 14px; color: #999;}

.EnterpriseOrder-payment{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #39adc6 solid 1px; 
color: #39adc6; text-align: center; float: left; margin-left: 15px;transition: all .3s ease; cursor: pointer;}
.EnterpriseOrder-payment:hover{ background: #39adc6; color: #fff;transition: all .3s ease;}
.EnterpriseOrder-making{ float: left; padding-right: 20px; font-size: 14px; font-weight: bold; color: #39adc6;}
.yongjin-1{ float: left; height: 40px; line-height: 40px;}
.yongjin-1 p{ float: left; color: #999; }
.youjin-input{ float: left; height: 40px; width: 200px; margin-right: 10px; line-height: 40px; border: #eee solid 1px; padding-left: 15px;}
.youjin-input::placeholder{ color: #bbb;}


.EnterpriseOrder-Refund{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #ff3939 solid 1px; 
color: #ff3939; text-align: center; float: left; cursor: pointer;transition: all .3s ease; }
.EnterpriseOrder-Refund a{ display: block; width: 100%; color: #ff3939;}
.EnterpriseOrder-Refund:hover{ background: #ff3939;transition: all .3s ease;}
.EnterpriseOrder-Refund a:hover{ color: #fff; transition: all .3s ease;}
.making-1{ color: #39adc6 !important; font-size: 14px; padding-right: 0 !important; width: 205px; text-align: center;}
.making-2{ color:#999 !important; font-size: 14px;padding-right: 0 !important;width: 205px; text-align: center;}
.EnterpriseOrder-List-top-right{ float: right;}
.EnterpriseOrder-List-top-right-zongjia{float: left; color: #999; line-height: 32px; }
.EnterpriseOrder-List-top-right-zongjia span{ font-weight: bold; color: #f79833; font-size: 16px;}
.EnterpriseOrder-Order-Status{ padding: 0 20px; height: 32px; margin-left: 30px; border-radius:100px ; color: #ff3939; line-height: 32px;
 float: right; text-align: center;}
.EnterpriseOrderDetails-top{ border-bottom: #e5e5e5 solid 1px; height: auto; overflow: hidden; padding-bottom: 10px;}
.EnterpriseOrderDetails-title{ width: 100%; font-size: 16px; margin-top: 20px; margin-bottom: 10px;}
.EnterpriseOrderDetails-text{ width: 100%; line-height: 1.65em; color: #999;}
.EnterpriseOrderDetails-description{ width: 100%; height: 40px; font-size: 16px;margin-bottom: 15px; margin-top: 20px; 
line-height: 40px; padding-left: 8px; position: relative;}
.EnterpriseOrderDetails-description:before{ width: 2px; height: 16px; content: ""; display: block; background: #39adc6; position: absolute;
left: 0; top: 13px;}
.EnterpriseOrderDetails-description div{ position: absolute; right: 0; top: 0;}
.EnterpriseOrderDetails-description div span{ font-size: 14px; color: #999; float: left;}
.EnterpriseOrderDetails-description div span em{ font-style:normal; color: #39adc6; font-weight: bold;}
.EnterpriseOrderDetails-description div i{ font-style: normal; width: 100px; height: 26px; line-height: 26px; display: block; background: #39adc6;
color: #fff; font-size: 14px; float: left; border-radius: 5px; cursor: pointer; text-align: center; position: relative; top: 7px; margin-left: 20px;}

.EnterpriseOrderDetails-requirements{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #666;}
.EnterpriseOrderDetails-reList{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.EnterpriseOrderDetails-reList li{ width: 25%; float: left; height: 32px; line-height: 32px; color: #999;}
.EnterpriseOrderDetails-reList li span{ color: #333;}
.reList2 li{ width: 33.333% !important;}
.EnterpriseOrderDetails-cal{ width: 120px; height: 32px; cursor: pointer; line-height: 32px; border: #e5e5e5 solid 1px; text-align: center; border-radius: 100px; color: #999; float: left;}
.EnterpriseOrderDetails-zfsk{ width: 120px; height: 32px; cursor: pointer; line-height: 32px; border-radius: 100px; background: #39adc6; color: #fff; text-align: center; float: left; margin-left: 15px;}
.EnterpriseOrderDetails-bl{ padding: 0 20px; line-height: 32px; color: #999; float: left;}
.EnterpriseOrderDetails-Request-refund{ width: 120px; height: 32px; cursor: pointer; line-height: 32px; background: #ff3939; border: #ff3939 solid 1px;
 text-align: center; border-radius: 100px; color: #fff; float: left; margin-right: 15px;}
.EnterpriseOrderDetails-Request-refund a{ width: 100%; display: block; color: #fff;}
.EnterpriseOrderDetails-To-evaluate{ width: 120px; height: 32px; cursor: pointer; line-height: 32px; border: #e5e5e5 solid 1px;
 text-align: center; border-radius: 100px; color: #999; float: left; }
.EnterpriseOrderDetails-To-evaluate a{ width: 100%; display: block; color: #999;}
.EnterpriseOrderDetails-hot{ width: 100%; height: 140px; border: #e5e5e5 solid 1px;transition: all .5s ease;}
.EnterpriseOrderDetails-hot-pic{ width: 120px; height: 120px; float: left; margin-left: 10px; margin-top: 10px;background-size: cover !important;
    background-position: 50% !important;}
.EnterpriseOrderDetails-hot-right{ width:1000px; float: right; position: relative;}
.EnterpriseOrderDetails-hot-title{ width: 100%; height: 40px; color: #666; font-size: 16px; margin-top: 20px;  line-height: 40px;}
.EnterpriseOrderDetails-hot-title i{ font-style: normal; font-size: 14px; color: #999; padding-left: 20px;}
.EnterpriseOrderDetails-hot-title span{ padding: 0 10px; height: 20px; margin-left: 8px; position: relative; top: -1px; font-size: 12px; line-height: 20px; background: #fdd000; color: #444444;}
.EnterpriseOrderDetails-hot-tag{  width: 100%; height: auto; overflow: hidden;}
.EnterpriseOrderDetails-hot-tag i{ padding: 0 15px; height: 26px; border: #5cd3c6  solid 1px; color: #5cd3c6; line-height: 26px; 
text-align: center; border-radius: 100px; float: left; margin-right: 10px; font-style: normal;}
.EnterpriseOrderDetails-hot-tag i:nth-child(2){ border: #ffa8be  solid 1px; color: #ffa8be;}
.EnterpriseOrderDetails-hot-tag i:nth-child(3){ border: #ffa8be  solid 1px; color: #ffa8be;}
.EnterpriseOrderDetails-h-t{ position: absolute; width: 200px; text-align: center; right: 0; top: 43px;}
.EnterpriseOrderDetails-h-t p{ color: #ff3939; font-size: 22px;}
.EnterpriseOrderDetails-h-t  span{ color: #999;}
.EnterpriseOrderDetails-h-t span i{ color: #39adc6; padding: 0 5px; font-style: normal;}
.EnterpriseOrderDetails-hot:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);transition: all .5s ease;}
.EnterpriseOrderDetails-baoming{ width: auto; height: 30px; line-height: 30px; float: left; margin-top: 10px;}
.EnterpriseOrderDetails-baoming dl{ width: auto; float: left; overflow: hidden;}
.EnterpriseOrderDetails-baoming dt{ width: 26px; height: 26px;border-radius: 100px; margin-right: 5px; float: left; overflow: hidden; position: relative;}
.EnterpriseOrderDetails-baoming dt img{width: 26px; height: 26px;}
.k_h{ width: 100%; height:40px;}
.k_h2{ width: 100%; height:80px;}
.EnterpriseOrder-pop{ width: 300px; height: auto; overflow: hidden; position: fixed; top: 40%; left: 50%; margin-left: -150px;
 background: #fff; border-radius: 5px; overflow: hidden; display: none; z-index: 99; }
.EnterpriseOrder-pop p{ padding: 0 30px; margin-top: 40px; font-size: 16px; text-align: center;}
.EnterpriseOrder-pop-bottom{ width: 100%; height: 40px; line-height: 40px; border-top: #eee solid 1px; margin-top: 40px;}
.EnterpriseOrder-pop-cancel{ width: 50%; height: 40px; float: left; cursor: pointer; background: #eee; text-align: center;}
.EnterpriseOrder-pop-determine{ width: 50%; height: 40px; float: right; cursor: pointer; text-align: center; background: #39adc6; color: #fff; }
 
/*发表评价*/
.evaluat{ width: 100%; height: auto; overflow: hidden; margin-top: 35px; padding-top: 15px; padding-bottom: 15px; background: #fff;}
.evaluat_left{ float: left;}
.evaluat_right{ float: left; width: 70%; margin-left: 15px;}
#starRating .photo span {position: relative;display: inline-block;width: 25px;height: 25px;overflow: hidden;margin-right: 5px;cursor: pointer;}
#starRating .photo span:last-child {margin-right: 0px;}
#starRating .photo span .nohigh {position: absolute;width: 25px;height: 25px;top: 0;left: 0;background: url(../images/star.png) no-repeat; background-size: 20px;}
#starRating .photo span .high {position: absolute;width: 25px;height: 25px;top: 0;left: 0; opacity: 0; background: url(../images/star1.png) no-repeat;background-size: 20px;}
#starRating .starNum {font-size: 26px;color: #de4414;margin-top: 4px;margin-bottom: 10px;}
#starRating .bottoms {height: 54px; }
#starRating .photo { margin-top: 0px; }
#starRating .bottoms a {margin-bottom: 0;}
#starRating .bottoms .garyBtn { margin-right: 57px!important;}
#starRating .bottoms a {width: 130px;height: 35px;line-height: 35px;border-radius: 3px;display: inline-block;font-size: 16px;transition: all 0.2s linear;
margin: 16px 0 22px;text-align: center;cursor: pointer;}
.Evaluat-texta{  width: 100%; height: 140px; background: #f8f8f8;}
.Evaluat-input{ width: 100%; height: 140px; background: none;resize: none; border: none; outline: none; padding: 15px;}
.Evaluat-input::placeholder{ color: #bbb;}
.Evaluation-submit{  width: 160px; height: 40px; line-height: 40px; border-radius: 100px; border: none; cursor: pointer; margin: 0 auto; margin-top: 40px; display: block; background: #ff0000; color: #fff; text-align: center;  font-size: 16px;}


.EnterpriseOrder-Toqueding{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #39adc6 solid 1px; 
color: #39adc6; text-align: center; float: left; margin-left: 15px;transition: all .3s ease; cursor: pointer;}
.EnterpriseOrder-Toqueding:hover{ background: #39adc6; color: #fff;transition: all .3s ease;}
.EnterpriseOrder-pop2{ width: 300px; height: auto; overflow: hidden; position: fixed; top: 40%; left: 50%; margin-left: -150px;
 background: #fff; border-radius: 5px; overflow: hidden; display: none; z-index: 99; }
.EnterpriseOrder-pop2 p{ padding: 0 30px; margin-top: 40px; font-size: 16px; text-align: center;}
.EnterpriseOrder-pop-bottom2{ width: 100%; height: 40px; line-height: 40px; border-top: #eee solid 1px; margin-top: 40px;}
.EnterpriseOrder-pop-cancel2{ width: 50%; height: 40px; float: left; cursor: pointer; background: #eee; text-align: center;}
.EnterpriseOrder-pop-determine2{ width: 50%; height: 40px; float: right; cursor: pointer; text-align: center; background: #39adc6; color: #fff; }
 

.EnterpriseOrder-Pending-payment{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #ff3939 solid 1px; 
color: #ff3939; text-align: center; float: left; transition: all .3s ease; }

.ArtistsOrder-acceptance{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #39adc6 solid 1px; 
color: #39adc6; text-align: center; float: left; margin-left: 15px;transition: all .3s ease; cursor: pointer;}
.ArtistsOrder-acceptance:hover{ background: #39adc6; color: #fff;transition: all .3s ease;}
.EnterpriseOrder-pop3{ width: 300px; height: auto; overflow: hidden; position: fixed; top: 40%; left: 50%; margin-left: -150px;
 background: #fff; border-radius: 5px; overflow: hidden; display: none; z-index: 99; }
.EnterpriseOrder-pop3 p{ padding: 0 30px; margin-top: 40px; font-size: 16px; text-align: center;}
.EnterpriseOrder-pop-bottom3{ width: 100%; height: 40px; line-height: 40px; border-top: #eee solid 1px; margin-top: 40px;}
.EnterpriseOrder-pop-cancel3{ width: 50%; height: 40px; float: left; cursor: pointer; background: #eee; text-align: center;}
.EnterpriseOrder-pop-determine3{ width: 50%; height: 40px; float: right; cursor: pointer; text-align: center; background: #39adc6; color: #fff; }
.Artis-text{ width: 70%; height: 48px; overflow: hidden; color: #999; font-size: 12px; left: 1.55em;}
.EnterpriseOrderDetails-Request-refund2{ width: 120px; height: 32px;  line-height: 32px; 
 background: #ff3939; border: #ff3939 solid 1px;
  text-align: center; border-radius: 100px; color: #fff; float: left; }
.EnterpriseOrderDetails-zfsk2{ width: 120px; height: 32px; cursor: pointer; line-height: 32px; border-radius: 100px; background: #39adc6;
 color: #fff; text-align: center; float: left; margin-left: 15px;}
.EnterpriseOrderDetails-zfsk3{ width: 120px; height: 32px; cursor: pointer; line-height: 32px; border-radius: 100px; background: #39adc6; 
color: #fff; text-align: center; float: left; }

/*雇主评价列表*/
.show_pjia{ width:100%; margin-top: 20px; padding-bottom: 40px; }
.show_pjia li{ width: 100%; height: auto; overflow: hidden;  padding-bottom: 15px; margin-bottom: 15px;}
.show_pjia_pic{ width: 60px; height: 60px; float: left; border-radius: 100px;background-size: cover !important;background-position: 50% !important;}
.show_pjia_right{ width: 92%; float: right; position: relative;}
.show_pjia_title{ font-size: 16px; color: #333;}
.show_pjia_time{ color: #999; font-size: 12px;}
.show_pjia_pfen p{ float: left;}
.show_pjia_st{ float: left; margin-left: 10px; margin-top: 2px;}
.show_pjia_st span{ color: #e1e1e1;}
.pfen_color_1{ color: #fee135 !important;}
.show_pjia_text{ font-size: 12px; color: #333; line-height: 1.65em; margin-top: 10px; ;}
.show_pjia_right dl{ width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.show_pjia_right dl dt{ float: left;width:120px; height: 120px; border-radius: 5px; margin-right: 2%; margin-bottom: 2%; background-size: cover !important;background-position: 50% !important;}
.show_pjia_right dl dt:nth-child(7){ margin-right: 0;}

.ArtistsOrder-acceptance2{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #ff3939 solid 1px; 
color: #ff3939; text-align: center; float: left; margin-left: 15px;transition: all .3s ease; cursor: pointer;}
.ArtistsOrder-acceptance2:hover{ background: #ff3939; color: #fff;transition: all .3s ease;}

.EnterpriseOrder-pop4{ width: 300px; height: auto; overflow: hidden; position: fixed; top: 40%; left: 50%; margin-left: -150px;
 background: #fff; border-radius: 5px; overflow: hidden; display: none; z-index: 99; }
.EnterpriseOrder-pop4 p{ padding: 0 30px; margin-top: 40px; font-size: 16px; text-align: center;}
.EnterpriseOrder-pop-bottom4{ width: 100%; height: 40px; line-height: 40px; border-top: #eee solid 1px; margin-top: 40px;}
.EnterpriseOrder-pop-cancel4{ width: 50%; height: 40px; float: left; cursor: pointer; background: #eee; text-align: center;}
.EnterpriseOrder-pop-determine4{ width: 50%; height: 40px; float: right; cursor: pointer; text-align: center; background: #39adc6; color: #fff; }

.ArtistsOrder-acceptance3{ width: 95px; height: 30px; line-height: 30px; margin-top: 12px; border-radius: 100px; border: #39adc6 solid 1px; 
color: #39adc6; text-align: center; float: left; margin-left: 15px;transition: all .3s ease; }

.releases_t{ position: absolute;right: 20px; line-height: 40px; cursor: pointer; top: -6px; color: #666;}
.releases2_footer{ width: auto; height: 40px; right: 60px; background: #fff; position:absolute; top: 0; z-index: 6; display: none;}
.releases2_footer input{ display: none;}
.releases2_footer input.check{ right: 0 !important;}
.releases2_footer label{  width: 80px !important; position: relative !important; right: inherit;}
.releases_del{ width: 70px; height: 26px; line-height: 26px;margin-right: 15px; border: #38acc5 solid 1px; cursor: pointer; 
border-radius: 100px; float: right; text-align: center; color: #38acc5;}
.releases_send{ width: 70px; height: 26px; line-height: 26px;margin-right: 15px; border: #ff3939 solid 1px; cursor: pointer; 
border-radius: 100px; float: right; text-align: center; color: #ff3939;}
.releases_send:hover{ background: #ff3939; color: #fff;}
.en-cases{ width: 100%; height: 40px; line-height: 40px; color: #999;}


.release_2box input[type="checkbox"]{-webkit-appearance:none;outline: none;}
.release_2box input.check{background:url(../images/icon_radio3.png) no-repeat center left;background-size:18px 18px;position:absolute;
top:20px;right:10px;margin-top:-18px;width:18px;height:35px; z-index: 9;}
.release_2box input.check:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:18px 18px;}
.release_2box input.goodsCheck:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:18px 18px;}
.release_2box input.check:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:18px 18px;}
.release_2box .checked{background:url(../images/icon_radio4.png) no-repeat left center;background-size:18px 18px;position:absolute;top:50%;left:15px;margin-top:-18px;width:20px;height:35px;}
.all-checkbox{ width: 80px; float: left; text-align: left; }
.all-checkbox input{ display: inline-block; position: relative !important; top: inherit !important; margin-right: 15px; top: 12px !important; }
.release_2box label{ width: 20px; height: 20px; z-index: 6; right: 0px;  display: block; position: absolute; display: none;}


.release_2box li .re_a {padding: 0 10px;height: 24px;line-height: 24px;background: #fd4d00;color: #fff;border-radius: 5px;position: absolute;left: 10px; top: 10px; z-index: 9;}
.release_2box .selected a {color: #666; background: #eeeeee;}
.release_2box li .re_a input{ display: none;}
.E-R-D-cen{display: flex; align-items: center; height: 100%;}
.E-R-D-Pop{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 8; display: none; }
.Erd-box{ width: 1200px; background: #fff; padding: 20px; border-radius: 5px; margin: 0 auto; position: relative;}
.re_a2{padding: 0 10px;height: 24px;line-height: 24px;background: #eee;color: #999;border-radius: 5px;position: absolute;
left: 10px; top: 10px; z-index: 9;}
.Erd-box li{ width: 180px;}
.Erd-box li:nth-of-type(6n){margin-right: 0;}
.Erd-box li:nth-child(5){ margin-right: 15px;}
.Erd-box li .TaskDetaile-sign-toux{ height: 154px;}
.Erd-box li .TaskDetaile-sign-list-cen dt{ padding: 0 9px;}
.Erd-box li .TaskDetaile-sign-list-content{ height: 250px;}
.Erd-box li .TaskDetaile-sign-list-cen dl{ margin-bottom: 0px;}
.Erd-cols{ width: 26px; height: 26px; cursor: pointer; line-height: 26px; text-align: center;box-shadow: 1px 1px 8px #848484; position: absolute; top: -10px; right: -10px; background: #fff; border-radius: 100px; z-index: 9;}
.Erd-cols span{ font-size: 12px;}



.about-box{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.about-box-left{ width: 220px; height: auto; overflow: hidden; float: left; background: #fff;}
.about-box-left  ul{ width: 100%; height: auto; overflow: hidden;   }
.about-box-left li{ width: 100%; height: 50px; line-height: 50px; border-bottom: #eee solid 1px;}
.about-box-left li a{ display: block; padding-left: 50px; color: #666;}
.about-box-left li a:hover{ color: #39adc6;}
.about-box-left li .ul-links{ color: #39adc6; font-weight: bold;}
.ul-title{ width: 100%; height: 50px; font-weight: bold; line-height: 50px; font-size: 16px; background: #ecf4f5; padding-left: 40px;position: relative;}
.ul-title:before{ width: 3px; height: 20px; position: absolute; left: 0px; top: 14px; content: ""; display: block; background: #39adc6;}
.about-box-right{ width: 960px; min-height: 600px; color: #666; float: right; line-height: 1.65em; background: #fff; padding: 30px;}
.about-box-right-title{ width: 100%; padding-bottom: 20px; border-bottom: #eee solid 1px; text-align: center; font-size:22px; font-weight: bold;
margin-bottom: 30px;}

.RE-input{ width: 600px; height: 40px; outline: none; background: #f8f8f8; border:none; padding: 0 15px; margin-bottom: 20px; margin-top: 20px;}
.RE-input::placeholder{ color: #bbb;}
.brand-shop{ font-style: normal; padding-left:12px; padding-top: 4px; border-radius: 100px; margin-left: 15px; padding-bottom: 4px;
 background: #39adc6; color: #fff; font-size: 12px; padding-right: 12px;}
.payment-jiage{ font-size: 26px; font-weight: bold; color: #ff3939; margin-top: 30px;}
.payment-box{ margin-top: 30px; }
.payment-box span{ padding-right: 10px; font-size: 20px; position: relative; top: 2px; color: #999;}

.payment-box ul li{ width: auto; margin-left: 2px;}
.payment-box ul li a{padding: 0 20px; line-height: 18px;}
.payment-box ul li.selected a {
    color: #41b035;box-shadow: 0 0 0 1px #41b035;
    transition: all .3s ease;
    border: #41b035 solid 1px;
}
.payment-box ul li.selected span{color: #41b035;}
.payment-box ul li.selected:nth-child(2) a{
    color: #1296db;
    border: #1296db solid 1px;box-shadow: 0 0 0 1px #1296db;
    transition: all .3s ease;
}
.payment-box ul li.selected:nth-child(2) span{color: #1296db;}


.zz-tanc{ width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 9999;}
.zz-box{ width: 100%; height: 100%; display: -webkit-flex;
display: flex;flex-wrap: wrap;align-content: center; }
.zz-box img{ display: block; margin: 0 auto; width: 700px; }
.zz-box-img{ width: 100%; text-align: center;}
.zz-close{ width:30px; height: 30px; line-height: 30px;  text-align: center; color: #fff; border: #fff solid 1px; border-radius: 100px; 
margin: 0 auto; text-align: center;margin-top: 30px; cursor: pointer;}
.zz-close span{ font-size: 12px; position: relative; top: -1px;}