@charset "utf-8";

*, *:before, *:after {box-sizing: border-box}
body,div,p,a,table,textarea,form,input,img,ul,li,dl,dt,dd{margin:0;padding:0}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{font-size:1rem;/*min-width:320px*/overflow-x: hidden;overflow-y: scroll;-webkit-touch-callout: none;}
input,button{font-size:1rem}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none;}
input, textarea, select, button {font-family: inherit;font-weight: inherit;font-size: inherit;margin: 0}
input{outline-style: none;border: none;}
.fr { float:right;}

li{list-style:none;text-indent:0}
img,a img{border:0;max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
input{outline-style: none;}

a{color: #c05732;text-decoration: none}
html {overflow: auto; overflow-y: scroll;text-size-adjust: 100%;-webkit-text-size-adjust:100%;}

.searchBtn{width: 34px;height: 34px;background: url(../images/searchBtn.png) no-repeat center;cursor: pointer;}
/*common*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.line{ font-size: 0px; line-height: 0px; border-top: solid 1px #d6d6d6; float: none}
.line-1{ border-top:solid 1px #e5e5e5}
.line-b{border-bottom:solid 1px #e5e5e5}
.btn-copy {  height: 30px;   margin-top: 10px; background-color: #9e1327; color:#fff; border: none;
    -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
  -moz-border-radius:6px;/*适配firefox浏览器*/
  -ms-border-radius:6px;/*适配IE浏览器*/
  -o-border-radius:6px;/*适配opera浏览器*/
  border-radius:6px;/*适配所有浏览器*/
  outline: none;
}
button :focus{outline:0;} 
.f-18{ font-size: 18px}.f-14{ font-size:14px}.f-12{ font-size:12px}
.c-fff{ color: #2e2e2e}
.c-666{ color:#666}
.c-999{ color:#999}
.c-282828{ color:#282828}
.c-148cf1{color: #148cf1;}
.c-ff8600{color:#ff8600}
.radius{ border-radius:5px}
.radius0{border-radius: 0}
.radius-t{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.radius-b{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0px;border-top-right-radius:0px}
.radius-tl-bl{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px}
.radius-tr-br{border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0px;border-bottom-left-radius:0px}
.c-main{ color:#f59600}
.block{display: block}
.in{display: inline-block;}
.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
.text-overflow{overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.bg-fff{background-color: #fff}
.bg-282828{background-color: #282828;}
.bg-e8e8e8{background-color: #e8e8e8}

.mt-1{margin-top:1px}.mt-5{margin-top:5px}.mt-10{margin-top:10px;white-space:normal;word-break:break-all}.mt-15{margin-top:15px}.mt-20{padding-bottom:20px;}.mt-30{margin-top:30px}.mt-40{margin-top:40px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mt-50{ margin-top:50px}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-40{padding-left:40px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.wp,.pd-5{padding:5px}
.zdxiann{display:none;} 
.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center;}
.va-t{ vertical-align:top!important}.va-m{ vertical-align:middle!important}.va-b{ vertical-align:bottom!important}
.vm *{ vertical-align:middle!important}
.pos-r{position:relative}
.pos-a{}
.pos-f{position:fixed}
.l{float:left!important;_display:inline}.r{float:right!important;_display:inline}
.hide{ display:none}
.show{display: block}
.wid30{width: 30px}

.memberUrl{color: #c05732;font-weight:bold;}
.loginUrl{color:#148cf1}

/*设置placeholder颜色*/
::-webkit-input-placeholder {color:#b3b3b3}/* WebKit browsers */
:-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b3b3b3}/* Internet Explorer 10+ */
.input-text,.textarea{-webkit-appearance:none;outline:none;  -webkit-tap-highlight-color: transparent;resize:none; width:100%; padding:10px; font-size:16px; line-height:1.6; border:none; background-color:#fff}
.input-black{ display:block}
/*验证码*/
.verifyCode-iput{width: 100%;}
.verifyCode{top: 0;  right: -1px;width: 114px;text-align: center;}

.iconpic{display:inline-block; vertical-align:text-top;width:16px; height:16px;background-repeat: no-repeat; background-position:0 center}
.iconpic-comment{ width:24px; height: 24px; background-image:url(../images/icon_talk.png);background-size:24px auto}
.iconpic-zan{ width:24px; height: 24px; background-image: url(../images/icon-zan.png); background-size:24px auto}
.iconpic-view{ width:24px; height: 24px; background-image: url(../images/icon_eye.png);background-size:24px auto}
.iconpic-zan-big{ width:25px; height:25px; background-image:url(../images/icon_weixin.png); background-size:auto 25px}
.btn-zcool-gd{
display: block;
    width:100%;
    height: 50px;
    background: #f2f2f2;
    text-align: center;
    line-height: 50px;
    color: #282828;
    font-size: 16px;
    font-weight: bold;
box-shadow: 0 2px 5px rgba(0,0,0,.14);}
.btn-zcool-zan{ display:block;width:49.6%; height:50px;background:#9e1327; text-align:center; line-height:50px; color:#fff; font-size:16px; font-weight:bold;margin-bottom:30px;}
.btn-zcool-zan.disabled{ background-color:#d4d4d4; color:#999999;}
.btn-zcool-zan.disabled .iconpic-zan-big{ }

.jiayi{position: absolute;z-index: 9999; font-size:2rem; font-style:normal; width:160px; text-align:center; color:#c00}
.iconpic-arrow-down{ width:16px; height:40px; background:url(../images/icon-arrow-down.png) no-repeat center;background-size:10px auto}
.iconpic-arrow-up{width:16px; height:16px;background:url(../images/icon-arrow-up.png) no-repeat center;background-size:10px auto}
.iconpic-goback{ width:40px; height:40px;position:absolute; left:10px; top:5px; background:url(../images/icon_back.png) no-repeat center;background-size:50% auto}
.iconpic-goback2{width:40px; height:40px;position:absolute; left:0px; top:5px;background:url(../images/icon_back2.png) no-repeat center;background-size:20px auto}
.iconpic-pic{ width: 20px; height: 20px; background-image: url(../images/icon_pic.png);background-size:16px auto}
.iconpic-pic2{ width: 20px; height: 14px; background-image: url(../images/icon_pic2.png);background-size:14px auto}
.iconpic-close{width:40px; height:40px;position:absolute; right:10px; top:5px;background:url(../images/icon_close.png) no-repeat center;background-size:50% auto}
.iconpic-user{width:20px; height:20px;background:url(../images/icon_user.png) no-repeat center;background-size:16px auto}
.iconpic-share{width:40px; height:40px;position: absolute;right: 0px;top: 5px;background-size:20px auto}
.tongjiBar .iconpic-view{background-size: 16px auto;width: 20px;height: 20px;}

.bswrap a{ display:inline-block; float:left; width:20%; height:40px; text-align:center; background-size:29% auto; border-right:solid 1px #eee}
.bds_tsina{ background:#ee5321 url(../images/icon_sina.png) no-repeat center}
.bds_qzone{ background:#3e91d7 url(../images/icon_qzone.png) no-repeat center}
.bds_quan{ background:#a579e7 url(../images/icon_quan.png) no-repeat center}
.bds_weixin{ background:#62c53e url(../images/icon_weixin.png) no-repeat center}
.bds_qq{ background:#6ea8df url(../images/icon_qq.png) no-repeat center}

/*遮罩*/
.mask{position:fixed;top:0;left:0;z-index:500;width:100%;height:100%; background-color:rgba(0,0,0,0.5);-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
.mask-search{position:absolute;top:0;left:0;z-index:1001;width:100%;height:100%;background-color:rgba(0,0,0,0.5);
 -moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in
}

.dropBox{ background-color:#fff; position:absolute; z-index:1000}
.dropnav{background-color:#fff; position:absolute; z-index:1000;top:10px;left:0; right:0;height:auto; display:none; margin:0 10px 0 10px;}
.dropnav a{ font-size: 15px;display:block; float:left; width:33.3%; height:50px; line-height:50px; border-left:solid 1px #efefef; border-bottom:solid 1px #efefef; text-align:center}
.liebiao{width: 100%!important;font-weight: 600;border-bottom: solid 2px #ccc!important;border-top: solid 1px #e5e5e5;color:#000000;}

.modal-alert{position:fixed; width:240px;margin-left:-120px;left:50%;z-index:9999;top:150px}
.modal-alert-info{padding:30px 0;text-align:center;background-color:rgba(0,0,0,0.5); color:#fff}

.avatar{display:inline-block;position:relative; overflow:hidden}
.avatar img{ display:block}
.avatar.radius,.avatar.radius img{border-radius:50%}

.avatar-mini,.avatar.avatar-mini img{ width:16px; height:16px}
.avatar.avatar-S,.avatar.avatar-S img{ width:24px; height:24px}
.avatar.avatar-M,.avatar.avatar-M img{ width:32px; height:32px}
.avatar.avatar-L,.avatar.avatar-L img{ width:48px; height:48px}
.avatar.avatar-XL,.avatar.avatar-XL img{ width:64px; height:64px}

.logo-black img{height: 30px;}

body{ background-color: #eee;}

.article-title{font-size:1.4rem;line-height: 26px; color:#2d2d2d; font-weight:normal}
.article-con{font-size: 1rem;line-height: 1.6; color:#555;
   -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
.article-con h2 {font-weight: bold;border-left: 5px solid #C05732;padding: 0.5em 0 0.5em 1em;background: #e5e5e5;font-size:1.1rem;}
.article-con h3 {font-weight: bold;border-left: 5px solid #C05732;padding: 0.5em 0 0.5em 1em;background: #e5e5e5;font-size:1.05rem;}
.article-con img{height: auto; display:block; margin:auto; padding-bottom:1.5em;width:100%;}
.mt-10 .jzsm{ text-align: center; font-size: 0.9rem; margin-bottom: 1.5em;}
.article-con video{ width:100%; margin-top:10px}
.module-imgnews{ text-align:center; overflow: hidden}
.module-imgnews img{display:block; margin:auto}
.title-2{ font-size:1.2rem; margin:0}
.sideBox-open .containBox{ overflow: hidden;  -moz-transition: -moz-transform 0.2s ease 0.15s;  -webkit-transition: -webkit-transform 0.2s ease;  -webkit-transition-delay: 0.15s;  transition: transform 0.2s ease 0.15s;
  -moz-transform: translate3d(200px,0,0);  -webkit-transform: translate3d(200px,0,0);  transform: translate3d(200px,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;    -ms-backface-visibility:hidden;  }
  
/*.containBox_opbg { display:none !important;}*/
.containBox{left: 0; height: 100%;background-color: #eee; position: relative;z-index:100; top:0px;}

.navBtn{height: 30px;width: 32px; left: 10px;top: 15px;position: absolute; }
.navBtn span{display: block;}
.iconpic-side-nomal span{  width: 23px;
  height: 23px;
  background-image: url(../images/icon_meun.png);
  background-size: 23px auto;background-repeat: no-repeat;}
body.sideBox-open .iconpic-side-nomal span{  width: 23px;
  height: 23px;
  background-image: url(../images/icon_close.png);
  background-size: 23px auto;background-repeat: no-repeat;}
.navbar {
    padding: 0.5em 0.5em;
    display: inline-flex;
    align-items: center;
	background:#fff url(../images/xxian.png) repeat-x;
	width:100%;
	justify-content: space-around;
}
.navbar span {font-size:1.2em;margin-right:3em;color:#9e1327;}
.mlogo {
    background: url(../images/logo.svg) no-repeat;
    display: block;
    text-indent: -999px;
	width:5.4em;
    background-size: auto 1.8em;
	height:1.8em;
	padding: 0.5em 0;}
.module-title{font-size:1.2rem; color:#555; padding:10px 0 0}
.logo_link{}
<!--.containBox_opbg{width: 100%; position: absolute;top:0;left: 0;z-index:1003}-->
.unread-count{top: 2px;right: 5px;padding:0px 1px 2px 1px; background-color: #ED1C24;max-width: 37px;min-width: 20px;height: 20px;border-radius: 50%;
    line-height: 20px}
.private-lette-link{margin-top: 4px}
.search-a {width:40px;right: 40px;top: -1px;height: 50px;display: block;}
.search-a img{margin-top: 16px;height: 23px}
.private-lette-pic{float: right;width: 40px;position: relative;display: block;margin-top: -8px;height: 50px;}
.private-lette{right: -2px;top: 0px;margin-right: 6px;height: 50px;}
.private-lette img{margin-top: 15px;height: 25px}

body.sideBox-open .sideBox{ opacity: 1;display: block;}
.sideBox {
-moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -moz-transition: opacity 0 ease 0.35s;
  -webkit-transition: opacity 0 ease;
  -webkit-transition-delay: 0.35s;
  transition: opacity 0 ease 0.35s;
  background: #fff;display: none;height: 100%;left: 0;opacity: 0;position: absolute;bottom: 0;width: 200px;}
.sideBox-link a,.sideBox a.quit-login{color: #2e2e2e; height: 40px;overflow: hidden;display: block;width: 100%;line-height:40px;border-bottom: 1px solid #3e3e3e;padding-left: 65px;}
.sideBox a.avatar-side {padding: 20px;height: 75px;line-height: 17px}
.sideBox a.avatar-side h2{height: 22px;line-height: 22px; width: 115px;overflow: hidden;color: #ccc;}
.avatar-side img{width: 40px;height: 40px}
.avatar-side{  border-bottom: 1px solid #3e3e3e;}
.sideBox-link a.active{color: #9e1327;}
.sideBox a.quit-login{bottom: 0;border-top: 1px solid #3e3e3e;border-bottom: 0;}
body.sideBox-open{ overflow: hidden;}

/*banner*/
.banner{ position:relative;text-align:center;z-index:1}
.banner .tabcon{ z-index:2}
.banner .tabcon li{float:left;overflow:hidden; width:100%}
.banner .tabcon li img{ display: block}

.dots{position:absolute;text-align:center;z-index:3;width:100%; left:0; right:0;bottom:10px}
.dots li{display:inline-block;margin-right:10px;cursor:pointer; width:6px; height:6px;border-radius:14px;background-color:#bebebe; font-size:0; line-height:0}
.dots li.on{ background-color:#282828}


.design-title{   background: url(../images/line_1.png) repeat-x center 21px;}
.design-title span{ display:inline-block; background-color:#eee; padding:0px 10px 6px}

.picScroll{text-align:center}
.picScroll .bd ul{width:100%; float:left}
.picScroll .bd li{ width:33.3333%;float:left;font-size:14px; text-align:center; box-sizing:border-box; padding:4px 5px;position: relative;}
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.picScroll .bd li img{background:url(../images/loading.gif) center no-repeat}

/*相关文字*/
.picScroll .bd li span {
      position: absolute;
    left: 10%;
    bottom: 33%;
    height: 30px;
    background: #0c0c0c;
    display: block;
    zoom: 1;
    filter: alpha(opacity=40);
    opacity: 0.4;
    width: 80%;
    color: #fff;
    line-height: 30px;
}



.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background:rgb(0,0,0,0.65);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height:6em; padding: 40px 30px 35px 30px; background: #fff; width: 90%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height:2.4em;font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.png) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; padding:0; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 2.4em; }
.hidden_search .close_btn { position: absolute; right: 1em; top: .2em; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #19408c;}

/*分享页底部样式*/
.footer{ text-align:center; background-color:#f9f9f9; padding:22px 10px;}
.footer a{color:#999}
/*设计师中心-首页*/
.user-info{ background-color:#fff; position:relative}
.user-info .picbox,.user-info .picbox img{ width:100px; height:100px}
.user-info .picbox{ float:left}
.user-info .textbox{ margin-left:115px}
.user-info .textbox h1{ font-size:20px; margin:0; height:26px; line-height:22px; white-space:nowrap; overflow:hidden}
.user-info .textbox h1 img{ margin-left:5px}
.user-info .textbox p{ margin-top:0px}
.user-info .signature{ height:38px; overflow:hidden; white-space:normal;text-overflow: ellipsis}
.user-info .fans span{  display: inline-block;}

.user-info2{position:relative; background:url(../images/icon-arrow-right.png) no-repeat right center; background-size:16px auto}
.user-info2 a{ display:block}
.user-info2 .picbox,.user-info2 .picbox img{ width:70px; height:70px}
.user-info2 .picbox{ float:left}
.user-info2 .textbox{ margin-left:85px; padding-top:10px}
.user-info2 .textbox h1{ font-size:20px; margin:0; height:26px; line-height:22px; white-space:nowrap; overflow:hidden}
.user-info2 .textbox h1 img{ margin-left:5px}
.user-info2 .textbox p{ margin-top:3px}
.uchome-tab{z-index: 1000; background-color:#fff; position:relative;margin: 10px 10px 0 10px;border-radius: 50px;box-shadow: 0 3px 20px rgba(0,0,0,.14);}
.uchome-tab span,.uchome-tab a{ display:inline-block; text-align:center; height:40px; line-height:40px;float:left; font-size:16px; cursor:pointer}
.uchome-tab span.Currentn,.uchome-tab a.Currentn{ color:#9e1327;}
.uchome-tabcon{ display:none;border-top: 1px solid #dfdfdf; background-color:#eee}
#user-works .user-works-ul-list .item{ background-color:#fff; margin-top:10px; position:relative}
#user-works .item{ background-color:#fff; margin-bottom:12px; position:relative;box-shadow: 0 1px 10px rgba(0,0,0,.14);}
/*#user-works .item { width:48%; float:left;}
#user-works .item:nth-child(2n){ float:right;}*/

#user-works .item b{color: #fff;font-size:0.8rem;;padding:0.1em 0.3em;position: absolute; right:0; bottom:0; background: #d62246;z-index: 50;border: 1px solid #fff;font-weight:normal;box-shadow: 0 4px 3px rgba(34, 25, 25, 0.78); }
#user-works .item a,#user-works .item a:hover{ color:#282828}
#user-works .picbox{ float:left; width:45%; font-size:100%; min-height:auto;}
#user-works .picbox img{ width:100%; height:auto; display:block;}
#user-works .textbox{ margin-left:45%; padding:0 10px 0 10px;  word-break:break-all; padding-top:5px; max-width: 65%; }
#user-works .textbox h2{ font-size:14px; margin:0; line-height:1.4; word-break:break-all; }
#user-works .time{ position:absolute;left:45%;padding:0 10px 0 10px;font-size:0.8rem; color:#c05732;;top: 70%; font-weight: bold;}
#user-works .toolbar .iconpic-zan,#user-works .toolbar .iconpic-view{ width:20px; height:17px;background-size:16px auto; margin-top:-2px}
#user-works .toolbar .iconpic-view{ margin-top:-1px}
#user-works .picbox2 {display: inline;}
#user-works .picbox2 img{ width:100%; height:auto; display:block;}
#user-works .textbox2 { padding:0 10px 0 10px;font-size:0.9em;color: #928d8d; margin-top:10px}
#user-works .textbox2 h2 { margin-bottom:1px;}
#user-works .time2 {font-size:18px; line-height:24px;text-overflow: ellipsis;font-weight: bold;padding: 0 10px 10px 10px;color: #9e1327;overflow: hidden;/* text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;*/}
.workslist .item{ background-color:#fff; margin-bottom:10px; position:relative}
.workslist .item a,.workslist .item a:hover{ color:#282828}
.workslist .picbox{ float:left; width:45%; font-size:100%}
.workslist .picbox img{ width:100%; height:auto; display:block}
.workslist .textbox{ margin-left:45%;padding-left:10px; padding-right:10px}
.workslist .textbox h2{ font-size:16px; padding-top:5px; margin:0; line-height:1.4;word-break:break-all;word-wrap:break-word}
.workslist .time{ position:absolute;left:45%; padding-left:10px;bottom:30px;font-size:14px; color:#999}
.workslist .toolbar{ position:absolute; left:45%; padding-left:10px; bottom:5px; font-size:12px; line-height:20px; color:#999}
.workslist .toolbar .iconpic-zan,#user-works .toolbar .iconpic-view{ width:20px; height:17px;background-size:16px auto; margin-top:-2px}
.workslist .toolbar .iconpic-view{ margin-top:-1px}
#user-data li{ padding:14px 10px; border-bottom:solid 1px #d4d4d4; font-size:16px;line-height:1.5}
#user-data li .th{ float:left; color:#999;width:65px; display:inline-blcok}
#user-data li .td{ margin-left:65px; display:block; color:#282828; word-wrap: break-word; word-break: break-all}
#user-data li:last-child{ border-bottom:none}
#user-data li.white_box{background-color: #fff;padding: 10px 0}

.view-more{ display:block; text-align:center; color:#666; background-color:#fff; padding:11px}
.loadingbar{ text-align:center; color:#666; padding:11px}
.btn{display:inline-block;padding:12px;text-align: center;white-space: nowrap;vertical-align: middle; border:none; font-size:18px}
.btn-block{display:block; width:100%}
.btn-down{ display:block;text-align:center;color:#9e1327;background-color:#333;padding:11px}
.btn-inverse{ background-color:#333; color:#9e1327}
.btn-gray{background-color:#999; color:#676767}
.btn-orange{background-color:#9e1327; color:#282828}
.btn-send{  padding: 8px 36px;}
/*评论*/
.commentList .item{ border-bottom:solid 1px #dfdfdf; padding:15px 0}
.commentList .avatar{ float:left}
.comment-main{ margin-left:62px}
.comment-header{ font-size:16px;padding-bottom: 5px;}
.comment-body{ padding-top:10px; color:#666;word-wrap: break-word;word-break:break-all;}
.comment-reply{position:relative; padding:10px; background-color:#e1e1e1; color:#666; margin-top:20px; word-wrap: break-word;word-break:break-all;}
.comment-reply:before{position:absolute;top:-20px;left:27px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:outset outset solid;pointer-events:none;border-width:10px;border-bottom-color:#e1e1e1}
.comment-info{overflow:hidden; line-height:24px}
.btn-zhankai{ display:none; background-color:#fff; padding:3px 10px; width:65px; border-radius:2px; text-align:center; margin-top:5px}

.piclist{margin-right:-10px; margin-top:20px}
.piclist .item{ padding-right:10px; width:50%; float:left; margin-bottom:10px}



.info-list{background-color: #f2f2f2;}
.row {margin-top: 5px;}
.row .sex{border: 1px solid #b0b0b0;  padding:5px 5px;}
.row .select{width: 100%;height: 40px; opacity: 0;position: absolute;
z-index: 1;text-align: left;}
.row.select-box{vertical-align: middle;height: 40px;margin-bottom: 10px;}
.row.select-box .city,.row.select-box .area{display: inline-block;width: 49%;}
.row.select-box .city {margin-right:5px;}
.select-item::after{content: ' ';position: absolute;right: 15px;top: 15px;
  border: #ccc solid;border-width: 1px 0 0 1px;width: 10px;height: 10px;-webkit-transform: rotate(135deg); }
.select-item{overflow: hidden; padding-left: 10px;color: #999; text-align: left;
 line-height: 40px; width: 100%;display: block;background-color: #fff;position: absolute;height: 40px;}
.select-item1{}
.select-item3,.select-item4{width: 45%;}
.select-item4{right: 0;}
.row .select1,.row .select2,.row .city{left:0;}
.row.select-box .city{left:0;}
.row.select-box .area{right: 0}
.Copyright{ padding-top:10px; height;80px; color:#999;}
.title-3{margin-top: 15px;padding:10px;background-color: #fff;}
.errmessage{padding-top: 40px;padding-bottom: 40px;}
.username-color span{color: #f59000;}

.about-header span,.privacy-header span{font-size: 22px; color: #9e1327;}
.about-content p::last-child {padding-bottom: 30px;}

.client-share-div {display:none;}

.comment-top-line {margin: 10px 10px 0;}

.comment-sent-div {  padding: 0;}
.comment-reply-div {}

.formControls{background-color: #fff;width: 100%;}
.footer .gotop{text-align: right;}
.send-msg-btn{margin-top: 10px;}

.homeWorkD {margin-top: 10px; padding: 10px;font-size: 12px;background: #f4f4f4;border: 1px solid #e4e4e4;}
.homeWorkD img{width: 110px;}

.comment-body .comment-info img,.comment-reply .comment-info img{width: 22px; height: 22px;  vertical-align: bottom;}
/*赛事*/
.tongjiBar{line-height: 22px;top: 10px;right: 10px;  color: #ff8600;  position: absolute;vertical-align: middle!important;text-align: right;}
.saishi-item{line-height: 22px;word-break:break-all;word-wrap:break-word;padding: 20px 10px;background-color: #fff;border-bottom: solid 1px #e5e5e5;margin-bottom: 10px;border-top: solid 1px #e5e5e5;}
.event-title{width: 100%;display: block;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  border-bottom: solid 1px #e5e5e5;}
.tongjiBar-box{position: relative;padding-top: 10px}
.tongjiBar-state{color: #999;}
.tongjiBar-state span{color: #ff8600;}
/*赛事详情*/
.header-title{font-size:22px; color:#9e1327}
#saishijs .article-con{margin-top: 10px;}
.contribute-time {padding: 10px 0 5px;}
.contribute-time span{color: #999;}
#saishijs .tongjiBar-box{padding-top: 0;}
#saishijs .tongjiBar{position: relative;text-align: left;top:0;left:0;}
#saishijs h2{padding: 0;margin: 0;}
#saishijs .saishi-item-img{padding-top: 10px;}
.saishijs-title{color: #666;padding: 10px 10px;}
.saishijs-intro p{position: relative;word-break:break-all;word-wrap:break-word; }
.saishijs-intro p span{ text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.saishijs-intro .c-link{color:#148cf1;text-align: right;position: absolute;right: 10px;}
.saishijs-tabcon{padding: 10px 10px 0;}
.saishi-box{padding-bottom: 10px;}

.saishijs-tabcon .item{ background-color:#fff; margin-bottom:10px; position:relative}
.saishijs-tabcon .item a,.saishijs-tabcon .item a:hover{ color:#282828}
.saishijs-tabcon .picbox{ float:left; width:45%; font-size:100%; min-height:100px}
.saishijs-tabcon .picbox img{ width:100%; height:auto; display:block;}
.saishijs-tabcon .textbox{ margin-left:45%;padding-left:10px; padding-right:10px;  word-break:break-all;padding-top: 5px; }
.saishijs-tabcon .textbox h2{ font-size:16px; padding-top:5px; margin:0; line-height:1.4; word-break:break-all; }
.saishijs-tabcon .time{ position:absolute;left:45%; padding-left:10px;bottom:30px;font-size:14px; color:#999}
.saishijs-tabcon .toolbar{ position:absolute; left:45%; padding-left:10px; bottom:5px; font-size:12px; line-height:20px; color:#999}
.saishijs-tabcon .toolbar .iconpic-zan,.saishijs-tabcon .toolbar .iconpic-view{ width:20px; height:17px;background-size:16px auto; margin-top:-2px}
.saishijs-tabcon .toolbar .iconpic-view{ margin-top:-1px}
.saishi-item p em{color: #ff8600;  font-style: normal;}
#saishi-info .saishi-item.mb-20 {margin-bottom: 20px;}
#saishijs .view-more-box{margin: 0 10px;}

.pop-appdown{ position:fixed; bottom:0; left:0; right:0; z-index:9999}
.pop-appdown img{ width:100%; display:block}
.close-appdown{ position:absolute; display:block; z-index:10000; left:1.8%; top:-1.5%; height:33%; width:6.5%;}

.user-info3{ position:relative; padding:10px}
.user-info3 .picbox{ float:left}
.user-info3 .picbox,.user-info3 .picbox img{ width:60px;}
.user-info3 .textbox{ margin-left:70px; line-height:60px; font-size:16px;}
.user-info3 .time{ position:absolute; right:10px; top:30px; font-size:14px; color:#999;}


.zcool-detail-AD{position:relative; margin-left:10px; margin-right:10px; padding:0;  overflow:hidden}
.zcool-detail-AD img{border-top:solid 1px #d6d6d6; padding-top:10px;}
.AD-jiaobiao{position: absolute;right:0;top: 0;font-size: 10px;background-color:rgba(0,0,0,0.5);color: #fff;padding: 2px 7px;line-height: 17px;z-index: 9;border-bottom-left-radius: 5px;}
.zcool-detail-AD .AD-jiaobiao{top:11px}
.item-AD{ position:relative; overflow:hidden}
.item-AD img{ margin-bottom:10px; width:100%; display:block}

/*留言*/
.leave{ padding:15px 10px 5px 10px; }
.leave li{ margin-bottom:13px;}
.leave span{ float:left;display:block; width:40px; height:28px;line-height:28px;}
.leave .input_wrap{ margin-left:40px;}
.leave input,.leave textarea{ width:100%;}
.leave .name{ height:26px; border-radius:5px; -webkit-border-radius:5px;text-indent:8px;}
.leave .ly{ height:58px; border-radius:5px; -webkit-border-radius:5px;text-indent:8px; line-height:30px;    background-color: #f8f8f8; border-color:white;}
.show_more2{ padding:0 10px 18px 10px; height:26px;}
.show_more2 input{ width:100%;font-weight: bold;}
.name{background-color: #f8f8f8;}
.u-co-bt {
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 1px;
	color:#fff;
	background:#9e1327;
}


.ask-baibotel {
    background-color: #282828;
    border: 2px solid #f8c300;
    border-radius: 24px;
    bottom: 80px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.12);
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    transition: width 0.5s ease-in-out 0s;
    width: 40px;
    z-index: 9;
    cursor: pointer;
}
.ask-baibotel02{ width:110px;}
.ask-baibotel span { color: #f8c300;font-size: 14px;font-weight: 600;line-height: 35px;position: absolute;}  
.ask-short-ic {  background: rgba(0, 0, 0, 0) url("../images/icon_hone.png") no-repeat scroll 0 0 / 100% auto;display: inline-block; height: 30px; margin: 4px;width: 30px; }
.ask-short-gd {  background: rgba(0, 0, 0, 0) url("../images/icon_search.png") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 30px; margin: 4px;width: 30px;}
/*左上导航*/
.dh_1{ position:fixed;bottom:0; background:#282828;z-index:1002;width:100%;clear:both;border-top: 2px solid #ffff;}
.dh_2{ position:absolute;bottom:0px; background:#282828;width:100%;z-index:1002;width:100%;clear:both;}
.submenu li{font-size:12px;}
.qw .submenu{display:none;}

.zxfc{ position: fixed; width: 58px; bottom:45%; right: 0px; z-index: 1000;opacity: 0.6;}
.zxfc li{margin-bottom:3%;}
.zxfc_1{}
.zxfc img{width:48px;height:48px;}
#BDBridgeIconWrap{display:none !important;} 

.fye{background-color:#FFFFFF;text-align:center;padding:20px;}
.fy{display: inline-block;}

.thisclass {color:#0099ff;}
.fye li{  float: left;   margin-left: 10px;   display: block;    padding: 4px;}


.fye a {    margin-left: 10px;    padding: 4px;}

.fud { width:100%; margin:0 auto auto auto;}
.fud dl {float: left;width: 25%;text-align: center;position: relative;}
.fud dl img{max-width: 158px;max-height: 55px;margin:auto;}
.dt{width: 95%;text-align: center;padding-top: 4%;cursor: pointer;}
@media screen and (min-width: 1290px) {
.containBox,.dh_1 { width: 1290px;margin:0 auto;}
.header .logo {margin-top: -10px;margin-left: -5px;}
.main-image .jzsm {text-align: center;font-size: 14px;margin-bottom: 25px;}
}