@charset "utf-8";
h1,h2,h3,h4,h5,h6{font-size: 14px;font-weight:400;}
/*base*/
::-webkit-input-placeholder{color:#999}
body{text-align:left;height:100%;overflow-y: scroll; color:#333;font: normal 14px "microsoft yahei ui", "microsoft yahei", sans-serif;background:#f5f5f5;}
@font-face{font-family:'icons';src:url('./ui/icons/fonts/icons.eot?e294pe');src:url('./uiui/icons/fonts/icons.eot?e294pe#iefix') format('embedded-opentype'),url('./ui/icons/fonts/icons.ttf?e294pe') format('truetype'),url('../icons/fonts/icons.woff?e294pe') format('woff'),url('../icons/fonts/icons.svg?e294pe#icons') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bar-kefu:before{content:"\e628"}.icon-bar-vip:before{content:"\e66b"}.icon-bar-money:before{content:"\e900"}.icon-bar-group:before{content:"\e901"}.icon-bar-gzh:before{content:"\eb05"}.icon-bar-qiandao:before{content:"\e66e"}.icon-bar-share:before{content:"\e7e0"}.icon-bar-feed:before{content:"\e66d"}.icon-bar-top:before{content:"\e614"}.icon-btn-search:before{content:"\e653"}.icon-btn-search2:before{content:"\e623"}.icon-btn-camera:before{content:"\e665"}.icon-btn-login:before{content:"\e902"}.icon-btn-logout:before{content:"\e903"}.icon-btn-vip:before{content:"\e611"}.icon-user-face:before{content:"\e680"}.icon-login-qq:before{content:"\e6ca"}.icon-login-email:before{content:"\e672"}.icon-login-wx:before{content:"\e640"}.icon-arrow-down:before{content:"\e615"}.icon-arrow-up:before{content:"\e904"}.icon-dir-more:before{content:"\e661"}.icon-pic-fav:before{content:"\e905"}.icon-pic-down:before{content:"\e906"}.icon-btn-down:before{content:"\e71e"}.icon-btn-cloud:before{content:"\e676"}.icon-pic-feed:before{content:"\e907"}.icon-nav-home:before{content:"\e650"}.icon-nav-location:before{content:"\e607"}.icon-nav-location1:before{content:"\e64e"}.icon-index-topic:before{content:"\e9c8"}.icon-index-design:before{content:"\e7cc"}.icon-index-photo:before{content:"\e65e"}.icon-index-pencil:before{content:"\e6db"}.icon-index-backgroup:before{content:"\e6ee"}.icon-index-ppt:before{content:"\e6c6"}.icon-index-box:before{content:"\e683"}.icon-index-hot:before{content:"\e66c"}.icon-index-rec:before{content:"\e6e1"}.icon-index-fav:before{content:"\e678"}.icon-nav-more:before{content:"\e610"}.icon-topic-link:before{content:"\e648"}.icon-list-filter:before{content:"\e69c"}.icon-list-sort:before{content:"\e700"}.icon-list-list:before{content:"\e6fe"}.icon-pic-tag:before{content:"\e752"}.icon-ui-info:before{content:"\e6e5"}.icon-ui-question:before{content:"\e691"}.icon-ui-more:before{content:"\e612"}.icon-ui-check:before{content:"\e60b"}.icon-ui-close:before{content:"\e641"}.icon-ui-wait:before{content:"\e64d"}.icon-ui-success:before{content:"\e655"}.icon-ui-refresh:before{content:"\e652"}.icon-user-home:before{content:"\e908"}.icon-user-fav:before{content:"\e689"}.icon-user-upload:before{content:"\e6d1"}.icon-user-history:before{content:"\e909"}.icon-user-vip:before{content:"\e90a"}.icon-user-pay:before{content:"\e90b"}.icon-user-set:before{content:"\e64b"}.icon-user-mail:before{content:"\e7bd"}

.icon-user-notice:before{content:"\e666"}.icon-user-del:before{content:"\e647"}.icon-user-female:before{content:"\e71a"}.icon-user-male:before{content:"\e71c"}.icon-home-email:before{content:"\e60a"}.icon-home-set:before{content:"\e620"}.icon-act-vip:before{content:"\e707"}.icon-act-pay:before{content:"\e61c"}.icon-act-crown:before{content:"\e80b"}.icon-act-upload:before{content:"\e651"}.icon-act-invite:before{content:"\e90c"}.icon-act-group:before{content:"\e90d"}.icon-act-code:before{content:"\e90e"}.icon-act-share:before{content:"\e90f"}.icon-pay-qq:before{content:"\e910"}.icon-pay-wx:before{content:"\e61f"}.icon-pay-ali:before{content:"\e6e2"}.icon-ui-agree:before{content:"\e911"}.icon-ui-notice:before{content:"\e912"}.icon-ui-tips:before{content:"\e913"}.icon-ui-rec:before{content:"\e914"}.icon-pay-check:before{content:"\e915"}.icon-ui-empty:before{content:"\e698"}.icon-ui-pic:before{content:"\e69b"}.icon-ui-album:before{content:"\e734"}.icon-ui-smile:before{content:"\e63b"}.icon-ui-surprise:before{content:"\e643"}.icon-ui-sad:before{content:"\e662"}.icon-ui-qiang:before{content:"\e70b"}.icon-safe:before{content:"\e769"}.icon-ui-share:before{content:"\e6c4"}
.fix,.clear,.clear-all{clear:both;*zoom:1}
.icon-lianxikefu:before {
    content: "\e668";
}
  
.fix:after,.clear:after,.clear-all:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;line-height: 0;}
::selection{background-color: #ff552e;color: white;}
::-moz-selection{background-color: #ff552e;color: white;}
a{color:#333;text-decoration:none}
a:hover{color:#ff552e}
a:active{outline:0}
a.white{color:#fff;}
.underline a,.underline-hover a:hover,a.underline,a.underline-hover:hover{text-decoration:underline}
.hidden{display:none;}
.pointer{cursor:pointer;}
.relative{position:relative;}
.absolute{position:absolute;}
.o{overflow:hidden;}
.l{float:left;}
.r{float:right;}
.mt10{margin-top: 10px;}
.ml20{margin-left: 20px;}
.word-break{word-break:break-all;word-wrap:break-word}
.word-ellipsis{text-overflow:ellipsis;white-space: nowrap;}
.word-hidden{overflow:hidden;word-wrap:break-word}
a{color:#666;font-size:14px;}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#ff552e;outline:0;}
a:active{outline:none}
.btn_color,.b-red{background:#ff552e;}
.c-red{color:#ff552e}
.c-red:hover{color:#fb6f4f;}
.wrap{width:1200px;margin:0 auto; min-width: 1200px;}
.w1000{width:1000px;margin:0 auto; min-width: 1200px;}
.va-top{vertical-align: top;}
.va-middle{vertical-align: middle;}
.va-bottom{vertical-align: bottom;}
/*layui*/
body .layui-carousel{height:280px;min-width:1200px;overflow: hidden; text-align: center;}
body .layui-carousel a{display:block;text-align:center;}
body .layui-btn-ltw{background-color:#ff552e;}
body .layui-layer-btn .layui-layer-btn0{background:#ff552e;border-color:#ff552e;}
body .layui-layer-btn a{margin:0 10px 10px; padding:3px 20px;}
body .layui-btn-primary:hover{border-color:#ff552e;}
/* 首页-头部*/
.header_bar{height:86px;}
.header_position{width: 100%;padding: 0;z-index: 99; background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);}
.header_scroll{position:fixed;position:fixed\9;position:static\9\0;top:0;left:0;right:0;z-index:100;}
.header{width:1200px;margin:0 auto;padding:20px 0;background: #fff;position:relative;}
.header .logo{float:left;width:180px;}
.header .title{float:left;font-size:22px;line-height:46px;color:#999; margin-left:15px;}
/*头部-登录注册*/
.header_user{float:right;margin-right:18px;}
.header_user .i_sign,.header_user .i_login{display:inline-block;float:left;margin-left:15px;text-align:center;height:58px;margin-top:5px;}
.header_user .i_sign,.header_user .i_login{width:80px;height:34px;line-height:34px;border:1px solid #ddd;border-radius:3px;background:#fdfbfb;}
.header_user .i_login,.header_user .i_sign:hover{background:#ff552e;color:#fff;border:1px solid #ff552e;}
.header_user .i_login:hover{opacity:.8;}
.face-box{position: relative;}
.face-box .face a{width:40px; height:40px;display: block;}
.face-box .face img{border-radius:50%;width:40px; height:40px;}
.face-box .info{padding-left:10px;color:#666; padding-top:2px;}
.face-box .menu {width:128px;position:absolute; top:40px;background:#fff;display:none; z-index:99;box-shadow: 0 0 3px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);}
.face-box:hover .menu{display:block;}
.face-box .menu li a{display:block;padding: 10px 20px; border-bottom:1px solid #f2f2f2;}
.face-box .menu li a:hover i{color: #ff552e;}
.face-box .menu li i{font-size: 18px;color:#888;margin-right: 8px;}
.vip_month,.vip_year,.vip_lifelong{display:inline-block;font-size: 20px;}
.vip_month{color:#12cc9e;}
.vip_year{color:#ff8e00;}
.vip_lifelong{color:#39b0fa;}
/*头部导航*/
.nav_bar{width:100%;background:#fff;}
.nav { width:1200px;height:34px;background:#fff;line-height:34px;margin:0 auto;font-size: 14px;}
.nav dl{float:left;}
.nav dl a{font-size:14px;color: #333;}
.nav dl a:hover{color: #ff552e;}
.nav dt{padding: 0 8px;display: inline-block;*display: inline;*zoom: 1;}
.nav dd{margin-left: 10px;display: inline-block;*display: inline;*zoom: 1;}
.nav dd .category{letter-spacing:1px;display:block;padding:0 10px;text-align:center;position:relative;}
.nav dl dd:hover .category{color:#fff;background: #ff552e;}
.nav dl dd:hover .category-box{display:block;}
.nav .left{left:0;}
.nav .right{right:0;}
.category-box{position:absolute;top:34px;width:384px; z-index:999; background:#fff; display:none; padding:5px 25px;box-shadow: 0 0 3px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);}
.category-box .category-title{ border-bottom:1px solid #eee; font-size:16px; color:#888; line-height:40px;}
.category-box .category-title span{ font-size:15px; margin:0 10px 0 0; }
.category-box .category-list{padding:8px 0;float:left;}
.category-box .category-list li{float:left; width:118px;margin: 5px 5px 5px 0;}
.category-box .category-list a{font-size:15px;font-weight:normal;line-height:28px;height:28px;color:#888;}
.category-box .category-list a:hover{color: #ff552e}
/*通用-头部搜索框*/
.header_search{width:620px; height:42px; float:left; top:22px; margin-left:-310px;left: 50%; position: absolute;}
.search_form .search_icon{float:left;color:#a2a2a2;font-size:16px;margin:12px 10px 0;}
.search_form .search_input{float:left; width:484px; height:38px; border:2px solid #ff552e;border-right:none;position: relative;}
.search_form .search_input input{ width:380px;border:none;color:#666; font:normal 14px "microsoft yahei", sans-serif;font-size-adjust:none; overflow: hidden; position: absolute;left:34px;top:10px;}
.search_form .search_btn{width:100px;height:42px; line-height:42px; display:block;float:left;border: none; cursor: pointer; background:#ff552e;font-size:18px;color:#fff;}
.search_form .search_btn:hover{background:#fb6f4f;}
/*搜索分类下拉*/
.selected_type {position: relative; cursor:pointer;width:88px; height:38px; line-height:38px; display:inline-block; padding:0 12px 0 12px; color:#666;font-size:13px;}
.selected_type:after{border: 5px solid transparent;border-top: 6px solid #d2d2d2;width: 0;height: 0;position: absolute;top: 18px;right: 6px;content: ' ';transition: all .3s;-webkit-transition: all .3s;}
.search_filter_selected dl.search_type{ display:block;}
.search_filter_selected .selected_type:after{-webkit-transform: rotate(180deg);transform: rotate(180deg); top:12px;}
.search_filter .search_type {	display: none;position: absolute;left: -1px;top:38px;z-index: 999;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 4px rgba(0,0,0,.12);box-sizing: border-box;padding:5px 0; width:88px;}
.search_filter .search_type dd {cursor: pointer;color:#666;font-size: 12px;padding:6px 12px;text-align:left;}
.search_filter .search_type dd:hover {background-color: #f2f2f2;color: #ff552e;}
/*通用-搜索框提示*/
.search_tips{z-index: 99;width:484px;left:0;top:42px;padding:0;background:#fff;position:absolute;overflow:hidden;-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .08);box-shadow:0 8px 15px rgba(0, 0, 0, .08);border-radius:3px;}
.search_tips a{line-height:32px;display:block;float:left;width:100%;padding:0 18px;text-align:left;font-size:14px;color:#666}
.search_tips a:hover,.search_tips a.hover{background:#f5f5f5;color:#ff552e;}
.search_tips a em{float:right;margin-right:50px;font-size:14px;color:#999;}

/*通用-底部链接*/
.links{ padding:20px; background:#fff;margin:10px auto 40px}
.link_nav li{ float:left; margin-right:30px; font-size:16px; color:#666666; cursor:pointer;}
.link_nav .select{color:#ff552e;}
.link_list{padding-top:10px; width:100%;height:158px; overflow: hidden;}
.link_list li{float:left; margin-right:20px; line-height:30px;}
.link_list li a{color:#999}
.link_list li a:hover{color:#ff552e}
/*通用-六图网底部*/
.footer{width:1200px;margin:0 auto;padding:20px 0 40px;color:#888;font-size:14px; text-align: center;}
.footer p{ margin:10px 0 0;color:#999;}
.footer a{ margin:0 15px;color:#666;}
.footer a:hover{color:#ff552e;}
.footer .gba{ vertical-align:middle; margin:0 5px 0 0;}
.footer img{ vertical-align:middle;}

/*通用-图片列表展示*/
.flex_grid{margin-right:-20px;}
.flex_grid .item{width:265px;float:left;margin:0 20px 20px 0;overflow:hidden;padding:10px 10px 0;background:#fff;-webkit-transition:all .28s;-moz-transition:all .28s;transition:all .28s;box-shadow:0 4px 6px 0 rgba(0,0,0,.16);}
.flex_grid .item:hover{-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.16);}
.item img{display:block;width:100%;}
.item .image{display:block; width: 100%; overflow: hidden; position:relative;}
.item_row{height: 32px;line-height: 32px;}
.item:hover .item_row .title{color:#ff552e;}
.item_row .title{width:180px;float:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item .counts{float:right;position:relative;top:0;right:6px}
.item .counts a{cursor:pointer; margin-left:10px;font-size: 16px;}
.item .feature{position:absolute; top:20px; right:20px;}
.item .icon_free,.item .icon_copyright{display:inline-block; margin-left:10px; background:#05c052; color:#fff; border-radius:2px;padding:0 6px; font-size:12px;cursor: default;font-style:normal;}
.item .icon_copyright{background:#ff900e;}
.item .image img{display:block;-webkit-transition: all .4s cubic-bezier(0, 1, .75, 1);-o-transition: all .4s cubic-bezier(0, 1, .75, 1);transition: all .4s cubic-bezier(0, 1, .75, 1);}
.item .image:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
/*首页图片展示*/
.roll_grid{margin-right:-20px;clear: both;}
.roll_grid .item{width:265px;float:left; margin:0 20px 20px 0;padding:10px 10px 0;background:#fff;}

/*首页布局*/
.box{margin:20px auto;}
.box_title{width:100%; height:30px; line-height:30px;margin-bottom:10px;}
.box_title h3,.box_title h1{font-size:24px;letter-spacing:5px;font-weight:normal;color:#666;}
.box_title h3 i{color: #ff552e;font-size: 24px;}
.box_title .other_links a,.box_title .more{color:#888; margin-left:30px;}
.box_title .other_links a:hover,.box_title .more:hover{color:#ff552e;}
.box_main{}
/*首页用户评价*/
.user_praise{ padding: 30px 0;}
.user_praise h3{ text-align:center;font-size:26px;letter-spacing: 5px;font-weight: normal; margin-bottom:55px;}
.user_praise .praise{ width:320px; background:#fff; border-radius:5px; float:left; position:relative; padding:30px;}
.user_praise .mr30{ margin-right:30px;}
.user_praise .praise dl{ overflow:hidden; margin-bottom:30px;}
.user_praise .praise dt{ float:left; position:absolute; top:-30px; left:40px;}
.user_praise .praise dt img{ width:80px; height:80px; border-radius:50%; border:2px solid #fff;}
.user_praise .praise dd{ float:right; font-weight:bold; position:absolute; top:20px; right:30px;}
.user_praise .praise p{ clear:both; line-height:24px; color:#666; margin-bottom:15px; height:144px; overflow:hidden;}
.user_praise .praise .professional{ float:left; color:#999;}
.user_praise .praise .call_name{ float:right; color:#999;}
/*内容为空*/
.empty{ margin:0 auto; padding:200px 0;text-align: center;}
.empty-icon i{font-size: 88px;color: #ff552e;}
.empty p{color:#666; margin-top: 20px;}
.empty .font20{font-size:20px;}
/*列表页*/
.bread_crumbs{position: relative;color:#666;line-height: 40px;height: 40px;}
.bread_crumbs span{display: inline-block; font-size: 12px;color: #ff552e;border: 1px dashed #ff552e;padding: 4px;line-height: 1; position:relative;}
.bread_crumbs span a{color:#ff552e; width:20px; height:20px; display:inline-block; text-align:center; position:absolute; top:0; right:0;font-size:18px;}
.bread_crumbs span a:hover{background:#ff552e; color:#fff;}
.bread_crumbs .text_orange{color: #ff552e; font-style:normal; margin:0 5px;}
.bread_crumbs .crumbs-handle{ padding-right:24px;}
.filter_top{max-width: 1440px;min-width: 940px;height:40px;overflow: hidden;position: relative; clear: both;}
.filter_top strong,.filter_top ul,.filter_top ul li{float:left;}
.filter_top strong{font-weight: normal; display: block; height: 24px; font-size: 14px; position: absolute; left: 0; top: 10px; color:#666;}
.filter_top .filter_category,.filter_top .filter_format{padding-left:30px;max-width:1200px;min-width: 960px; margin: 0 auto;float:left;}
.filter_top .filter_category li,.filter_top .filter_format{float: left;height: 30px;margin-left: 20px;position: relative;z-index: 1;}
.filter_top .filter_category li a,.filter_top .filter_format li a{font-size: 14px;line-height: 40px; color:#666}
.filter_top .filter_category li a:hover,.filter_top .filter_format li a:hover{color:#ff552e}
.filter_top .filter_category li .on{color:#ff552e;}
.filter_top .more{position: absolute;height: 28px;top:5px;right: 0;width: 100px;z-index: 10;overflow: hidden;margin:0;}
.filter_top .more a{background:url(//js.16pic.com/static/images/icon25.png) no-repeat 10px -44px; font-size:12px; width: 50px;height: 15px;line-height: 15px;border: 1px solid #ddd; color: #666;text-indent: 24px;transition: background-position-y .25s;-moz-transition: background-position-y .25s;-webkit-transition: background-position-y .25s;-o-transition: background-position-y .25s;float: right; display: block;}
.filter_top .more a:hover{background-position-y: -68px; border: 1px solid #ff552e; color: #ff552e;cursor:pointer}
/*列表页-格式筛选*/
.filter_top .filter_format{clear: both;}
.filter_format li{vertical-align:middle; margin-right: 26px; float: left;}
.filter_format li a{}
.filter_format li i{width:16px;height:16px;line-height:16px;text-align:center;display:block;float:left;border: 1px solid #d3d3d3;margin-top:12px;margin-right: 5px;color:transparent; overflow: hidden; cursor: pointer; border-radius:3px;  box-sizing: border-box; vertical-align: middle;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; position:relative;}
.filter_format li.check i,.filter_format a:hover i{border: 1px solid #ff552e;background:#ff552e;}
.filter_format li.check i:after,.filter_format a:hover i:after{content: '';position: absolute;width: 9px;height: 5px;background: transparent;top: 2px;left: 2px;border: 1px solid #fff;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s;}
.filter_format li.check a,.filter_format a:hover{color:#ff552e;}
/*列表页-筛选框*/
.filter_list{ background:#fff; height:45px; line-height:45px; margin-top:5px;}
.widget_combos{  width:90px; text-align:center; position:relative;border-right:1px solid #f6f6f6; }
.widget_combos .color_filter,.widget_combos .shape_filter{background:#fff; padding:10px; margin-top:-1px; display:none; position:absolute; z-index:999999;}
.widget_combos:hover .color_filter,.widget_combos:hover .shape_filter{ display:block;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.16);box-shadow:0 4px 6px 0 rgba(0,0,0,.16);}
.widget_combos a i{margin-left:10px; font-size: 10px;}
/*列表页-颜色筛选框*/
.widget_combos .color_filter{width:264px; height:75px;}
.color_filter a{float:left;border-radius:3px;margin:5px 5px 0 5px;}
.color_filter a.all{width:40px; height:47px; overflow: hidden; line-height:47px; color:#fff;border:1px solid #ff552e; font-size:12px;}
.color_filter a.color{ width:20px; height:20px; overflow: hidden; line-height:20px; border:1px solid red;position:relative;}
.color_filter a:hover.color:after{content: '';position: absolute;width: 12px;height: 6px;background: transparent;top: 4px;left: 4px;border: 2px solid #fff;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all false false, 0.3s false false;-moz-transition: all false false false, 0.3s false false false;-o-transition: all false false false, 0.3s false false false;transition: all, 0.3s;}
.color_filter a.chose2,.color_filter a.white:hover:after,.color_filter a.grey:hover:after{ border-color: #ff552e;}
.color_filter a.all:hover{ opacity:.8;}
.color_filter a.chose1,.color_filter a.color:hover{ color: #fff;}
.color_filter a.chose2,.color_filter a.white:hover,.color_filter a.grey:hover{ color: #ff552e;}
.color_filter a.red{ background:#f15246; color:#f15246; border:1px solid #ed4639; }
.color_filter a.orange{ background:#ffa626;color:#ffa626;border:1px solid #ec961a; }
.color_filter a.yellow{ background:#ede73d;color:#ede73d;border:1px solid #e0d912; }
.color_filter a.green{ background:#2cbf51;color:#2cbf51;border:1px solid #2fb751; }
.color_filter a.aqua{ background:#3ac2ce;color:#3ac2ce;border:1px solid #30b8c4; }
.color_filter a.blue{ background:#3574e6;color:#3574e6;border:1px solid #2665d8; }
.color_filter a.purple{ background:#803cd9;color:#803cd9;border:1px solid #7130c7; }
.color_filter a.pink{ background:#cc62c6;color:#cc62c6;border:1px solid #bd57b7; }
.color_filter a.white{ background:#ffffff;color:#ffffff;border:1px solid #eeeeee; }
.color_filter a.grey{ background:#e6e6e6;color:#e6e6e6;border:1px solid #d6d6d6; }
.color_filter a.black{ background:#000000;color:#000000;border:1px solid #000000; }
.color_filter a.brown{ background:#7b4611;color:#7b4611;border:1px solid #6a3f14; }
/*列表页-板式筛选框*/
.widget_combos .shape_filter{ width:70px;}
.shape_filter  li{ height:40px; line-height:40px;}
/*列表页-排序选择*/
.sort_div{ width:400px; margin-left:60px; color:#666}
.sort_div dt{ float:left; font-size:12px;}
.sort_div dd{ float:left;}
.sort_div dd a{ margin:0 5px;padding:5px 10px; color:#666; font-size:12px;}
.sort_div dd .default{ color:#fff; border-radius:3px; padding:4px 10px;}
.sort_div dd a:hover{color:#fff; border-radius:3px;background:#fb6f4f;}
.number{ color:#666; font-size:14px;}
.number span{ margin-right:15px;}
.number span em{ color:#ff552e; font-weight:bold;}
.number a{ display: inline-block;width: 34px;height: 25px;vertical-align: -4px;text-align: center;line-height: 24px;
font-size: 25px;}
/*列表页样式*/
.result_main{min-height:600px;margin:10px auto; width: 1220px;min-width: 1220px;}
/*通用-右下角浮动置顶*/
.toolbar{ width:70px;position: fixed;right:50%;bottom:68px;margin-right:-718px;z-index: 301;background:#fff; border-radius:10px;}
.toolbar li a{width: 100%; font-size: 12px; background:#fff;padding:10px 0;border-bottom: 1px solid #ececec;display: block;text-align: center; position:relative;color:#777;}
.toolbar li a:hover{color: #ff552e;}
.toolbar li a i{ display:block;font-size:30px; margin:0 auto 5px auto; color:#ff552e}
.toolbar .active_flop{ width:118px; height:60px; background:url(//js.16pic.com/static/images/small_pic.png) no-repeat; display:inline-block; position:absolute;  top:-80px; right:-24px;-webkit-animation: flop .8s ease infinite 80ms alternate;animation: flop .8s ease infinite 80ms alternate;}



@keyframes flop{from{-webkit-transform:translate(0,8px);transform:translate(0,8px)}to{-webkit-transform:translate(0,-8px);transform:translate(0,-8px)}}
/*通用-分页*/
.pagination{margin:38px auto 0 auto;text-align: center; font-size: 14px; padding-bottom:40px;}
.pagination a{font-weight:normal; background-color: #fff; }
.pagination span{color: #fff; border: 1px solid #ff552e;}
.pagination span, .pagination a{box-sizing:border-box;padding:0 10px;margin-right: 3px; min-width: 38px; height: 38px; line-height: 38px; display: inline-block; text-align: center;border-radius: 4px;color:#666;border: 1px solid #e3e3e3;}
.pagination span,.pagination a:hover{background:#ff552e;color: #fff; border: 1px solid #ff552e;}
.pagination input{width: 40px;height: 38px; margin: 0 7px;border-radius:3px;border: 1px solid #ddd;text-align: center;}
.pagination em{color: #666; font-size: 14px;}
.pagination .next_page{ padding:0 10px;}
/*详情页*/
.detail_main{ background:#fff;position: relative;}
.popup_image{display:none;width:960px;margin:0 auto;padding:20px 20px 40px;text-align:center;background-color:#fff;}
.popup_image img{cursor:zoom-out;}
.detail_works{width: 810px;float: left;overflow: hidden;}
.works_info{background:#fff; padding: 20px 13px 20px 25px;}
.works_info h1,.popup_image .popup_tit{font-size:20px;line-height:40px; font-weight:normal; letter-spacing:1px;color:#666;margin:0 0 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.works_info .works_preview{min-height:500px; position:relative; text-align: center;cursor:zoom-in;}
.works_preview .free_icon1{ position:absolute; top:0; left:0; width:72px; height:68px; display:inline-block; background:url(//js.16pic.com/static/images/index_icons.png?v001=20180522) no-repeat -437px -430px;}
.works_preview img{ max-width: 770px;}
.works_description{padding:12px 0 22px;}
.works_description p{line-height:24px; font-size:14px; color:#999;}
/*详情页-为您推荐*/
.related_photos{width: 1200px; margin: 20px auto;}
.related_photos .title{ font-weight: normal;font-size:16px;padding:8px 0 18px;}
/*详情页-TA的作品*/
.user_works .recommend{ position:relative; float:left;margin: 0 15px 15px 0;width:165px;display: inline-block;overflow: hidden; text-align:center;  }
.user_works .recommend .image{width:100%;height:120px;display:inline-block; overflow:hidden; text-align: center; line-height: 120px;}
.user_works .recommend .image img{ vertical-align:middle; width:100%;	}
.user_works .recommend .item_title{display:block; height:20px; line-height:20px;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;}
.user_works{overflow: hidden; padding:20px; background:#fff;   }
.user_works h3{font-weight:normal;font-size:16px;padding:0 0 20px 0;}
.user_works .recommend .image:hover img{-webkit-transform:scale(1.1);-moz-transform: scale(1.1);-o-transform:scale(1.1);transition: 0.5s transform;}
/*详情页-右侧*/
.detail_r{width:390px; float:left; position: relative;}
.detail_bg{background:#fff; padding:20px 25px 20px 13px; overflow:hidden}
.info_fixed{position:fixed;margin-left:810px;}
.info_under{position:absolute;left:810px; bottom:0;}
.works_user,.user_info dl{overflow:hidden}
.works_user dt{float:left; font-size:14px;vertical-align: middle;}
.works_user dt a{ cursor:auto}
.works_user dt img{border-radius:50%; width:40px; height:40px; vertical-align:middle; margin-right:10px;}
.works_user dd{float:left;margin-top:12px;}
.works_user dd span{color:#ff552e}
.works_user dd a{border:1px solid #ff552e; border-radius:3px; padding:7px 13px; margin-top:30px;}
.works_user dd a:hover i{background:url(//js.16pic.com/static/images/icon25.png) no-repeat 0 -23px;}
.works_user dd a i{width:15px; height:15px; background:url(//js.16pic.com/static/images/icon25.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:5px;}
.works_user p{font-size:14px; margin:13px 0 13px 3px;}
.works_down{padding:10px 0; overflow:hidden}
.works_down .toPicReport{line-height:44px; margin-left:40px;}
.works_down .layui-btn-down{width:160px;height:56px;line-height:56px;font-size:18px;}
.works_down .icon-btn-down{font-size:22px;}
.works_count{margin:10px auto 0 auto; overflow:hidden}
.works_count ul{padding:15px 0 0 10px; overflow:hidden}
.works_count li{width:105px; float:left; text-align:center; border-right:1px solid #e3e3e3; height:25px; line-height:25px;}
.works_count li i{width:30px; height:23px; display:inline-block; vertical-align:middle;margin:-5px 5px 0 0; background:url(//js.16pic.com/static/images/index_icons.png) no-repeat;}
.works_count li span{font-size:16px; color:#999;}
.detail_info ul{width:350px;}
.detail_info li{ font-size:14px; line-height:40px;}
.works_tags .title{font-size:14px; line-height: 40px; color:#333;}
.works_tags a{border:1px solid #ececec; padding:5px 8px; margin-right:10px; line-height:38px;white-space: nowrap; border-radius:3px;}
.works_tags a:hover{border:1px solid #ff552e; color:#ff552e;}

/*下载页面*/
.down_main{width:1000px;border:1px solid #e5e5e5; margin:20px auto 80px;}
.down_tit{height:40px;line-height:40px;background:#f1f2f3;border-bottom: 1px solid #e5e5e5;}
.down_tit h3{margin-left:28px;color:#555;font-size:18px;font-weight:400;}
.down_box{padding:50px;background:#fff; color:#666;}
.down_box dt{float:left; margin-right:50px;width:260px;min-height:200px;}
.down_box dt a{ display:block;max-height:500px;overflow:hidden;}
.down_box dt a img{width:260px;}
.down_box dd{float:left; width:580px;}
.down_box dd h3{font-size:20px;}
.down_box dd .down_tips{background:#fff9f3;border:1px solid #ffd8c0;padding:10px 15px; margin-top: 20px;color:#ff552e;}
.down_box dd .down_btn{margin-top:20px;}
.down_box dd .attributes{font-size:14px; color:#999;margin-top: 18px;}
.down_box dd .attributes span{ margin-right:30px;}
.down_box .secure_link{padding:20px 0 0;}
.down_box .secure_link span{padding:10px;margin-top:10px;border:#c2c2c2 1px dashed;display: block;}
.down_banner{ margin:0 auto; width:1000px;}
.down_notice{background:#f1f2f3;text-align:left; line-height:28px;padding:20px;color:#999;border-top:1px solid #e5e5e5;}
.down_notice dt{padding:15px 20px 15px 10px;border-right:1px solid #e5e5e5;}
.down_notice dt,.down_notice dt i{font-size:28px;color:#999;}
.down_notice dd{ line-height: 28px; width: 760px;}

/*常见问题*/
.site-main{background:#fff;}
.site-tree{width:180px; min-height: 900px; padding: 5px 0 20px; float: left;}
.site-content{width:959px; min-height: 900px; padding:10px 30px 30px; float: right;border-left:1px solid #eee;}
/* 文档 */
.site-tree .layui-tree{line-height: 32px;}
.site-tree .layui-tree li i{position: relative; font-size: 22px; color: #000}
.site-tree .layui-tree li a cite{padding: 0 8px;}
.site-tree .layui-tree .site-tree-noicon a cite{padding-left: 15px;}
.site-tree .layui-tree li a em{font-size: 12px; color: #bbb; padding-right: 5px; font-style: normal;}
.site-tree .layui-tree li h2{line-height: 36px; border-left: 5px solid #ff552e; margin: 15px 0 5px; padding: 0 10px; background-color: #f2f2f2;}
.site-tree .layui-tree li ul{margin-left: 27px; line-height: 28px;}
.site-tree .layui-tree li ul a,
.site-tree .layui-tree li ul a i{color: #777;}
.site-tree .layui-tree li ul a:hover{color: #333;}
.site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc;}
.site-tree .layui-tree li ul li cite,
.site-tree .layui-tree .site-tree-noicon ul li cite{padding-left: 0;}
.site-tree .layui-tree .layui-this a{color: #ff552e;}
.site-content p{font-size:14px;line-height:26px;color:#666}
.site-title{ margin:10px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin-left: 20px;  padding: 0 10px; font-size: 22px; font-weight: 300;}
/*登录 注册*/
.login_box{height:auto;background:#fff;color:#999;}
.login_tit{text-align:center; line-height: 32px; padding-top:15px;}
.login_tit h5{font-size:24px; color:#000;line-height: 60px;}
.login_tit p{color:#6b6b6b;font-size: 18px;}
.toQuickSign{color:#ff552e!important}
.toQuickLogin{color:#ff552e!important}
.login_main{padding:0 0 20px; color:#999;}
.login_main a{color:#999}
.login_main a:hover{color:#ff552e}
.login_type{text-align: center;margin-bottom:5px}
.login_type a{width:100px;display:inline-block;letter-spacing:2px;margin:28px; text-align:center;}
.login_type a span{color: #666; padding: 10px 0;font-size:16px;}
.login_type a:hover span{color: #333}
.login_type a i{color: #fff;}
.login_type a:hover{ opacity:0.8}
.login_type .quick_qq .type_circle i{font-size:78px;color:#19a9f1;}
.login_type .quick_wx .type_circle i{font-size:78px;color:#00bb00;}
.login_bottom{padding:10px 60px;text-align: center;}
.login_bottom .to_login{ margin-top: 15px;}
/*专题列表页*/
.roll_topic{margin-right: -20px;}
.topic_item{ float:left; display:inline-block;margin:0 20px 20px 0;}
.topic_item a{width:285px;height:196px;display:block;overflow:hidden;position: relative;}
.item_mask {position: absolute; left: 0; right: 0; bottom: 0; height: 64px;  text-align: center; color: #fff;z-index: 1;background: rgba(0,0,0,.9);background: -webkit-linear-gradient(top, rgba(0,0,0,0) ,rgba(0,0,0,.9));background: -o-linear-gradient(top, rgba(0,0,0,0) ,rgba(0,0,0,.9));background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,.9));background: linear-gradient(to bottom, rgba(0,0,0,0) ,rgba(0,0,0,.9));transition: all 0.4s;}
.item_mask h4{text-align: center;margin-top:24px;font-size: 20px;line-height:24px;text-overflow: ellipsis;white-space: nowrap;}
.item_mask p{padding-top: 15px; position: relative; display: none;}
.item_mask p:before{position: absolute; left: 50%; margin-left: -60px; top: 0; width: 120px; height: 1px; background: #fff; content: "";}
.topic_item:hover .item_mask{height: 100%; background:#4c4c4c;opacity:.7}
.topic_item:hover .item_mask h4{margin:68px 0 12px;}
.topic_item:hover .item_mask p{display: block;}
/*网站地图*/
.map_wap{ background:#fff; padding:30px; margin:20px auto}
.map_wap dl{ margin:0 auto 30px auto; overflow:hidden; border-bottom:1px dotted #eee; padding-bottom:20px;}
.map_wap dt{ font-weight:bold; font-size:16px; margin-bottom:15px; display:block; color:#333}
.map_wap dd p a{ margin:0 15px 10px 0; background:#f7f7f7; display:inline-block; padding:5px 10px; border-radius:3px; border:1px solid #e9e9e9; line-height:20px;}
.map_wap dd span a{ margin:0 15px 5px 0;  display:inline-block;  line-height:20px;}
/*素材标签大全*/
.tags_box a{ margin:0 15px 10px 0; background:#fff; display:inline-block; padding:2px 8px; border-radius:3px; border:1px solid #e9e9e9; line-height:24px;}
.tags_box a:hover{border:1px solid #ff552e;}
/*搜索页*相关搜索*/
.related_search{ border:1px dashed #ff552e; margin-bottom:40px;}
.related_search dl{padding:10px 15px;}
.related_search dt{ color:#999;font-weight:bold; width:70px; height:50px; float:left; padding-top:5px;}
.related_search dd a{ margin:0 20px 0 0;  line-height:26px; display:inline-block;}

/*qq群联盟*/
.group_box{ margin:40px auto 20px;}
.box_title{ font-size:26px; text-align:center; color:#333; margin:10px 0 20px 0; font-weight:normal; letter-spacing:1px;width:1200px; }
.box_title i{ font-size:26px;color:#ff552e;margin-right: 8px;}
.group_main{margin-right:-20px;}
.group_item{ border:1px solid #f3f3f3; border-radius:5px; background:#fcfcfc; width:340px; height:88px; float:left; margin:0 20px 20px 0; padding:25px 20px; position:relative; }
.group_item:hover{ background:#fcfbf9; border:1px solid #ffbd69;}
.group_item .qq_photo{float:left;width:38px; height:38px; border:1px solid #e2e0de; background:#fbf5ee; border-radius:50%;  padding:12px; margin-top:8px;}
.group_item .qq_number{float: left; font-size:14px; text-align:left; margin:5px 0 0 30px; color:#999}
.group_item .qq_number em{ display:inline-block; color:#ff6600; font-size:16px;  font-style:normal; margin-top:3px;}
.group_item .qq_number span{ display:block; font-size:16px; color:#666; margin:5px 0 10px 0;}
.rules_box{ width:1200px; margin:0 auto;background:url(//js.16pic.com/static/images/qqlm_img.png) no-repeat right bottom;}
.rules_box dl{ margin-bottom:30px;}
.rules_box dt{ font-size:18px; font-weight:normal; margin-bottom:5px;}
.rules_box dd{ font-size:16px; line-height:30px; color:#666}
.group_apply{background:#fff;width:378px;padding:10px 18px 0;}
.group_apply ul{text-align:left;}
.group_apply li{ line-height:38px; margin:12px 0}
.group_apply li input[type="text"]{width: 258px;height: 36px;line-height: 36px;border-radius: 4px;color: #666;border: 1px solid #ddd;padding-left:10px; background:#fffefd;}
.group_apply li em{ color:#F00; margin-right:3px;}
.group_apply li span{ font-size:14px;color:#333;}
/*获取VIP方式*/
.risk{padding:20px; width:418px; float:left; margin:20px 20px 0 0;background:#fafafa;border-radius:5px;}
.risk:hover{background:#fafafa;}
.risk dt{margin-right:15px;}
.risk dt i{font-size: 52px;}
.risk dd{text-align:left;overflow:hidden; line-height: 22px;}
.risk dd h6{ font-size:16px; color:#333; margin-top:3px;}
.risk dd p{ color:#999; font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.risk .risk_btn{border:1px solid #ddd; border-radius:40px; width:92px; margin-top:5px; text-align:center; line-height:36px; display:inline-block;background:#fff;}
.risk .risk_btn:hover{ border:1px solid #ff552e;}
.risk .complected{color:#999; border:none;}
.risk .color_icon1{ color:#f77c7c;}
.risk .color_icon2{ color:#6ad9f0;}
.risk .color_icon3{ color:#6dc1fe;}
.risk .color_icon4{ color:#fdb826;}
.risk .color_icon5{ color:#54dc94;}
.risk .color_icon6{ color:#948dcf;}
.risk .color_icon7{ color:#6cc2fe;}
.risk .color_icon8{ color:#81d6e8;}
.risk .color_icon9{ color:#92dc54;}
/*vip介绍*/
.vip_banner{display:block;width:100%;height:232px;background:url(//js.16pic.com/static/images/vip_banner.jpg)  no-repeat center center;}
.free_vip{margin:40px -20px 20px 0;}
.free_vip .risk{width:345px;background:#fff; margin:0 20px 0 0;}
.vip_privilege{margin: 20px 0 50px;}
.contrast{ width:298px; border-left:1px solid #eee; border-top:1px solid #eee; float:left;background:#fff;}
.contrast h4 { height:55px; line-height:55px; font-size:20px; color:#666; text-align:center; font-weight:normal}
.contrast h4 span{ display:block}
.vip_table{ padding-bottom:20px;}
.contrast p{ height:45px; line-height:45px; text-align:center; font-size:16px; color:#666;      }
.contrast .trp_2{ background:#f8f6f1; }
.vip_ordinary{ border-right:1px solid #eee;  }
.contrast .kt_btn{ padding:10px 0 30px 0;  height:70px;    }
.contrast p .price{ font-size:14px; color:#666;}
.contrast p .price font{ font-size:32px; color:#666;font-weight: normal;}
.contrast p  i{ background:url(//js.16pic.com/static/images/index_icons.png) no-repeat; width:30px; height:26px; display:inline-block; vertical-align:sub; }
.contrast p .ordinary_icon{ background-position:-82px -560px; }
.contrast p .year_icon{ background-position:-126px -560px; }
.contrast p .lifelong_icon{ background-position:-166px -560px; }
.contrast p label{background:url(//js.16pic.com/static/images/index_icons.png) no-repeat; width:20px; height:20px; display:inline-block; margin-top:12px;}
.contrast p .vip_no{ background-position:-172px -530px;  }
.contrast p .vip_yes{ background-position:-141px -530px;}
.margin_c{ width:20px; float:left;  }
.type_price_box .obtain_year dt i{ background:url(//js.16pic.com/static/images/index_icons.png?v001=20180523) no-repeat -450px -262px;}
.type_price_box .obtain_year dd p font{ color:#fd9e07;}
.type_price_box .obtain_month dt i{ background:url(//js.16pic.com/static/images/index_icons.png?v=20180522) no-repeat -463px -334px;}
.type_price_box .obtain_month dd p font{ color:#11c89a;}
.privilege .info_item{ width:1200px; margin:0 0 30px 0; }
.privilege .info_item .gn_icon{ width:215px; margin:0 20px 20px 0 }
.button{display:inline-block; border-radius:80px; line-height:2px; padding:15px 20px; margin:-18px 0 0 10px; vertical-align:middle;}
.year_btn{ border:1px solid #ff552e; color:#ff552e; }
.year_btn:hover{ background:#ff552e; color:#fff;}
.vip_container .lifelong_btn{ background:#ff552e;border:1px solid #ff552e;  color:#fff; }
.lifelong_btn:hover{ color:#fff; opacity:0.9;}
.lifelong_vip{border:1px solid #f2ddaf;box-shadow: 0 0 10px 2px rgba(0,0,0,.08);color: #ca963b; padding:10px 0; margin-top:-10px;background-color: #fffaeb; position:relative;}
.recommend_icon{ width:68px; height:68px; background:url(//js.16pic.com/static/images/recommend_icon.png) no-repeat; display:inline-block; position:absolute; top:-1px; left:-1px;}

/* 用户摘要*/
.user_info_box{ }
.user-box{padding:20px; background:#f6f6f6; overflow:hidden; margin-top:5px;color:#666;border-radius:5px;}
.user-box .face{width:86px;height:86px;float:left;}
.face img{width:86px;height:86px;border-radius:50%; }
.resume{float:left;margin:10px 0 0 30px; width:580px; line-height:24px;}
.resume p{padding-bottom: 4px;}
.resume .user-info span{color:#999;margin-right:20px; float:left;}
.btn-to-profile{margin:30px 20px}
.home_box{ margin:30px 0 20px 5px; overflow:hidden; width:1000px;}
.home_box h3{ font-size:18px; color:#666;}
/*个人中心左侧*/
.user_center{width:1200px;margin:10px auto 30px; clear: both; overflow: hidden;}
.left_user{width:160px;float:left;padding:10px 0 0;}
.right_user{float:right;background:#fff;width:1000px;min-height:680px;}
.right_user .right_box{padding:18px 30px;}
.left_user{position: relative;}
.left_user li{margin:10px 0;}
.left_user li a{padding:10px 30px;text-align:left;display:block;width:100px;border-radius:3px;}
.left_user li a:hover{color:#fff;background:#fb6f4f;}
.left_user li .selected{color:#fff;}
.left_user li a i{font-size:18px; vertical-align:middle;}
.left_user li a span{line-height: 20px;margin-left:10px;}
/*用户中心图片展示 */
.pic-box{ width:970px;}
.pic-box li{float:left;width:172px;margin:0 20px 20px 0; text-align:center;position:relative;}
.pic-box li img{width:172px;border-radius:3px;margin-bottom:5px;height:172px;   }
.pic-box li a{display:inline-block;}
.pic-box li a p{ display:inline-block;text-overflow: ellipsis;white-space: nowrap;width:160px;overflow: hidden;}
.pic-box li span{float:right;color:#999;font-size:12px;}
.pic-box li .remove-fav{position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;background:#333;font-size:20px;color:#fff;border-radius:3px;text-align:center;display:none;}
.pic-box li a:hover i{display:block;}
/*用户中心TABS切换*/
.user_tabs{height:50px;line-height:50px;margin-bottom:20px; border-bottom:1px solid #eee;}
.user_tabs .tab{float:left;margin-right:40px;font-weight:bold;}
.user_tabs .tab a font{font-size:14px; font-weight:normal;}
.user_tabs .tab a{font-size:18px;padding-bottom:10px;color:#666; font-weight:normal; height:39px; display:block; }
.user_tabs .tab:hover,.user_tabs .tab .active{color:#ff552e;border-bottom:1px solid #ff552e;}
.user_tabs .works_btn_upload{ float: right;}
.user_tabs .works_btn_upload a{ padding: 5px 12px; color: #fff;border-radius:3px;text-align:center;}
.user_tabs .works_btn_upload a:hover{opacity:.8;}
/*文字提示*/
.text_tips{margin:20px 10px;}
.text_tips h3{font-size:16px;color:#666;}
.text_tips p{margin:10px 0;line-height:24px;font-size:14px;color:#999;}
.text_tips p strong{color:#666;}
.text_tips p a{color:#ff552e;}
/*上传文件-上传框*/
.upload_container{width:100%;min-height:800px; margin:0 auto;}
.upload_drop{width:100%;height: 280px;background:#fff;-webkit-border-radius: 4px;border-radius: 4px;margin:0 auto 18px;border: dashed 1px #e5e5e5;}
.upload_drop .file_btn{text-align:center;margin-top:80px;}
.upload_drop p{text-align:center;font-size:14px;line-height:24px;}
.upload_drop .file_btn{margin-bottom:25px;}
.upload_drop .file_btn a{border-radius:3px;color:#fff;display:inline-block;padding:15px 60px;font-size:16px;letter-spacing:1px;}
.upload_drop .file_btn a:hover{opacity:0.8;}
.upload_drop .filep1{font-size:18px;margin:5px 0;color:#666;}
.upload_drop .filep2{font-size:14px;color:#999;}
/*上传中*/
.upload_file{padding:10px;line-height:24px;background:#fff;border: solid 1px #e5e5e5;border-radius:3px;margin:10px auto;clear:both;position: relative;}
.upload_file .file_box{clear: both;height: 118px;}
.upload_file .info_box{clear: both}
.upload_preview,.upload_info,.upload_save{float: left;}
.upload_file .upload_preview{width:118px;margin-right:20px;}
.upload_file .upload_preview a{position:relative;display:block;width: 118px;overflow: hidden;border-radius:3px;text-align:center;}
.upload_file .upload_preview a img{vertical-align:middle;}
.upload_file .upload_preview a span{display:block;width:118px;text-align:center;background:#a1a1a1;border-radius:0 0 3px 3px;color:#fff;font-size:12px;padding:5px 0}
.upload_file .upload_info{width:660px;margin-right:20px;}
.upload_file .upload_info dt{}
.upload_file .upload_info dd{padding-top:10px;}
.upload_file .upload_info span{font-size:14px;line-height:24px;white-space:nowrap;}
.upload_file .upload_info i{color:#ff6600;}
.upload_file .upload_save{}
.upload_file .upload_save .btn_fill{height:24px;line-height:24px;text-align:center;padding:3px 18px;border-radius:3px;display:inline-block;color:#fff; margin-top:48px;font-size:12px;}
.upload_file .upload_save .mr28{margin-right: 28px;}
.upload_file .upload_save .disable{background:#ddd;color:#666;}
.upload_file .upload_save .btn_fill:hover{opacity:.8;}
.upload_file .remove{position:absolute;top:5px;right:5px;width:25px;height:25px;display:block;line-height:25px;font-size:30px;color:#999;text-align:center; }
.upload_file .remove:hover{color:#333;}
/*上传进度条*/
.upload_file .progress{margin-top:2px;width:280px;height:18px;margin-bottom:10px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.upload_file .progress-bar{background-color:#5cb85c;background-image:linear-gradient(45deg,rgba(255,255,255,0.14902) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.14902) 50%,rgba(255,255,255,0.14902) 75%,transparent 75%,transparent);background-size:40px 40px;box-shadow:rgba(0,0,0,0.14902) 0 -1px 0 0 inset;box-sizing:border-box;color:#fff;display:block;float:left;font-size:12px;height:18px;line-height:18px;text-align:center;transition-delay:0s;transition-duration:.6s;transition-property:width;transition-timing-function:ease;}
/*上传-完善信息*/
.upload_works_info{padding:10px; color: #666;}
.upload_works_info dl{overflow:hidden;margin:20px 0;color:#666;}
.upload_works_info dt{float:left;width:100px;font-size:14px;text-align:right;height:32px;line-height:32px;margin-right:20px;}
.upload_works_info .info_category select{width:160px;margin-right:10px;color:#666;}
.upload_works_info dd{float:left;font-size:14px;width: 600px;}
.upload_works_info dd select{height:35px;line-height:35px;border:1px solid #ddd;border-radius:3px;padding-left:5px;}
.upload_works_info dd select option{line-height:24px;}
.upload_works_info dd .soft select{margin:5px;width:210px;color:#666}
.upload_works_info dd .input_text{width:600px;border:1px solid #ddd;border-radius:3px;padding:5px;height:35px;line-height:24px; color: #666;}
.upload_works_info dd .input_keyword{min-width:600px;min-height:168px;border:1px solid #ddd;border-radius:3px;padding:10px;}
.upload_works_info dl.info_original dd{margin-top:10px;}
.upload_works_info dl label{margin: 0 28px 0 5px;}
.upload_works_info input[type=radio]{margin-right:5px;}
.upload_works_info .info_title dd,.upload_works_info .info_keyword dd{position: relative;}
.upload_works_info .info_title em{position: absolute;right: 8px;top:11px;}
.upload_works_info .info_keyword em{position: absolute;bottom: 10px;right: 8px;}
.upload_works_info dd .format_list{margin:0 0 15px 0;width: 600px; line-height: 32px;}
.upload_works_info dd .format_list li{vertical-align:middle;width:100px;float: left;}
.upload_works_info dd .format_list li a{}
.upload_works_info dd .format_list li i{width:16px;height:16px;line-height:16px;text-align:center;display:block;float:left;border: 1px solid #d3d3d3;margin-top:9px;margin-right: 5px;color:transparent; overflow: hidden; cursor: pointer; border-radius:3px;  box-sizing: border-box; vertical-align: middle;-webkit-transition: all , 0.3s;-moz-transition: all,0.3s ;-o-transition: all, 0.3s;transition: all, 0.3s; position:relative;}
.upload_works_info dd .format_list li.check i,.upload_works_info dd .format_list a:hover i{border: 1px solid #ff552e;background:#ff552e;}
.upload_works_info dd .format_list li.check i:after,.upload_works_info dd .format_list a:hover i:after{content: '';position: absolute;width: 9px;height: 5px;background: transparent;top: 2px;left: 2px;border: 1px solid #fff;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all,0.3s;-moz-transition: all,0.3s;-o-transition: all,0.3s ;transition: all, 0.3s;}
.upload_works_info dd .format_list li.check a,.upload_works_info dd .format_list a:hover{color:#ff552e;}
.upload_works_info dd .w_small{width:60px;margin-right:5px;}
.upload_works_info dd .info_preview{display:inline-block;margin:0}
.upload_works_info dd .info_preview img{border-radius:3px;}
.upload_works_info dd .info_preview span{display:block;text-align:center;width:120px;margin-top:10px;border-radius:3px;color:#ff9517;border:1px solid #ff552e;}
.upload_works_info .btn_info_submit,.upload_works_info .btn_info_cancel{height:32px;line-height:32px;text-align:center;padding:3px 30px;border-radius:3px;display:inline-block;color:#fff;margin-right:22px;}
.upload_works_info .btn_info_cancel{background:#ddd;color:#666}
/*我的作品*/
.user-works{width:100%;overflow:hidden; text-align: center;}
.user-works .works-preview{width:180px;text-align:center;}
.user-works tr{font-size:14px;border-bottom:1px solid #eee;}
.user-works td{padding:18px 10px;}
.user-works .design_preview{width:180px;text-align: center;}
.user-works .design_preview img{ vertical-align: middle;}
.user-works .design_info{ padding-left:15px;font-size:13px;line-height:28px;color:#666;}
.user-works .design_info span{color:#999;}
.user-works .design_keyword{line-height: 20px;}
.user-works .design_action {width:200px;}
/*充值页面*/
.pay-main{background:#fff;overflow:hidden;margin:0 auto;padding: 18px 0 18px 20px;}
.vip_item_box{overflow:hidden;margin:30px 0;}
.vip_item{ width:275px; height:auto;float:left;position:relative;padding:15px 0;border:1px solid #eee;text-align:center;background:#fff; border-radius:3px; margin-right:25px;color:#666;cursor: pointer;}
.vip_on{border:1px solid #ff552e;box-shadow:0 0 3px #fb6f4f;}
.vip_item .price{margin: 0 15px; padding-bottom:15px; border-bottom:#eee 1px solid;}
.vip_item .price strong{font-size:36px;color:#ff552e; font-weight: normal;}
.vip_item .info{padding-top: 20px;}
.vip_item .vip_check{position: absolute;right:-1px;bottom:-1px;font-size:28px; color: #ff552e;display: none;}
.vip_item .vip_rec{position: absolute;left:0;top:0;font-size:48px; color:#ff552e;}
.vip_item .vip_tips{position: absolute;top: 0;left: 0;background:#ff552e;color:#fff;font-size: 12px;padding:2px 3px;}
.vip_item_box .vip_on{color: #ff552e;}
.vip_item_box .vip_on .price{border-bottom:#ff552e 1px solid;}
.vip_item_box .vip_on .vip_check{display: block;}
.pay_tips{font-size:16px;margin:18px 0;color:#666;text-align: center;}
.pay_method{padding:10px 0;overflow:hidden;margin:18px 0 0 220px;}
.pay_method .scan_box{float:left;width: 190px;height:218px;margin-right: 118px;position: relative;border:1px solid #ddd;}
.pay_method .scan_box .scan_area{width: 160px;height:160px;margin:15px auto 0;background: url("//js.16pic.com/static/images/scan_wait.gif") no-repeat center center;}
.pay_method .scan_box .scan_tit{display:block;padding:0 15px;line-height:36px;font-size:14px;color:#666;text-align:center;}
.pay_method .scan_tit i{font-size:26px;vertical-align: middle;}
.pay_method .scan_tit i.i_weixin{color:#45BD00;}
.pay_method .scan_tit i.i_alipay{color:#45A5F6}
.pay-statement{font-size:14px;margin:28px 0;color:#999;line-height:28px;}
/*邀请好友*/
.invite_box{}
.invite_tips{font-size:16px;color:#666;margin:10px 0;}
.invite_input input{width:80%;height:48px;line-height:50px;padding:0 15px;background:#f8f8f8;vertical-align:middle;color:#999;font-size:14px;border:1px solid #ff552e;border-radius:3px 0 0 3px;}
.invite_input .invite_copy{border-radius:3px;color:#fff;padding:0 30px;height:50px;line-height:50px;display:inline-block; margin-left:-6px;font-size:14px;vertical-align:middle;background: #ff552e;}
.invite_input .invite_copy:hover{background: #fb6f4f;}

a:hover{color:#ff552e}
.phone_login .layui-input-block{
    margin-left: 0;
}
.relative_tags .title{font-size:14px; line-height: 40px; color:#333;}
.relative_tags a{ padding:5px 8px; margin-right:10px; line-height:38px;white-space: nowrap; border-radius:3px;}
.relative_tags a:hover{ color:#ff552e;}
.bottom_tags{
    padding: 20px;
    background: #fff;
}
@font-face {
    font-family: "icons"; /* Project id 3257311 */
    src: url('./ui/icons/iconadd/iconfont.woff2?t=1653204630880') format('woff2'),
         url('./ui/icons/iconadd/iconfont.woff?t=1653204630880') format('woff'),
         url('./ui/icons/iconadd/iconfont.ttf?t=1653204630880') format('truetype'),
         url('./ui/icons/iconadd/iconfont.svg?t=1653204630880#iconfont') format('svg');
}
.icon-lianxikefu:before {
    content: "\e668";
}
.other_works .title{
    font-size:14px; line-height: 40px; color:#333;
}
.other_works img{
    width: 78px;margin:3px;height:100px
}
#demo2-1 {
    text-align: center;
}
#demo2-1 .layui-laypage-em{
    border-radius: 5px;
}
#demo2-1  a{
    margin-right: 9px;
    line-height: 38px;
    height: 38px;
    border-radius: 5px;
}
#demo2-1  span{
    margin-right: 9px;
    line-height: 38px;
    height: 38px;
    border-radius: 5px;
}
.topic_jianjie{
    font-size: 15px;
    color: #666;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    line-height: 26px;
    border: 1px solid #ddd;
}
.wx_kefuhover{
    position: relative;
}
.wx_kefu{
    display: none;
    position: absolute;
    right: 80px;
    top: 0px;
    width: 160px;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
    text-align: center;
}
.toolbar li a.money_logo{
    display: none;
    position: absolute;
    right: 74px;
    top: -34px;
    width: 290px;
    text-align: center;
    height: auto;
    padding: 0;
    background: none;
}
.toolbar li a.money_logo img{
    width: 290px;
}
.wx_kefu img{
    width: 100%;
}
.money_kefuhover{
    position: relative;
}
.wx_kefuhover:hover .wx_kefu{
    display: block;
}
.money_kefuhover:hover .money_logo{
    display: block;
}
.today_rm{
    font-size: 24px;
    letter-spacing: 5px;
    font-weight: normal;
    color: #666;
}
.today_rmlist:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.today_rmlist{
    margin-bottom: 30px;
    margin-top: 20px;
}
.today_rmlist li{
    float: left;
    line-height: 23px;
    margin-right: 25px;
    margin-top: 10px;

}
.today_rmlist li a{
    border: 1px solid #a0a0a0;
    display: inline-block;
    border-radius: 17px;
    padding: 0 10px;
    color: #333;
}
.today_rmlist li a:hover{
    border: 1px solid #ff552e;
    display: inline-block;
    border-radius: 17px;
    padding: 0 10px;
    color: #ff552e;
}
.tabslist .layui-tab-brief>.layui-tab-title .layui-this{
    color: #ff552e;
}
.tabslist .layui-tab-brief>.layui-tab-title .layui-this a{
    color: #ff552e;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:2px solid #ff552e;
}
.tag_hotdown{
    text-align: center;
    color: #ff552e;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;

}
.bottom_tags a{line-height:38px;white-space: nowrap; border-radius:3px;}
.bottom_tags a:hover{  color:#ff552e;}
.tag_nav li{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}
.tag_nav a{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}
.tag_list li{
    float: left;
    margin-right: 20px;
    line-height: 30px;
}
.tag_list li a:hover{color:#ff552e}
.tag_nav .select{color:#ff552e;}
#mobile_active{
    background: #fff;
}
.phonelogin_tit{
    height:auto;background:#fff;color:#999;
}
.phonelogin_tit{
    text-align: center;
    line-height: 32px;
    padding-top: 8px;
}
.phonelogin_tit h5{font-size:24px; color:#000;line-height: 60px;}
.phonelogin_box{
    padding:0 20px
}
.yzm_input,.phone_input{
    position: relative;
}
.yzm_input input,.phone_input input{
    padding-left: 36px;
}
#get_yzm{
    position: absolute;
    right:6px ;
    bottom:10px;
    color: #EE5235;
}
.register_button p{
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    border-radius: 20px;
    text-align: center;
    background:#ee5235;
    cursor: pointer;
    background: linear-gradient(to right,#f88a65, #ee5235)
}
.pass_img,.phone_img{
    position: absolute;
    left:6px ;
    top:7px;
}
.three_login{
    float: right;
    margin-left: 20px
}
.phoneregister_input,.phonelogin_input{
    border-top:none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
}
.succ_msg{
    text-align: center!important;
    border: none!important;
    border-radius: 10px!important;
}
.succ_msg img{
    margin-top: 15px;
}
.succ_msg p{
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
}
/*活动界面样式  */
.actime {
    color: #fff;
    margin-top: 14%;
    font-size: 30px;
    font-family: STXinwei;
    font-weight: 400;
}

.card {
    width: 530px;
    height: 300px;
    margin: 0 auto;
    margin-top: 38%;
    position: relative;
    /* background:url("./card.png") no-repeat  center; */
}

.card>div {
    position: absolute;
    top: 0;
    width: 100%;
}

#paybtn {
    background: #02B4BB;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    width: 300px;
    border-radius: 30px;
    margin: 25px auto 0;
    color: #fff;
    line-height: 60px;
    cursor: pointer
}
.card_1p {
    color: #E3C484;
    padding-top: 40px;
}
.card_1p span {
    margin: 0 30px;
    font-size: 20px;
    font-family: STXinwei;
    font-weight: 400;
}
.card_2p,
.card_3p {
    color: #fff;
}
.change_pic{
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.prev_p{
    margin-right: 35px;
}
.change_pic a{
    display: inline-block;
    font-size: 18px;
    width: 152px;
    border: 1px solid #EE5235;
    line-height: 42px;
    color: #EE5235;
    text-align: center;
    margin-top: 20px;
    border-radius: 4px;
    cursor: pointer;

}
.touxiang_img{
    width: 80px;height:82px;border-radius:40px;border-radius: 40px;
}

#test1{
    position: absolute;top: 45px;left: 90px;z-index: 999;cursor: pointer;
}
#test2{
    position: absolute;top: 45px;left: 90px;z-index: 999;cursor: pointer;
}
.tx_change{
    height: 80px;width:80px;border-radius:40px;border:1px solid #ddd;text-align:center;line-height:80px;cursor:pointer;position:relative
}
.card_2p>span,
.card_3p>span {
    margin: 0 30px;
}

.card_2p {
    font-size: 21px;
    margin-top: 10px;
}

.card_3p {
    font-size: 16px;
}

.num {
    font-size: 69px;
    font-family: DIN Alternate;
}

.zanzhutip {
    margin-top: 50px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}

.pay_way {
    width: 81%;
    margin: 0 auto;
    margin-top: 30px;
}

.pay_way>div {
    width: 230px;
    height: 260px;
    border: 1px solid red;
}

.bg_img {
    width: 530px;
    position: relative;
}

.saoma .pay_method .scan_box {
    margin: 0;
    background: #fff;
    height: 265px;
    width: 230px
}

.scan_tit {
    margin-top: 5px
}

.scard {
    width: 80%;
    margin: 0 auto;
    margin-top: 155px;
    height: 240px;
}

.scard>div {
    width: 50%;
    position: relative;
}

.scard>div>div {
    position: absolute;
    top: 0;
    width: 100%;
}

.s_img {
    width: 360px;
    height: 233px
}

.saoma .pay_method .scan_box .scan_area {
    width: 200px;
    height: 200px
}

.down_tip {
    color: #B5B5B5;
    font-size: 16px
}

.liji_pay {
    background: #02B4BB;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    width: 240px;
    border-radius: 30px;
    margin: 25px auto 0;
    color: #fff;
    line-height: 60px;
    cursor: pointer
}

.pay_simg {
    position: absolute;
    top: 5px;
    left: 65px;
    width: 80px;
    display: none;
}

.pay_on {
    display: block;
}
.pay_tip_p{
    color: #02B4BB;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 52px;
}
.active_pay{
    border-radius: 20px!important;
}
.active_pay .layui-layer-content{
    height: 438px!important;
}
.active_pay .layui-layer-btn .layui-layer-btn0 {
    background: #dddd!important;
    width: 140px!important;
    color: #333!important;
    font-size: 20px!important;
    border-color: none!important;
    height: 40px!important;
    line-height: 40px!important;
    border: none!important;
}
#activitybody,#activitybody p{
    margin: 0;
    padding: 0;
    text-align: center;
}
#activitybody .activity_main .footer {
    position: absolute;
    bottom: 0;
}

#activitybody .bottom_tips {
    position: absolute;
    bottom: 19px;
    left: 300px;
}
#activitybody .bottom_tips p{
    text-align: left;
}
.activity_main_zp{
    background: url(/test/image/2025_newyear/bg.jpg) no-repeat;
    background-size: 1202px;
}
.activity_main_pay{
    background: url(/test/image/2025_newyear/bg2.jpg) no-repeat;
    background-size: 1202px;
}
.activity_main .footer{
    position: absolute;
    bottom: 0;
}
.activity_main{
    position: relative;
    /* height: 1400px; */
    width:1200px;
    margin: 0 auto;
}
/* 618活动 */
.activity_618{

}
.activity_618 .activity_page .activity_bg,.pay_bg{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.activity_618 .activity_page  .activity_bigdiv,.pay_bigdiv{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.activity_618 .activity{
    margin: -10px auto 0;position: relative;
    margin-top: -806px;
    width: 738px;
    background: #871A1D;
    border: 2px solid #FDF5E0;
    border-radius: 13px;
    z-index: 0;
    padding: 66px 10px 0 10px;
}
.activity_618 .activity div{
    width: 225px;
    margin-bottom: 20px;
    position: relative;
}
.activity_618 .activity div.small_div_num{
    position: absolute;
    padding-top: 20px;
    font-weight: bold;
    display: none;
}
.act_div{
    float: left;
    margin: 0 10px;
}
.zhuanpan_page .zhuanpan_bg,.pay_bg{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.zhuanpan_page  .zhuanpan_bigdiv,.pay_bigdiv{
    width: 100%;position: absolute;top:0;left: 0;min-width: 1200px;
}
.zhuanpan{
    width:438px;margin: 0 auto;position: relative;
}
.zhuanpan div{
    width: 225px;
    margin-bottom: 20px;
    position: relative;
}
.fanpai{
    width: 150px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 33px;
    font-weight: bold;
    cursor: pointer;
    background: #EDC07D;
    background: linear-gradient(#FFF7E8,#EDC07D);
    border-radius: 10px;
    color: #E80720;
    position: absolute;
    bottom: 56px;
    left: 50%;
    /* transform: translateX(-75px); */
    margin-left: -75px;
}
.zhizheng{
    width:120px;cursor: pointer;position: absolute;top: 50%;margin-top: -80px;left: 50%;margin-left: -60px;
}
.choujiang_btn{
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background: linear-gradient(#FFCE38,#FF921F);
    font-size: 23px;
    color: #fff;
    font-weight: bold;
    margin: 20px auto 20px;
    cursor: pointer;
}
.activity_tip{
    line-height: 30px;
}
.topic_div{
    width: 721px;
    margin-top: 5px;
    margin-left: 219px;
    margin-bottom: 20px;
}
.zhuanpan div.small_div_num{
    position: absolute;
    padding-top: 20px;
    font-weight: bold;
    display: none;
}
.yuandan_nump{
    color: #B65008;
    font-size: 31px;
    font-weight: bold;
}
.youhui_text{
    font-size: 21px;
    color: #B65008;
}
.youhui_tip{
    color:#B65008;
    font-size: 11px;
    margin-top: 30px;

}
.topic_div img{
    width: 81%;
}
.select_div .pay_div_on{
    /* border: 4px solid #3A089A; */
    border-radius: 5px;
    position: relative;
    background: #5003DB;
    color: #fff;

}
.div_69 img{
    width: 138px;
    height: 25px;
    top: -14px;
    left: -4px;
}
.div_69 span.tip_10{
    top: -11px;
    left: 8px;
    color: #fff;
    font-size: 12px;
}
.div_69{
    position: relative;
}
.div_69 img,.div_69 .tip_10{
    position: absolute;
}
.select_div div{
    width: 238px;
    height: 150px;
    background: #fff;
    box-sizing:border-box;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 10px;
    float: left;
    cursor: pointer;
}
.select_div{
    display: flex;
    /* justify-content: center; */
    font-size: 18px;
    padding-left: 210px;
}
.bg-icon1_s {
    display: inline-block;
    width: 24px; height: 22px;
    background: url('../img/css_sprites.png') -156px -52px;
}
.bg-icon1_n {
    display: inline-block;
    width: 24px; height: 22px;
    background: url('../img/css_sprites.png') -156px -10px;
}
.bg-icon2_n {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('../img/css_sprites.png') -56px -108px;
}
.bg-icon2_s {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('../img/css_sprites.png') -101px -108px;
}
.bg-icon3_n {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('../img/css_sprites.png') -60px -60px;
}
.bg-icon3_s {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('../img/css_sprites.png') -110px -10px;
}
.bg-icon4_n {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('../img/css_sprites.png') -110px -56px;
}
.bg-icon4_s {
    display: inline-block;
    width: 26px; height: 26px;
    background: url('../img/css_sprites.png') -10px -108px;
}
.bg-icon5_n {
    display: inline-block;
    width: 30px; height: 28px;
    background: url('../img/css_sprites.png') -60px -10px;
}
.bg-icon5_s {
    display: inline-block;
    width: 30px; height: 28px;
    background: url('../img/css_sprites.png') -10px -60px;
}
.bg-hot {
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(../img/css_sprites.png) -10px -10px;
    margin-right: 8px;
    vertical-align: -4px;
}
.bg-download {
    display: inline-block;
    width: 25px; height: 25px;
    background: url('../img/css_sprites.png') -156px -10px;
}
.right_actlogo{
    width: 150px;
    /* height: 150px; */
}
.pay_price{
    font-size: 48px;
    color: #5003DB;
}
.pay_div_on .pay_price{
    color:#fff;
}
.pay_line{
    height: 1px;
    border-top: 2px solid #ECECEC;
    margin-bottom: 18px;
    margin-top: 10px;
}
.pay_div_on .pay_line{
    height: 1px;
    border-top: 2px solid #fff;
    margin-bottom: 18px;
    margin-top: 10px;
}
#verifyImg{
    cursor: pointer;
}
.youhui_card{
    width: 212px;
    margin: 0px auto;
    position: relative;
}
.login_body .login_left {
    width: 50%;
    float: left;
    background: #FAFAFA;
    height: 700px;
    text-align: center;
    vertical-align: middle;
    padding-top: 113px;
    box-sizing: border-box;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}
#emailLoginForm .layui-form-item{
    margin-bottom: 30px;
}
#emailLoginForm .layui-form-item .layui-input-inline{
    width: 300px;
}
.login_body .login_right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    padding-top: 80px;
}
.login_body .login_tio_logo {
    background: #FFF7F4;
    padding: 30px;
}

.login_body .login_tit h5 {
    font-size: 33px;
    color: #000;
    margin-bottom: 20px;
}
.login_body .login_type{
    margin: 100px 0 120px 0;
}
.login_body .login_main a{
    color: #1C8AF1;
    margin: 0 30px;
}
.login_body .login_box{
    background: none;
}
.login_body .login_bottom{
    color: #1C8AF1;
    font-size: 15px;
    font-weight: bold;
}
.login_body .login_bottom a{
    color: #1C8AF1;
    margin: 0 0px;
    font-size: 15px;
}
.login_body .login_bottom{
    padding: 10px 85px;
}
#mobile_active .notclick {
    pointer-events: none !important;
}
#mobile_active .login_left {
    width: 50%;
    float: left;
    background: #FAFAFA;
    height: 700px;
    text-align: center;
    vertical-align: middle;
    padding-top: 113px;
    box-sizing: border-box;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
}

#mobile_active .login_right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    padding: 80px 60px 0 60px;
    height: 700px;
}

#mobile_active .login_box {
    height: 700px;

}

#mobile_active .login_tio_logo {
    background: #FFF7F4;
    padding: 30px;
}

#mobile_active .phonelogin_box {
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

#mobile_active .phonelogin_tit h5 {
    font-size: 33px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
}
#mobile_active .phonelogin_tit h5 img{
    position: absolute;
    top: 17px;
    left: 10px;
}
#mobile_active .layui-form-item{
    margin-bottom: 30px;
}
#mobile_active .register_button p{
    margin-top: 60px;
}
.youhui_card img{
    width: 100%;
}
.yh_pay_price{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 10px 0;
}
.youhui_price{
    color: #FFFFFF;
    font-size: 19px;
    position: absolute;
    top: 20px;
    left: 65px;
}
.youxiao_time{
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 60px;
    left: 53px;
}
.saoma .pay_method .scan_box {
    margin: 0;
    background: #fff;
    height: 180px;
    width: 156px;
}
.saoma .pay_method .scan_box .scan_area{
    width: 135px;
    height: 135px;
}
.saoma .pay_method .scan_box .scan_tit{
    padding: 0;
    line-height: 24px;
}
.saoma .pay_method .scan_box .scan_area{
    margin: 9px auto 0;
}
.saoma .scan_box{
    border-radius: 6px;
}
.bottom_tips{
    text-align: left;
    width:600px;
    margin: 0 auto;
    margin-top: 53px;
}
.bottom_tips p{
    text-align: left;
    color:#fff;
    line-height: 24px;
}
.zp_bg{
    /* transition: all 4s; */
}
.choujiang_layer{

}
.mask_bigdiv,.downmask_bigdiv{
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    display: none;
}
.mask_bigdiv .mask_sdiv,.downmask_bigdiv .mask_sdiv{
    width: 520px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 45%;
    margin-top: -200px;
    text-align: center;
}
.mask_bigdiv .mask_sdiv p,.downmask_bigdiv .mask_sdiv p{
    width: 100%;
}
.mask_bigdiv .mask_price,.downmask_bigdiv .mask_price{
    position: absolute;
    font-size: 45px;
    color: #FF0200;
    font-weight: bold;
    text-align: center;
    top: 170px;
}
.mask_bigdiv .mask_tip,.downmask_bigdiv .mask_tip{
    position: absolute;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    top: 241px;
}

.mask_bigdiv .mask_yh{
    position: absolute;
    text-align: center;
    top: 320px;
    left: 50%;
    margin-left: -113px!important;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    background:#FFCE38;
    background: linear-gradient(#FFCE38,#FF921F);
}
.downmask_bigdiv .mask_yh{
    position: absolute;
    text-align: center;
    top: 311px;
    left: 51%;
    margin-left: -113px;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    margin-left: -113px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
}
.mask_bigdiv .mask_close,.downmask_bigdiv .mask_close{
    margin-top: 20px;
    cursor: pointer;
}
.luckyName{
    width: 150px;
    height: 65px;
    position: absolute;
    display: inline-block;
    font-size: 24px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    top: 223px;
    left: 50%;
    margin-left: -64px;
}
.luckyName .name1,
.luckyName .name2,
.luckyName .name3 {
	width: 150px;
    height: 70px;
    line-height: 65px;
    position: absolute;
    color: #DC4C33;
    font-weight: 800;
}
.mask_getyh{
    position: absolute;
    text-align: center;
    top: 320px;
    left: 50%;
    margin-left: -113px;
    width: 226px!important;
    height: 46px;
    line-height: 46px;
    margin-left: -113px;
    color: #fff;
    font-size: 19px;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    background:#FFCE38;
    background: linear-gradient(#FFCE38,#FF921F);
}

.luckyName .name1 {
	bottom: 164px;
}

.luckyName .name2 {}

.luckyName .name3 {

	top: 164px;
}
/* 首页左边锚点 */
.home_toolbar{
    width: 44px;
    position: fixed;
    left:50%;
    bottom:100px;
    margin-left:-718px;
    z-index: 301;
    background:#fff;
     border-radius:22px;
}
.home_toolbar ul{
    text-align: center;
    padding: 20px 5px;
}
.home_toolbar ul li a{
    font-size: 12px;
}
.home_toolbar ul li{
   margin-top: 15px;
}
.home_toolbar .left_on{
    color:#ff552e
}
.paypal{
    color: #fff;
    width: 208px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    font-size: 14px;
    background: #45A5F6;
}
.paypal:hover{
    color: #fff;
}
div#kaigong_price {
    background: #fff;
    color: red;
    width: 263px;
    border-radius: 5px;
    border: 7px solid #FFDE88;
    height: 140px;
    margin: 0 auto;
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-top: 44px;
}
.opendoor_center{
    display: inline-block;
    width: 20px;
    height: 1px;
    border-top: 1px solid red;
    vertical-align: 5px;
    margin-right: 10px;
}
.opendoor_c_price{
    display: inline-block;
    width: 20px;
    height: 1px;
    border-top: 1px solid red;
    vertical-align: 5px;
    margin-left: 10px;
}
.opendoor_yuanjia{
    width: 136px;
    margin: 0 auto;
    background: #f5f5f5;
    color: #ddd;
    font-size: 13px;
    line-height: 26px;
    margin: 5px auto 10px;
    border-radius: 13px;
}
#view{
    width:80px;height:80px;border-radius:50%;line-height: 80px;text-align: center;
}
#file{
    cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;position:absolute;top:0;left:0;
}
#clipBtn{
    width:120px;height: 36px;border-radius: 4px;background-color:#ff552e;line-height: 80px;text-align: center;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;
}
#clipCancelBtn{
    width:120px;height: 36px;border-radius: 4px;background-color: #6d6767;line-height: 80px;text-align: center;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;
}
.cover-wrap{
    display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);z-index: 10000000;text-align:center;
}
#clipArea{
    height:56px;line-height:36px;text-align: center;padding-top:8px;
}
.apply_step{
    background-color: #fff;
    margin-top: 20px;
    padding: 30px 70px;
    box-sizing: border-box;
}
.apply_step .title{
    color: #303133;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 600;

}
.apply_step .steps{
    background: #F5F7FA;
    font-size: 16px;
    line-height: 54px;
    border-radius: 3px;
    margin-bottom: 50px;
}
.apply_step .apply_form{
    color:#606266 ;
    font-size: 14px;
}
.apply_step .steps div{
    width: 33.3%;
    float: left;
    color:#C0C4CC
}
.apply_step .steps img{
    width: 26px;
}
.apply_step .steps  .right_img{
    width: 26px;
    float: right;
    display: inline-block;
}
.apply_step .apply_form input{
    width: 380px;
    height: 40px;
    border:1px solid #DCDFE6;
    border-radius: 3px;
    margin-bottom: 30px;
    padding-left: 3px;
}
.apply_step .apply_form span{
    display: inline-block;
    width: 100px;
}
.apply_step  .step_num{
    display: inline-block;
    background-color: #C0C4CC;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin:0 15px 0 100px;
}
.apply_step .step_num_on{
    display: inline-block;
    background-color: #FF552E;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin:0 15px 0 100px;
}
.apply_step .step_protocol{
    color: #606266;
    line-height: 23px;
    font-size: 14px;
}
.apply_step .step_protocol p{
    margin-top: 20px;
}
.step_wait .p1{
    color: #FF552E;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.step_wait .p2{
    color: #2A303C;
    font-size: 14px;
    text-align: center;
    margin-bottom: 100px;
}
.apply_success{
    position: absolute;
    width: 406px;
    left: 50%;
    margin-left: -203px;
    top: 200px;
}
.apply_success .p1{
    font-size: 30px;
    color:#FFDFBB ;
    line-height: 40px;

}
.apply_success .p2{
    font-size: 18px;
    color: #fff;
}
.apply_form .layui-upload-img{
    width: 260px;
    height: 180px;
    margin: 0 10px 10px 0;
    position:relative
}
.apply_form .layui-btn{
    position: absolute;
    z-index: 999;
}
.apply_form .layui-upload{
    float: left;
}
.apply_form #btn_upload_file1,.apply_form #btn_upload_file2,.apply_form #btn_upload_file3{
    position: absolute;
    top: 78px;
    left: 118px;
    cursor: pointer;
}
.apply_form .upload_file{
    margin: 0;
    margin-right: 20px;
    position: relative;
}
.apply_form .next_step,.step_protocol .next_step{
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #409EFF;
    border-radius: 3px;
    color: #fff;
    margin: 30px auto 30px;
    cursor: pointer;

}
.upload_close{
    position: absolute;
    right: -10px;
    top: -11px;
    z-index: 99;
    cursor: pointer;

}
#demoText,#demoText2{
    text-align: center;
    color: #409EFF;
    font-size: 16px;
}
.designer .layui-layout-admin .layui-header{
    background: #fff;
    border-bottom: 1px solid #DCDFE6;
}
.designer .layui-bg-black{
    background: #fff!important
}
.designer .layui-nav{
    background: #fff;
    color: #909399
}
.designer .layui-nav-child dd{
    background: #fff;
    color: #909399
}
.designer .layui-nav-tree .layui-nav-child a{
    color:#909399
}
.designer .layui-nav-tree .layui-nav-child a:hover{
    color:#909399
}
.designer .layui-nav-tree .layui-nav-child dd.layui-this,.designer .layui-nav-tree .layui-nav-child dd.layui-this a,.designer .layui-nav-tree .layui-this,.designer .layui-nav-tree .layui-this>a,.designer .layui-nav-tree .layui-this>a:hover{
    background: #FF552E;
    border-radius: 3px;
    color: #fff;
}
.designer .layui-nav-itemed>.layui-nav-child{
    background-color:  rgba(0,0,0,0)!important;
    padding: 20px;
    box-sizing: border-box;
}
.designer_wrap{
    padding: 20px;
}
.designer_main_left{
    background: #fff;
    /* float: left; */
    width: 55%;
    padding: 20px;
    min-height: 800px;
    color: #606266;
}
.designer_main_right{
    padding-left: 20px;
    /* float: right; */
    width: 45%;
    min-height: 800px;
    color: #606266;
}
.works .designer_wrap .layui-tab-title{
    background: #fff;
}
.works .designer_wrap .layui-tab-content{
    background: #fff;
}
.designer_main_left .upload_works_info{
    padding: 0;
}
.designer_main_left .upload_works_info dt{
    width: 71px;
}
.designer_main_left .upload_works_info dd .input_text{
    width: 440px;
}
.designer_main_left .upload_works_info dd{
    width: 520px;
}
.designer_main_left .upload_works_info .info_title em{
    left: 404px;
}
.designer_main_left .upload_works_info dd .input_keyword{
    width: 430px;
    min-width: auto;
}
.designer_main_left .upload_works_info .info_keyword em{
    left: 408px;
}
.designer_up_t{
    color: #2A303C;
    font-size: 16px;
}
.designer_up_s{
    display: inline-block;
    width: 71px;
    text-align: right;
    margin-right: 20px;
}
.designer_up_up{
    margin-top: 20px;
}
.designer_main_left .upload_works_info dd .w_small{
    width: 60px;
}
.designer_main_right p{
    line-height: 30px;
    color: #999B9D;
    font-size: 12px;
}
.designer_main_right .designer_up_msg{
    margin-top: 40px;
    color: #606266;
}
.designer_main_right .designer_up_msg a{
    color: #FF6B49;
}
.sh_result div{
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-top: 20px;
}
.sh_result div img{
    width: 100%;
    height: 360px;
    margin-bottom: 10px;
}
.sh_result div p{
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #717273;
}
.sh_result div p span{
    font-size: 16px;
    color: #2A303C;
    font-weight: 700;
    margin-right: 6px;
}
.withdraw .a_bing{
    display: inline-block;
    width: 87px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FF552E;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px;
    border-radius: 4px;
}
.withdraw .layui-tab-title li.layui-this a{
    color: #FF552E;
}
.withdraw_bind .bind_inp div{
    margin-top: 20px;
}
.withdraw_bind .bind_inp div input{
    height: 40px;
    width: 400px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-left: 10px;
}
.withdraw_bind .bind_inp div input.yzm{
    width: 280px;
}
.withdraw_bind .bind_inp div span{
    display: inline-block;
    margin-right: 20px;
}
.withdraw_bind .bind_inp div #verifyImg{
    width: 100px;
    margin-left: 20px;
    height: 40px;
    border-radius: 3px;
}
.withdraw_bind .bind_inp .send_yzm{
    display: inline-block;
    width: 100px;
    margin-left: 20px;
    height: 40px;
    border-radius: 3px;
    background: #FF552E;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    cursor:pointer;
}
.withdraw_bind .bind_inp .sure_save{
    width: 414px;
    height: 40px;
    line-height: 40px;
    background: #FF552E;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    margin-left: 90px;
    cursor: pointer;
}
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1590549187425'); /* IE9 */
    src: url('iconfont.eot?t=1590549187425#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAYkAAsAAAAAC8QAAAXYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCECgqJPIc0ATYCJAMkCxQABCAFhG0HfxvfCRFVpEmS/ThwY6dhvSs2D1IltEj/nA/h5vvukiB3QKAiAu131XRz2BypCqVfRZl8FxoggGDu5VQz2k3IA+IJczzmXVyR/yVZa1xzvAwXoQIYAHu2ZroU31QYHKHqDdEWWQGAO1lVXYVCVSggeAXoXmhg4+WbiFcve6GemDd3AwHAEIU0kDbtuvSBBiLkIAKATJk4fiQ0OS3EFjKBRqGqmSnGkz8gQUN/picA/B6+PXmEWkQDUEgC5F49xrUdgxZetTdfUHyKIYICZXtmAIN5gAAgDYAIkOxaqx1CHEiDADZrL2ICAD8YIYBu629NXou3ureZt4W3izff54MylixH4Kf+yQM0EKCGCAkEFCqAqACZLiDNCGoAr9rwUmSCGgKQBVK0oepQQwRqBjUkoBZQgwB1gRoUKB8IV5ug7e8HIBggcwGySZCaSKiSSCQTns+XSfz0fkF6fYBJp9VE6kyhKqKto9PrghY7g8aNsZd7soPHu2yBYx2Ke4zVQyRXla0yULS7F2c4mcFqB1V2ctm2m1zqt0guc4VleJiu1Bnury+BbXJHQHEsNmw6FyXIG89G0twzs2jWzkS5Yne4kL0raRojBefr62ufF4xke5J0pe6QmezQpbiSy+052IYdys66vB+zOjNcnNscin1xn3Eik8b0G7/QT+DUJPD+1nOEtJgrNobuhXMILhchrmw+m0TtpdbyIOFg12/mCOzryHSXBvXr4z5n6e/iizddii44XZ/v83qZ0eqGqFRyk62KkHH9nOUBU2ayrJ223Rm7rDsWH7wYi417lT11UHihjeHI2hKOvJN15c2nowk7Le7xt+Uk/1Q9w4YTEWDkwK+tb1+HI6CPuTcjvNdUXemOwp2J+ordJbuSRtjKspTMUlbuyahabHBeSXaoSebHdRbX2ypDaaa7Hul3J6tlyxYt3Wtqc+uggZ5Iz0Dbqu3EbnIb2SPXjq7dfyJDGzSceUefpf+q3yb/mVInKS+pdhIZjzE1i7TP7pzQJXyNb7PneGTMl+e+2BumZbILjZVG4zNmufQKjakt+87epmqgjFegqRWeVqSpV9fw9E63O08NterVUn+d0W3GV/U714WZHTsGB5stZpypdwZVLT248HfNVvxryFfuWqHR2oc9uwcZ4+bEBezo1OLsGDtMC+eoU9VzcCOhRu0aq7QezYgEoZzd5C14oPGosy3p6uHDyZ+b5A5xHWR3vW3j2s55vm37tpyB876tLChwuTxzd6xbt82IWoU7zzRs0ax/wYzjVWSsscg0zsQIVzjVwffWcHZded+y/mL/TvJPzdVGqLHuUUbX1ok/DPi3278DvpE6t5s1OL/eanMVrTZqRMv0mO8erdlqlnhO8XNlGD94xJC4bLOTs/WMdwMH9pXbDh5ys999y702SwJQWEsM+FN0pwsBOsv6oPUWnXF+wnzUKwy697yNcVnQzRHbn2+bt7TKODEpUF2VbmK+Ankl4Xv6EfD5hGz6GgBEMz0EAMJP9GlI+SDUpjyij+wF9Nmfohdo3qOc4XKTNxr+Q6m49urTfprhU2YWFAAaUIDN/wtoJPPejKJ5LpQ6rTjlGS6jRDTmhcRbg6HFQEg+CoCpEuCL7/TDre3KA9k+gECT4w+AQo1IEKBBAk4k8dJAwtUBFY3mwFgs8zl/yRGZFoDZjwDC6Bcog90gMPrDiaQbSIL8g4qxIzD98l+RS0q9tE7ICq5wuYLi3pE2lJco/Q1FNSxlhSH1C1NWbpj6sRhe0GHaxpjcxFwKASVv4Sz2Q2M8hOQ35KWXpYTTMFDdLfXc292L1hLEFGgFLq6AwnkOufLFS+n13yChMpjUgjlj/YKSTDUPJr2RgVtkjoV5LLlZI8wK+QigQapngTOZkVEBD4T6bhvEFT25hi84GagYcWX9/uX2sW4AYORp2igRiEgkoiJqoiFawsAumRNcVveNx/noNsXcXWuW5WvdGtNrDcaztSNlzMMc9a14fK+fnviWabcD') format('woff2'),
    url('iconfont.woff?t=1590549187425') format('woff'),
    url('iconfont.ttf?t=1590549187425') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1590549187425#iconfont') format('svg'); /* iOS 4.1- */
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-shangchuan:before {
    content: "\e640";
  }

  .icon-wenjian:before {
    content: "\e64c";
  }

  .icon-Cash:before {
    content: "\e611";
  }

  .icon-shangchuan1:before {
    content: "\e62f";
  }

  .icon-upload-fill:before {
    content: "\e63e";
  }

  .icon-tixian:before {
    content: "\e69e";
  }

  .icon-tixian1:before {
    content: "\e62b";
  }

  .icon-wenjian1:before {
    content: "\e607";
  }
.goto_deback{
    display: inline-block;
    background: #E9613E;
    width: 112px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
}
.goto_deback:hover{
    display: inline-block;
    background: #E9613E;
    width: 112px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
}


.summer_mask{
    position: fixed;
    width: 100%;
    background-color:rgba(0,0,0,0.6);
    top: 0;
    height: 100%;
    display: none;
}
.summer_mask .smask_sdiv{
    width: 400px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -283px;
    text-align: center;
}
.summer_mask .smask_sdiv p{
    width: 100%;
}
.summer_mask .mask_price{
    position: absolute;
    font-size: 45px;
    color: #FF0200;
    font-weight: bold;
    text-align: center;
    top: 170px;
}
.summer_mask .mask_tip{
    position: absolute;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    top: 241px;
}

.summer_mask .mask_yh{
    text-align: center;
    width: 250px!important;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 22px;
    border-radius: 28px;
    font-weight: 500;
    cursor: pointer;
    background: #F36256;
    margin:  0 auto;
    margin-top: 20px;
}
.summer_mask .bg_title{
    width: 286px;
    position: absolute;
    top: 50px;
    left:50%;
    margin-left: -143px;
}
.summer_mask .summer_youhuis{
    position: absolute;
    top:80px;
    width: 100%
}
.summer_mask .summer_youhuis div{
    position: relative;
    width: 240px;
    height: 100px;
    margin: 0 auto;
    margin-top: 20px;
}
.summer_mask .summer_youhuis div img{
    position: absolute;
    width: 240px;
    height: 100px;
    top: 0;
    left: 0;
    z-index: 0;
}
.summer_mask .summer_youhuis div p{
    position: absolute;
    color: #fff;
    text-align: left;
    margin-left: 66px;
}
.summer_mask .summer_youhuis div p.price{
    font-size: 20px;
    top: 20px;
    font-weight: bold;
}
.summer_mask .summer_youhuis div p.desc{
  font-size: 14px;
  top: 55px;
}
.search_tips a{
    box-sizing: border-box;
}
.search_tips .searchhis a{
    display: inline-block;
    width: auto;
    padding: 0px 8px 0 8px;
}
.search_tips .searchhis .histitle{
    display: inline-block;
    width: 73px;
    float: left;
    line-height: 32px;
    padding-left: 20px;
    color: #666;
    opacity: 0.7;
}
.searchresult{
    float: right;
}
.search_tips .searchhis .hisitems{
    display: inline-block;
    width: 345px;
    float: left;
    color: #666;
    opacity: 0.7;
    /*height: 64px;*/
    overflow: hidden;
}
.cleanhis{
    line-height:32px;cursor:pointer;padding: 0px 8px 0 8px;display: inline-block;
}
.jump_filter a {
    cursor: pointer;
}
.f_banner{
    position: absolute;
    right: 0;
    top: 16px;
    margin: 0;
    margin: 0 !important;
}
.f_banner img{
    width: 246px;
}
.activity_layer_pay{
    padding-top: 30px;
}
.activity_layer_pay .p_tip{
    line-height: 30px;
    font-size: 18px;

}
#activitybody .activity_layer_pay .p_price{
    line-height: 30px;
    font-size: 18px;
    color: #999;
    margin-top: 20px;
 }
.activity_layer_pay span{
    line-height: 30px;
    font-size: 24px;
    color: #f60;
}
#activitybody .footer a{
    color: #9e9c9c;
}
.popup_image img{
    max-width: 100%;
}
.right-box-message {
    display: none;
}
.right-box-message .message-del{
    position: relative;
    right: -60px;
    top: 10px;
    z-index: 99;
    border-radius: 50%;
    background: #ffffff;
    display: inline-block;
    color: #888;
    padding: 2px;
    cursor: pointer;
}
.group_enter_logo img{
    width: 130px;
}
#aside-group-box_left{
    display: none;
    position: fixed;
    right: 50%;
    margin-right: 750px;
    top: 50%;
    transform: translateY(-60%);
}

#aside-group-box_right{
    display: none;
    position: fixed;
    left: 50%;
    margin-left: 750px;
    top: 50%;
    transform: translateY(-60%);
}
.top-box-message-group{
    display: none;
}
@media (max-width: 1539px) {
    .top-box-message-group{
        display: none;
        position: fixed;
        top: 100px;
        left: 50%;
        margin-left: 600px;
    }
    .top-box-message-group img{
        width: 130px;
    }
    .top-box-message-group .btn-on-image{
        top: 15px;
        right: 0px;
        width: 19px;
        height: 19px;
    }
}
@media (min-width: 1540px) {
    .top-box-message-group{
        display: none;
        position: fixed;
        top: 130px;
        left: 50%;
        margin-left: 630px;
    }
    .top-box-message-group img{
        width: 150px;
    }
    .top-box-message-group .btn-on-image{
        top: 18px;
        right: 2px;
        cursor: pointer;
    }

}
.right-box-message-group{
    animation: floatAndScale 1.5s ease-in-out infinite;
}
.top-box-message-group{
    animation: floatAndScale2 1.5s ease-in-out infinite;
}
@keyframes floatAndScale {
    0%, 100% {
        transform: translateY(-60%) scale(1);
    }
    50% {
        transform: translateY(-56%) scale(1.02);
    }
}
@keyframes floatAndScale2 {
    0%, 100% {
        transform: translateY(-10px) scale(1);
    }
    50% {
        transform: translateY(-20px) scale(1.02);
    }
}
.btn-on-image{
    position: absolute;
    top: 29px;
    right: 14px;
    /* background: #ddd; */
    width: 22px;
    height: 22px;
    border-radius: 10px;
    cursor: pointer;
}
#setdetail_btn{
    width: 100%;
    padding: 0;
    position: relative;
}
#setdetail_btn a{
    width: 86%;
    display: inline-block;
}
.extension-down-box-wrap{
    display: none;
    position: absolute;
    width: 352px;
    background: #fff;
    z-index: 9;
    top: 118px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    padding: 16px;
    box-sizing: border-box;
    border-radius: 4px;
}
.change-size{
    color: #fb6f4f;
    cursor: pointer;
}
.dropdown-disabled .change-size{
    color: #b8b8b8;
    cursor: auto;
}
#setdetail_btn a{
    color: #fff;

}
#setdetail_btn .layui-icon-down{
    float: right;
    border-left: 1px solid #fff;
    margin: 0px;
    padding: 0 8px;
}
.dropdown-disabled{
    color: #b8b8b8;
}
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 39px;
    padding: 0 8px;
    margin-bottom: 16px;
    border: 1px solid #e8e8e8;
    line-height: 39px;
    box-sizing: border-box;
    border-radius: 6px;
}
.layui-font-12{
    font-size: 12px;
}
.dropdown .layui-icon-down{
    float: right;
}
.dropdown-select {
    width: 100%;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 0;
    box-sizing: border-box;
}
.dropdown-option-on{
    background: rgba(255,85,46,0.2);
    color: #ff552e;
}
.dropdown-option p{
    color: #9d9696;
    line-height: 5px;
    font-size: 11px;
}
.dropdown-option-on p{
    color: #9d9696;
    line-height: 5px;
    font-size: 11px;
}


.dropdown-option {
    cursor: pointer;
    padding: 5px 20px 16px;
}

/*.dropdown-option:hover {*/
/*    background-color: #f1f1f1;*/
/*}*/
/* 给container元素设置宽高 并且限制图片的宽避免图片溢出容器 */
.container{
    width: 55%;
    height: 500px;
}
.container img {
    max-width: 100%;
}
.chang_size_wrap{
    width: 900px;
    display: flex;
    justify-content: space-between;
}
.size_wrap{
    width: 45%;
    padding: 16px;
}
.wrap_row{
    height: 408px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.form_image_cropper{
    width: 100%;
    background: #fb6f4f;
}
.layui-colla-title{
    letter-spacing: 4px;
    background-color: #f2f2f280;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.custom_body{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.custom_body .layui-form-select{
    width: 64px;
    margin-left: 5px;
}
.custom_body .custom{
    width: 64px;
    margin-left: 5px;
}
.custom_body .custom_add{
    font-size: 14px;
    color: #fb6f4f;
    cursor: pointer;
    padding: 5px;
    margin-left: 10px;
}
.wrap_row .layui-form-radio{
    width: 100%;
}
.wrap_row .custom_row_add{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.wrap_row .custom_delete{
    cursor: pointer;
}
#layui-icon-down{
    width: 30px;
}
.search-for-picture{
    text-align: center;
    padding: 40px;
}
.search-for-picture .title {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 20px;
}
.search-for-picture .sub-title {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .43);
    text-align: center;
    margin-bottom: 34px;
}
.pic-search-box {
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
}
.pic-search-box input[name=pic-search-url-input] {
    width: 364px;
    border: 1px solid #DFE3E9;
    color: #666;
    height: 44px;
    line-height: 44px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 6px;
    font-size: 14px;
}
.pic-search-tips {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .25);
    margin-bottom: 30px;
}
.pic-search-tips em{
    color: red;
}
.drop-box {
    width: 100%;
    height: 108px;
    background: #F8F8F8;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 22px;
    text-align: center;
    cursor: pointer;
}
.drop-box .pic-search-upload-btn {
    width: 123px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fb6f4f;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 15px;
}
.drop-box p {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 8px;
}
.p-search{
    display: inline-block;
    background: #fb6f4f;
    width: 50px;
    height: 46px;
    line-height: 44px;
    vertical-align: bottom;
    text-align: center;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    left: -4px;
    position: relative;
}

.search-pic {
    width: 98%;
    height: 186px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 #DFE3E9;
    box-shadow: 0 4px 8px 0 #DFE3E9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 24px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.search-pic>p {
    position: absolute;
    right: 32px;
    bottom: 72px;
    font-size: 14px;
    color: #666;
}
.search-pic>a {
    position: absolute;
    right: 32px;
    bottom: 32px;
    padding: 6px;
}

.mansory-container{
    margin-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}
.mansory-container .mansory-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mansory-container .mansory-column{
    width: -webkit-calc(25% - 8px);
    width: -moz-calc(25% - 8px);
    width: calc(25% - 12px);
}



/*下载提示弹出框样式*/

.successBoxTop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.successBoxTop .topBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.successBoxTop .topBox div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.successBoxTop .topBox i {
    font-size: 72px
}

.successBoxTop .topBox img {
    width: 72px;
    height: 72px
}

.successBoxTop .topBox .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    color: #666;
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.successBoxTop .topBox .text b {
    font-weight: 600
}

.successBoxTop .textBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.successBoxTop .textBox span:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.successBoxTop .textBox div {
    position: relative
}

.successBoxTop .textBox div:hover .hover-pop,.successBoxTop .textBox div .hover-pop:hover {
    display: block!important
}

.successBoxTop .textBox div:hover .hover-pop {
    display: block!important
}

.successBoxTop .textBox div:hover .hover-pop:before {
    display: block
}

.successBoxTop .textBox div .icon-PLG-wenhao {
    font-size: 12px;
    color: #666;
    margin-left: 4px;
    cursor: pointer
}

.successBoxTop .textBox div .hover-pop {
    display: none;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    left: -629%;
    width: 379px;
    height: auto;
    background-color: #333;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    padding: 8px
}

.successBoxTop .textBox div .hover-pop:hover {
    display: block!important
}

.successBoxTop .textBox div .hover-pop:before {
    position: absolute;
    bottom: -33px;
    left: 34px;
    content: '';
    width: 190px;
    height: 97px;
    background-color: transparent;
    z-index: -19;
    display: block
}

.successBoxTop .textBox div .hover-pop::after {
    position: absolute;
    bottom: -5px;
    left: 103px;
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333
}

.successBoxTop .textBox div .hover-pop .linkHover {
    color: #fff;
    text-decoration: underline
}

.successBoxTop .textBox div .hover-pop .linkHover:hover {
    color: #999
}

.successBoxTop .textBox .link {
    color: #fb6f4f;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.successBoxTop .textBox .link:hover {
    color: #25C288
}

.successBoxMiddle {
    height: 1px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background: #E8E8E8
}

.successBoxBottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

.successBoxBottom .contentTopBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.successBoxBottom .contentTopBox p {
    text-align: center;
    color: #fb6f4f;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.successBoxBottom .contentTopBox .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.successBoxBottom .contentTopBox .box .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.successBoxBottom .contentTopBox .box .content .imgBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.successBoxBottom .contentTopBox .box .content .imgBox img {
    width: 40px;
    height: 40px
}

.successBoxBottom .contentTopBox .box .content .contentText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.successBoxBottom .contentTopBox .box .content .contentText p:nth-child(1) {
    color: #666;
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.successBoxBottom .contentTopBox .box .content .contentText p:nth-child(2) {
    color: #999;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.successBoxBottom .btnContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.successBoxBottom .btnContent .buttonBox,.successBoxBottom .btnContent .buttonBox1,.successBoxBottom .btnContent .buttonBox-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
    height: 40px;
    padding: 0 16px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 88px;
    border-radius: 88px;
    border: 1px solid #fb6f4f;
    background: #fb6f4f;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.04);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.04);
    color: #FFF;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .3s var(--qtd-transition-cubic-1);
    -moz-transition: all .3s var(--qtd-transition-cubic-1);
    transition: all .3s var(--qtd-transition-cubic-1)
}

.successBoxBottom .btnContent .buttonBox .tips,.successBoxBottom .btnContent .buttonBox1 .tips,.successBoxBottom .btnContent .buttonBox-2 .tips {
    position: absolute;
    font-size: 12px;
    background-color: var(--qtd-error-color-6);
    color: #fff;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    -webkit-border-radius: 6px 0;
    border-radius: 6px 0;
    top: -10px;
    right: -10px
}

.successBoxBottom .btnContent .buttonBox em,.successBoxBottom .btnContent .buttonBox1 em,.successBoxBottom .btnContent .buttonBox-2 em {
    font-weight: 600
}

.successBoxBottom .btnContent .buttonBox-2 {
    background: #fff;
    color: #fb6f4f;
    border-color: #fb6f4f
}

.successBoxBottom .btnContent .buttonBox-2 em {
    font-weight: 600
}

.successBoxBottom .btnContent .buttonBox-2:hover {
    background: #fb6f4f;
    color: #fff
}

.successBoxBottom .btnContent .buttonText a {
    color: #999;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.icon-xiazaichenggong{
    color: #fb6f4f;
}
.iconfont.icon-xiazai,.iconfont.icon-shandian2{
    font-size: 30px;
    color: #fb6f4f85;
    background: #fff;
}
.icon-xiazaishibai{
    color: red;
}
.down_container{
    padding:10px 20px 20px 20px;
}
.downtip_tit{
    align-items: center;
    gap: 4px;
    color: #fb6f4f;
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
/* 弹出层设置圆角需要对三层都设置 */
body .downtip_lay .layui-layer-content{border-radius: 12px!important;}
body .downtip_lay .layui-layer-content iframe {border-radius: 12px!important;}
body .downtip_lay{border-radius: 12px!important;}



/*充值弹框*/

.vip-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    /*min-height: 456px;*/
    padding: 28px 0px 0px 0px;
    background-color: #FAFAFA;
    -webkit-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    gap: 24px;
    box-sizing: border-box;
    background: radial-gradient(70% 23%, rgb(233 188 255 / 34%) 0%, #fff 100%);
}

.vip-main .qtw-skeleton {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

.vip-main .vip-main-left {
    position: relative;
    width: 100%;
    height: 100%
}

.vip-main .vip-main-left .vip-product-box {
    position: relative;
    width: 100%;
    height: auto
}

.vip-main .vip-main-left .vip-product-box {
    position: relative;
    width: 100%;
    height: 170px;
    padding-top: 8px;
    overflow: hidden;
    padding: 8px 24px 0 24px;
    box-sizing: border-box;
}

.vip-main .vip-main-left .vip-product-box .info-box {
    position: relative;
    width: 28%;
    height: 152px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FAFAFA;
    border: 2px solid transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    border: 1px solid #e4e5e6;
    box-shadow: 5px 5px 3px -2px #e4e5e6;
    top: 6px;
}

.vip-main .vip-main-left .vip-product-box .info-box:last-child {
    margin-right: 0
}

.vip-main .vip-main-left .vip-product-box .info-box .info {
    position: relative;
    width: 100%;
    height: 114px;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px
}

.vip-main .vip-main-left .vip-product-box .info-box .info .name {
    position: relative;
    width: 100%;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px;
    text-align: center;
    font-family: Arial-Bold,Bold;
    margin-bottom: 16px;
    top: 12px;
}

.vip-main .vip-main-left .vip-product-box .info-box .info .name i {
    color: #772917;
    margin: 0 2px
}

.vip-main .vip-main-left .vip-product-box .info-box .info .price-box {
    color: #333;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px
}

.vip-main .vip-main-left .vip-product-box .info-box .info .price-box em {
    font-size: 38px;
    font-weight: 700;
    margin-left: 4px;
    color: rgb(74, 74, 74);
    font-family: MiSans-Heavy;
    font-style: normal;
}

.limit-discount-amount{
    position: absolute;
    white-space: nowrap;
    font-size: 12px !important;
    line-height: 28px!important;
    color: #888;
    text-decoration: line-through!important;
    margin-left: 2px;
    background: unset;
    -webkit-text-fill-color: #888 !important;
    bottom: 29px;
    right: 10px;
}

.vip-main .vip-main-left .vip-product-box .info-box .limit-discount {
    color: rgb(255, 255, 255);
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    background: linear-gradient(93deg, #9775ff 0%, #ff4b2e 100%);
    border-radius: 8px 8px 8px 1px;
    padding: 4px 12px;
    top: -15px;
    left: -4px;
}
.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box, .vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box em {

    color: rgb(250, 87, 65);
    /*background: linear-gradient(90.31deg, rgb(247 0 255) -0.85%, rgb(255, 121, 0) 101.44%) text;*/
    /*-webkit-text-fill-color: transparent;*/

}

.vip-main .vip-main-left .vip-product-box .info-box .info .price-box i {
    color: #666;
    text-decoration: line-through
}

.vip-main .vip-main-left .vip-product-box .info-box .info .limit {
    color: #999;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    height: 20px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom {
    position: relative;
    width: 100%;
    height: 30px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #E8E8E8
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text i,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item i {
    font-size: 12px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text .icon-jubao,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item .icon-jubao {
    display: none;
    margin-top: 1px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-text .icon-PLG-xiala,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item .icon-PLG-xiala {
    margin-top: 2px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item.active,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item:hover {
    color: #333
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item.active .icon-jubao,.vip-main .vip-main-left .vip-product-box .info-box .bottom .drop-item:hover .icon-jubao {
    display: inline-block
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FDB022;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    font-size: 12px;
    color: #fff
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #772917
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    font-size: 16px;
    font-weight: 500
}

.vip-main .vip-main-left .vip-product-box .info-box .bottom .bottom-active-text .discount-20240716-box i:nth-of-type(1) {
    margin-left: 4px
}

.vip-main .vip-main-left .vip-product-box .info-box .tag {
    position: absolute;
    top: -8px;
    right: -2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    -webkit-border-radius: 4px 0;
    border-radius: 4px 0;
    background: -webkit-gradient(linear,left top,right top,from(#FF5E36),color-stop(96.71%,#FF4538));
    background: -webkit-linear-gradient(left,#FF5E36 0,#FF4538 96.71%);
    background: -moz- oldlinear-gradient(left,#FF5E36 0,#FF4538 96.71%);
    background: linear-gradient(90deg,#FF5E36 0,#FF4538 96.71%);
    color: #fff;
    font-size: 12px;
    z-index: 2
}

.vip-main .vip-main-left .vip-product-box .info-box.up-info-box .info .name {
    font-size: 14px
}

.vip-main .vip-main-left .vip-product-box .info-box:hover {
    border-color: #FED380
}

.vip-main .vip-main-left .vip-product-box .info-box.active {
    border: 2px solid #ff75f4;
    background: #e275ff05
}

.vip-main .vip-main-left .vip-product-box .info-box.active .info .name,.vip-main .vip-main-left .vip-product-box .info-box.active .info .limit,.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box i {
    /*color: #772917*/
    color: rgb(250, 87, 65);
    /*background: linear-gradient(90.31deg, #ff75ae -0.85%, rgb(93 0 255) 101.44%) text;*/
    /*-webkit-text-fill-color: transparent;*/
}

.vip-main .vip-main-left .vip-product-box .info-box.active .info .limit,.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box i {
    opacity: .6
}

.vip-main .vip-main-left .vip-product-box .info-box.active .info .price-box {
    color: var(--qtd-error-color-6)
}
.vip-main .vip-main-left .vip-product-box .info-box.active .bottom{
}
.vip-main .vip-main-left .vip-product-box .info-box.active .bottom .bottom-text {
    color: #772917;
    opacity: .6;
    border-top-color: #FAFAFA
}

.vip-main .vip-main-left .vip-product-box .info-box.active .bottom .bottom-active-text.active {
    opacity: 1
}

.vip-main .vip-main-left .vip-product-box .product-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    margin: 16px 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    z-index: 10
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list {
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 22px;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 22px;
    color: #666;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>p i {
    font-size: 14px
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>p:hover {
    color: #333
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    width: 208px;
    height: auto;
    max-height: 274px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 0;
    overflow: scroll
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul {
    width: 100%;
    height: auto
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li {
    font-size: 14px;
    line-height: 32px;
    color: #666;
    padding: 0 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li.disabled {
    color: #999;
    cursor: not-allowed
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li.active {
    color: #333;
    background-color: #FAFAFA
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list>div>ul li:hover {
    background-color: #FAFAFA
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list:hover>div {
    display: block
}

.vip-main .vip-main-left .vip-product-box .product-desc .qy-choose-list.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vip-main .vip-main-left .vip-product-box .vip_wraper.active{
    display: flex;
}

.vip-main .vip-main-left .vip-product-box .vip_wraper {
    display: none;
}

.vip-main .vip-main-left .up-product-list,.vip-main .vip-main-left .up-product-list-qy {
    position: absolute;
    top: 200px;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease;
    pointer-events: none
}

.vip-main .vip-main-left .up-product-list .list-box,.vip-main .vip-main-left .up-product-list-qy .list-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    padding: 4px 0
}

.vip-main .vip-main-left .up-product-list .list-box table,.vip-main .vip-main-left .up-product-list-qy .list-box table {
    width: 100%
}

.vip-main .vip-main-left .up-product-list .list-box table tr,.vip-main .vip-main-left .up-product-list-qy .list-box table tr {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    cursor: pointer
}

.vip-main .vip-main-left .up-product-list .list-box table tr th:nth-child(1),.vip-main .vip-main-left .up-product-list-qy .list-box table tr th:nth-child(1) {
    padding-left: 12px;
    padding-right: 16px
}

.vip-main .vip-main-left .up-product-list .list-box table tr th:nth-child(2),.vip-main .vip-main-left .up-product-list-qy .list-box table tr th:nth-child(2) {
    padding-right: 12px
}

.vip-main .vip-main-left .up-product-list .list-box table tr em,.vip-main .vip-main-left .up-product-list-qy .list-box table tr em {
    color: #772917
}

.vip-main .vip-main-left .up-product-list .list-box table tr:hover,.vip-main .vip-main-left .up-product-list .list-box table tr.active,.vip-main .vip-main-left .up-product-list-qy .list-box table tr:hover,.vip-main .vip-main-left .up-product-list-qy .list-box table tr.active {
    color: #333;
    background-color: #FAFAFA
}

.vip-main .vip-main-left .up-product-list.active,.vip-main .vip-main-left .up-product-list-qy.active {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 220px;
    opacity: 1;
    overflow: inherit;
    pointer-events: auto
}

.vip-main .vip-main-left .up-product-list.up-product-list,.vip-main .vip-main-left .up-product-list-qy.up-product-list {
    left: 0
}

.vip-main .vip-main-left .up-product-list.up-product-list-qy,.vip-main .vip-main-left .up-product-list-qy.up-product-list-qy {
    right: 0
}

.vip-main .vip-main-left .hover-box-vip-up {
    padding: 24px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FFF;
    -webkit-box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    display: none;
    position: absolute;
    z-index: 99
}

.vip-main .vip-main-left .hover-box-vip-up.right {
    right: 0
}

.vip-main .vip-main-left .hover-box-vip-up.active {
    display: block
}

.vip-main .vip-main-left .hover-box-vip-up em {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column.small .hover-tale-column-item {
    width: 80px
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column .hover-tale-column-item {
    width: 144px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8
}

.vip-main .vip-main-left .hover-box-vip-up .hover-table-box .hover-table-column .hover-tale-column-item:nth-child(1) {
    color: #999
}

.vip-main .vip-main-left .vip-type-desc-box {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    margin-top: 7px;
    text-align: center;
    padding: 13px 24px 4px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #e4e5e6;
    box-shadow: 0px 6px 3px -2px #e4e5e6;
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-head {
    position: relative;
    width: 100%;
    height: 22px;
    align-items: center;
    color: #ff7875;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper {
    position: relative;
    width: 100%;
    height: 85px;
    overflow: hidden
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item {
    position: relative;
    width: -webkit-calc(25% - 6px);
    width: -moz-calc(25% - 6px);
    width: calc(25% - 6px);
    min-width: 160px;
    height: 80px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    /*border: 1px solid #E8E8E8;*/
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    margin-right: 8px;
    cursor: pointer;
    box-sizing: border-box;
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item:last-child {
    margin-right: 0
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item.active,.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item:hover {
    border-color: #FDB022
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item:hover .desc-box i {
    display: inline-block
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item.active .icon-box img.checked {
    display: block
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item.active .icon-box img.no-checked {
    display: none
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 14px;
    min-height: 14px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 8px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box img {
    height: 14px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box img.checked {
    display: none
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .icon-box img.no-checked {
    display: block
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .title-box {
    color: #666;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .desc-box {
    width: 100%;
    color: #999;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.vip-main .vip-main-left .vip-type-desc-box .vip-type-desc-swiper .swiper-wrapper .vip-type-desc-item .desc-box i {
    display: none;
    font-size: 12px
}

.vip-main .vip-main-left .vip-type-desc-box:hover .swiper-vip-type-btn {
    opacity: 1
}

.vip-main-bottom {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    box-sizing: border-box;
}
.charge_left,.wxpay_container,.alipay_container,.other_payway{
    width: 29%;

}

.vip-main-bottom .pay_method .scan_box{
    width: 170px;
    height: 200px;
}
.vip-main-bottom .pay_method .scan_box .scan_area{
    width: 160px;
    margin: 5px auto 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.vip-main-bottom .pay_method .scan_box .scan_area img{
    margin-top: 10px;
}

.vip-main-bottom .pay_method .scan_box .scan_tit{
    line-height: 19px;
}
.vip-main-bottom .charge_left p{
    text-align: center;
}
.vip-main-bottom .charge_left .p1{
    font-size: 18px;
    font-weight: 700;
    margin: 44px 0 17px 0;
    color: #6cc2fe;
}
.other_payway{
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
}
.other_payway button.layui-btn{
    background: #999;
    width: 180px;
    margin: 20px 0 ;

}
.vip-main-bottom .charge_left .p2{
    color: #999;
    margin-bottom: 10px;
    font-size: 12px;
}
.vip-main-bottom  .charge_left .p3{
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 33px 0;
}
.vip-main-bottom  .charge_left .p3 i{
    font-size: 25px;
    vertical-align: middle;
}
.vip-main-bottom  .charge_left .p3 .icon-alipay{
    color: #45A5F6;
}
.vip-main-bottom  .charge_left .p3 .icon-weixin{
    color: #45BD00;
}
.vip-main-bottom  .charge_left .p4{
    font-size: 12px;
    color: #c3c0c0;
}
.vip-main-bottom .pay_way{
    width: auto;
}
.vip-main-bottom .pay_method .scan_box{
    float: none;
    margin: 0 auto;
}
.vip-type-header {
    position: relative;
    width: 100%;
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
    overflow: hidden
}

.vip-type-header::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 64px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(255,255,255,.7) inset;
    box-shadow: 0 4px 8px 0 rgba(255,255,255,.7) inset;
    z-index: 0;
    -webkit-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0
}

.vip-type-header .vip-type-item {
    position: relative;
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    background: #fff;
    border-radius: 72px;
}

.vip-type-header .vip-type-item p:nth-child(1) {
    position: relative;
    color: #ff4d4f;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.vip-type-header .vip-type-item p:nth-child(2) {
    position: relative;
    color: #772917;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    z-index: 1
}

.vip-type-header .vip-type-item img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.vip-type-header .vip-type-item:hover p:nth-child(1),.vip-type-header .vip-type-item.active p:nth-child(1) {
    font-weight: 700
}

.vip-type-header .vip-type-item.hide {
    display: none
}

.vip-type-header .vip-type-item.active{
        background: #fb6f4f1a;
}
.vip-type-header .vip-type-item.active[data-type="24"] #left {
    display: block
}

.vip-type-header .vip-type-item.active[data-type="29"] #right,.vip-type-header .vip-type-item.active[data-type="998"] #right {
    display: block
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.vip-type-desc-item .iconfont{
    font-size: 24px;
    color: #a3a09c;
}
.personal_vip{
    display: none;
}

.paymenyt_container .head{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 56px;
}
.paymenyt_container .head .title,.paymenyt_container .head .title2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    overflow: hidden;
    color: #fb6f4fcc;
    font-size: 24px;
    font-weight: 700;
}

.header_user .vip_c{
    font-size: 18px;
    padding: 0 1px;
}

.menu .up-vip{
    font-size: 14px;
    display: inline-block;
    height: 22px;
    width: 105px;
    color: #fff;
    border: 1px solid #8a8f8d;
    filter: alpha(opacity = 92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    background-color: #ff552e;
    background-image: linear-gradient(45deg, #ff552e 0%, #ff552e 33%, #ff552e 66%, #e00b0b 100%);
    border-radius: 17px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin: 10px;
}
.menu .add-vip{
    font-size: 12px;
    display: inline-block;
    height: 22px;
    width: 105px;
    color: #fff;
    border: 1px solid #ffffff;
    filter: alpha(opacity = 92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    background-color: #ff7875;
    border-radius: 17px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin: 0 10px;
}

.menu .go-vip{
    font-size: 12px;
    display: inline-block;
    height: 22px;
    width: 105px;
    color: #fff;
    border: 1px solid #ffffff;
    filter: alpha(opacity = 92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    background-color: #ff7875;
    border-radius: 17px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin: 10px 10px 0;
}
.menu .go-vip:hover{
    background-color: #fff;
    color: #ff7875;
    border: 1px solid #ff7875;
}

/*up level*/

.vip-main .vip-type-desc-box .up_level_list .list_item{
    border: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 10px;
    margin-bottom: 24px;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}

.vip-main .vip-type-desc-box .up_level_list .list_item.active{
    border: 1px solid #ff6600;
    box-shadow: 0px 4px 10px 0px rgba(255, 102, 0, 0.2);
    background-color: #fef8f4;
}

.vip-main .vip-type-desc-box .up_level_list .list_item:hover{
    border: 1px solid #ff7875;
    background-color: #ff66003d;
}
.up_level_list .list_item .item{
    font-size: 12px;
    color: #8a8f8d;
}
.up_level_list .list_item .item .title{
    color: #ff7875;
    font-size: 18px;
}
.up_level_list .list_item .item .desc{
    font-size: 12px;
}
.up_level_list .list_item .item .price{
    font-size: 15px;
    color: #ff7875;
}

.vip-main .vip-type-desc-box .up_level_list .list_item .tag{
    position: absolute;
    right: -1px;
    top: -14px;
    height: 30px;
    padding: 0 14px;
    background-color: #f60;
    color: #fff;
    line-height: 30px;
    border-radius: 0px 8px 0px 8px;
    font-size: 14px;
    display: none;
}
.vip-main .vip-type-desc-box .con-info{
    position: relative;
    padding: 30px 15px 10px;
}
.vip-main .vip-type-desc-box .con-info .up_level_list{
    display: none;
}
.vip-main .vip-type-desc-box .con-info .up_level_list.show{
    display: block !important;
}
.vip-main .vip-type-desc-box .con-info .add{
    position: absolute;
    right: 13px;
    top: -1px;
}

.vip-main .vip-type-desc-box .con-info .add i{
    font-size: 24px;
    cursor: pointer;
}
.commercially{
    position: absolute;
    top: -14px;
    right: -11px;
}
.recommend_main{
    text-align: center;
}
.group_main .rules_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 820px;
    margin-top: 20px;
}
.group_main .rules_box{ background: url(/test/image/qqlm.png);
    background-size: 343px;
    background-repeat: no-repeat;
    background-position: right bottom;}
.group_main .rules_box .group_desc{
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
}
.group_main .box_title{
    width: 100%;
    /*background: radial-gradient(ellipse at top, #df5e5e00, #b171cb40);*/
    margin: 0;
    padding: 20px 0;
    border-radius: 10px;
    margin-bottom: 30px;
    color:#974e4e;
}
.group_main .rules_box dt{
    margin-bottom: 10px;
    position: relative;
    padding-left: 19px;
}
.group_main .rules_box dd{
    background: #fff;
    border-radius: 12px;
    padding: 18px 10px;
    box-sizing: border-box;
}
.group_main .rules_box dt:after{
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 5px;
    background: #ff552e;
    box-shadow: 3px 0px 10px -1px #e96344;
    border-radius: 2px;
}


/*种草得会员*/
.recommend_main .dy-banner{
    height:597px;
    width: 100%;
    /*background:url('../image/banner.jpg') center center no-repeat #b1e7ff;*/
    background: url('../image/banner.jpg') center center no-repeat,linear-gradient(to right, #f0dafe, #b6ebf3);
    position: relative;
}
.recommend_main .dy-banner .sublime{
    width: 222px;
    height: 53px;
    top: 397px;
    left: 41.5%;
    margin-left: -602px;
    background: none;
    opacity: 0.5;
    position: relative;
    cursor: pointer;
}
.recommend_main  .dy-banner .shenh{
    background: url('../image/tubiao.png') -2px -135px no-repeat;
}
.recommend_main .dy-banner .succ{
    background: url('../image/tubiao1.png') -2px -255px no-repeat;
}
.dy-banner .sublime .fail{
    position: absolute;
    top: -45px;
    right: 11px;
    height: 50px;
    line-height: 50px;
    color: #d61313;
    font-size: 13px;
    padding: 0 16px;
    border-radius: 5px;
    background: #fff;
}

.recommend_main .joinuser {
    height: 76px;
    line-height: 76px;
    width: 1196px;
    border-radius: 6px;
    border:2px solid #ac5aed;
    margin: 21px auto;
}

.recommend_main .joinuser .rightnow {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 185px;
    color: #272727;
    font-size: 18px;
    border-right: 2px solid #000;
    margin-top: 28px;
}

.recommend_main .joinuser .turn {
    display: block;
    width: 966px;
    height: 78px;
    float: left;
    overflow: hidden;
    margin-left: 36px;
}

.recommend_main .joinuser .turn ul li {
    width: 318px;
    height: 78px;
    /* color: #ff5351; */
    font-size: 15px;
    display: block;
    line-height: 78px;
    float: left;
}

.recommend_main .joinuser .turn ul li span {
    display: inline-block;
    color: #d61313;
    margin-left: 3px;
}

.recommend_main .learning{
    width: 1200px;
    /* height: auto; */
    background: #fff;
    border-radius: 5px;
    border:1px solid #e7e7e7;
    margin: 0 auto;
}
.recommend_main .learning .l_type{
    height: 145px;
    width: 100%;
}
.recommend_main .learning .l_type span{
    display: inline-block;
    width: 300px;
    height: 90px;
    margin:0 20px;
    position: relative;
    cursor: pointer;

}
.recommend_main .learning .l_type em{
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    bottom: 0px;
    left: 30px;
}
.recommend_main .learning .l_type .xiaohongshu{
    background: url('../image/tubiao.png') 0px 0px no-repeat;
}
.recommend_main .learning .l_type .xiaohongshu .x_chose{

    background: url('../image/tubiao.png') 0px 0px no-repeat;
}
.recommend_main .learning .l_type .douyin{
    background: url('../image/tubiao.png') 0px 0px no-repeat;
}
.recommend_main .learning .l_type .douyin .d_chose{
    background: url('../image/tubiao.png') 0px 0px no-repeat;
}

.recommend_main .learning .xiantiao{
    display: inline-block;
    height: 8px;
    width: 1060px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}


.recommend_main .learning .content{
    display: inline-block;
    width: 1060px;
    /* margin-left: 70px; */
}
.recommend_main .learning .content .tilte{
    height: 100px;
    line-height: 100px;
    margin-top: 20px;
    color: #d61313;
    font-weight: 700;
}
.recommend_main .learning .content .tilte .bt{
    font-size: 50px;
}
.recommend_main .learning .content .tilte .fbt{
    font-size: 30px;
}
.recommend_main .learning .content  p{
    font-size: 22px;
    line-height: 30px;
}
.recommend_main .learning .content  em{
    color: #ff3054;
}
.recommend_main .learning .content  img{
    display: block;
}




.recommend_main .joinuser {
    height: 76px;
    line-height: 76px;
    width: 1196px;
    border-radius: 47px;
    border:2px solid #ac5aed;
    margin: 21px auto;
}

.recommend_main .joinuser .rightnow {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 185px;
    color: #272727;
    font-size: 18px;
    border-right: 2px solid #000;
    margin-top: 28px;
}

.recommend_main .joinuser .turn {
    display: block;
    width: 933px;
    height: 78px;
    float: left;
    overflow: hidden;
    margin-left: 36px;
}

.recommend_main .joinuser .turn ul li {
    width: 311px;
    height: 78px;
    /* color: #ff5351; */
    font-size: 15px;
    display: block;
    line-height: 78px;
    float: left;
}

.recommend_main .joinuser .turn ul li span {
    display: inline-block;
    color: #d61313;
    margin-left: 3px;
}

.recommend_main .learning{
    width: 1200px;
    /* height: auto; */
    background: #fff;
    border-radius: 5px;
    border:1px solid #e7e7e7;
    margin: 0 auto;
    padding-bottom: 30px;
}
.recommend_main .learning .l_type{
    height: 145px;
    width: 100%;
}
.recommend_main .learning .l_type span{
    display: inline-block;
    width: 309px;
    height: 90px;
    margin:0 20px;
    position: relative;
    margin-top: 34px;
}
.recommend_main .learning .l_type em{
    position: absolute;
    display: inline-block;
    width: 29px;
    height: 20px;
    bottom: -5px;
    left: 58px;
}
.recommend_main .learning .l_type .xiaohongshu{
    background: url('../image/tubiao.png') -12px -328px no-repeat;
}
.recommend_main .learning .l_type .xiaohongshu .x_chose{

    background: url('../image/tubiao.png') -19px -512px no-repeat;
}
.recommend_main .learning .l_type .douyin{
    background: url('../image/tubiao.png') -12px -417px no-repeat;
}
.recommend_main .learning .l_type .douyin .d_chose{
    background: url('../image/tubiao.png') -19px -532px no-repeat;
}

.recommend_main .learning .xiantiao{
    display: inline-block;
    height: 8px;
    width: 1060px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    margin-bottom: 14px;
}


.recommend_main .learning .content{
    display: inline-block;
    width: 1060px;
    /* margin-left: 70px; */
    text-align: left;
}
.recommend_main .learning .content .title{
    height: 100px;
    line-height: 100px;
    margin-top: 20px;
    color: #d61313;
    font-weight: 700;
    margin-right: 30px;
}
.recommend_main .learning .content .title .bt{
    font-size: 39px;
    margin-right: 25px;
}
.recommend_main .learning .content .title .fbt{
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 2px;
}
.recommend_main .learning .content  p{
    font-size: 21px;
    line-height: 42px;
    margin-bottom: 21px;
}
.recommend_main .learning .content  em{
    color: #ff3054;
}
.recommend_main .learning .content  img{
    display: block;
}
.recommend_main .tijiaook{
    position: absolute;
    width: 400px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -260px;
    border-radius: 8px;
    background: #fff;
    z-index: 500;

}
.recommend_main .tijiaook .boo{
    height: 64px;
    width: 100%;
    margin-top: 60px;
}
.recommend_main .tijiaook .yes{
    background: url('../image/tubiao.png') 148px -564px no-repeat;
}
.recommend_main .tijiaook .no{
    background: url('../image/tubiao.png') 148px -636px no-repeat;
}
.recommend_main .tijiaook span{
    display: inline-block;
    width: 200px;
    line-height: 32px;
    font-size: 14px;
    margin-top: 22px;
}
.recommend_main .tijiaook em{
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color:#ff9522;
}

.recommend_main .tinxie{
    position: fixed;
    width: 900px;
    height: 520px;
    z-index: 500;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -200px;
    border-radius: 8px;
    background: #fff;
}
.recommend_main .tinxie span{
    display: inline-block;
    height: 52px;
    width: 100%;
    font-size: 12px;
    color: #939393;
    text-align: left;
    margin-left: 68px;
}
.recommend_main .tinxie .tit{
    font-size: 20px;
    font-weight: 700;
    color: #2f2f2f;
    height: 100px;
    width: 100%;
    line-height: 150px;
    text-align: left;
    margin-left: 68px;
}
.recommend_main .tinxie textarea{
    width: 756px;
    height: 232px;
    font-size: 14px;
    font-family: Microsoft Yahei;
    /* margin-top: 40px; */
    padding: 10px;
    /* height: 111px; */
    border-radius: 4px;
    resize: none;
}
.recommend_main .tinxie .sub{
    margin-top: 25px;
    display: inline-block;
    width: 206px;
    height: 65px;
    background: url('../image/tubiao.png') -10px -247px no-repeat;
    cursor: pointer;
    text-align: center;
}
.recommend_main .close{
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -40px;
    width: 40px;
    height: 40px;
    background: url('../image/common_new.png') 1px -550px no-repeat;
    cursor: pointer;
}
.recommend_main #mengcheng{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 550px;
    background-color: #000;
    opacity: .5;
    zoom: 1;
}

.tj_history{
    text-align: right;
    width: 1200px;
    margin: 20px auto;
    color: #999;
    cursor: pointer;
}
.tj_history span{
    cursor: pointer;
}
.recommend_main .zc_history {
    position: fixed;
    width: 800px;
    height: 520px;
    z-index: 500;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -300px;
    border-radius: 8px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    display: none;
}
.recommend_main  table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
.recommend_main th,.recommend_main  td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
.recommend_main th {
    background-color: #f2f2f2;
    font-weight: bold;
}
.recommend_main tr:nth-child(even) {
    background-color: #f9f9f9;
}