@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('../icons/fonts/icons.eot?e294pe');src:url('../icons/fonts/icons.eot?e294pe#iefix') format('embedded-opentype'),url('../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;}