@charset "utf-8";
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
hr{ margin: 0;
    border-width: 1px 0 0 0;
    border: 0;
    height: 1px;
    background: #f0f0f0;}
abbr,acronym{ border:0;font-variant:normal; }
.bgwhite{ background: #fff !important; }
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#666;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;}
input,button,textarea,select{*font-size:100%;}
a{text-decoration: none;color:#666;}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
body {
  font-family:'SourceHanSansCN-Normal','Source Han Sans','思源黑体',source-han-sans-simplified-c,sans-serif;
  font-size: 14px;
  color: #666;
  background: #f7f8fa;
  padding-top: 60px;
}
.after:after,
.n-back:after,
.n-back-1:after,
.con-right:after,
.footer-nav:after,
.kefu_q3 .bor-ul:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden}
/***== 字体 ==***/
.ar{font-family: 'Arial';}
.bold{font-weight: bold;}
.upper{text-transform: uppercase;}
.t-color{color: #75c01f;}
/* 字号 */
.f10{font-size: 10px;}.f11{font-size: 11px;}.f13{font-size: 13px;}.f14{font-size: 14px;}.f15{font-size: 15px;}.f16{font-size: 16px;}.f17{font-size: 17px;}.f18{font-size: 18px;}.f19{font-size: 19px;}.f20{font-size: 20px;}.f21{font-size: 21px;}.f22{font-size: 22px;}.f23{font-size: 23px;}
.f24{font-size: 24px;}.f30{font-size: 30px;}.f36{font-size: 36px;}.f40{font-size: 40px;}
/* 字体颜色 */
.white,.white a{color: white;}
.yellow,.yellow a{color: yellow;}
.blue,.blue a{color: blue;}
.red,.red a{color: red;}
.zfa{color: #0057ff !important;}
/***== 公用属性 ==***/
.hgclear{height:1px;clear: both;}
.hg5,.hg6,.hg7,.hg8,.hg9,.hg10,.hg11,.hg12,.hg13,.hg14,.hg15,.hg16,.hg17,.hg18,.hg19,.hg20,.hg23,.hg25,.hg26,.hg28,.hg30,.hg35,.hg38,.hg40,.hg44,.hg45,.hg48,.hg50,.hg55,.hg60,.hg65,.hg70,.hg75,.hg80,.hg683{width: 100%; clear: both;}

.hg5{height: 5px;}.hg6{height: 6px;}.hg7{height: 7px;}.hg8{height: 8px;}.hg9{height: 9px;}.hg10{height: 10px;}.hg11{height: 11px;}.hg12{height: 12px;}.hg13{height: 13px;}.hg14{height: 14px;}.hg15{height: 15px;}.hg16{height: 16px;}.hg17{height: 17px;}.hg18{height: 18px;}.hg19{height: 19px;}.hg20{height: 20px;}.hg22{height: 22px;}.hg23{height: 23px;}.hg25{height: 25px;}.hg26{height: 26px;}.hg28{height: 28px;}.hg30{height: 30px;}.hg35{height: 35px;}.hg38{height: 38px;}.hg40{height: 40px;}.hg44{height: 44px;}.hg45{height: 45px;}.hg48{height: 48px;}.hg50{height: 50px;}.hg55{height: 50px;}.hg60{height: 60px;}.hg65{height: 65px;}.hg70{height: 70px;}.hg75{height: 75px;}.hg80{height: 80px;}.hg683{height: 683px;}
/* 行距 */
p{line-height: 22px;}
.line-height18{line-height: 18px;}
.line-height20{line-height: 20px;}
.line-height22{line-height: 22px;}
.line-height24{line-height: 24px;}
.line-height25{line-height: 25px;}
/* 宽度 */
.width100{width: 100%;}
.wul105{width: 105%;}
.wul110{width: 110%;}
.width500{width: 500px;}
.container{width: 1180px;min-width: 1180px;margin: 0 auto;position: relative;}
.wap_width{margin: 0 auto;}
.width783{width: 783px;margin: 0 auto;}
.width832{width: 832px;margin: 0 auto;}
.width945{width: 945px;margin: 0 auto;}
.width956{width: 956px;margin: 0 auto;}
.clear{width: 100%; clear: both;}
.clear-hg{clear:both;height:1px;width: 100%;}
.fl{float: left !important;}
.fr{float: right !important;}
.hide{display: none !important;}
.block{display: block !important;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:0;margin-right:0;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{display: none}
.none{display:none;}
.cursor{cursor: pointer}
/* webkit内核 滚动条*/
::-webkit-scrollbar {width:10px;background-color:#006eff;}
::-webkit-scrollbar-thumb {width:10px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:10px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:10px;background-color:#0057ff;}
/*边距*/
.m0{margin: 0 !important;}.m5{margin:5px;}.m8{margin:8px;}.m10{margin:10px;}.m15{margin:15px;}.m18{margin:18px;}.m20{margin:20px;}.m30{margin:30px;}
/* 外上边距 */
.mt0{margin-top: 0 !important;}.mt5{margin-top:5px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt18{margin-top:18px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt100{margin-top:100px;}
/* 外下边距 */
.mb0{margin-bottom: 0 !important;}.mb5{margin-bottom:5px;}.mb8{margin-bottom:8px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb23{margin-bottom:23px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb100{margin-bottom:100px;}
/* 外左边距 */
.ml0{margin-left: 0 !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml100{margin-left:100px;}
/* 外右边距 */
.mr0{margin-right: 0 !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr22{margin-right:22px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr100{margin-right:100px;}
.pt0{padding-top: 0}.pt5{padding-top:5px;}.pt8{padding-top:8px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt16{padding-top:16px;}.pt18{padding-top:18px;}.pt20{padding-top:20px;}.pt25{padding-top: 25px;}.pt28{padding-top: 28px;}.pt30{padding-top: 30px;}.pt35{padding-top: 35px;}.pt36{padding-top: 36px;}.pt40{padding-top: 40px;}.pt45{padding-top: 45px;}.pt55{padding-top: 55px;}.pt60{padding-top: 60px;}.pt70{padding-top: 70px;}
.pr0{padding-right: 0 !important;}.pr5{padding-right:5px;}.pr8{padding-right:8px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right: 25px;}.pr28{padding-right: 28px;}.pr30{padding-right: 30px;}.pr35{padding-right: 35px;}
.pb5{padding-bottom:5px;}.pb8{padding-bottom:8px;}.pb10{padding-bottom:10px;}.pb13{padding-bottom:13px;}.pb15{padding-bottom:15px;}.pb18{padding-bottom:18px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb28{padding-bottom:28px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}
.pl0{padding-left: 0 !important;}.pl5{padding-left:5px;}.pl15{padding-left:15px;}.pl8{padding-left:8px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left: 25px;}.pl28{padding-left: 28px;}.pl30{padding-left: 30px;}.pl35{padding-left: 35px;}
/**==========================  网站公共模块  ===========================**/
.fixed{width:100%;position:fixed;top:0;z-index:10005;}
.fix{ }
.back-model{ width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:1001; }
/*+------------------------------
 + 头部
 +-------------------------------*/
.header{ width:100%;position:fixed;top:0; height:60px; background: #191919;z-index:10005; }
.header .logo{ margin: 18px 0 0 0; }
.header .menu{ width: 65%;text-align: center; position: absolute;top: 0;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);z-index: 5; }
.header .menu ul li{ position: relative; display: inline-block;margin-right: 3px; }
.header .menu ul li a{ display: block;padding: 6px 21px; color: #fff;border-radius: 35px; }
.header .menu ul li:hover a,
.header .menu ul li a.on{ background: #0057ff; }
.header .menu ul li.menu-more{ position: relative; width: 85px; height: 60px;line-height: 60px;cursor: pointer; }
.header .menu ul li.menu-more a{ display: block;padding: 0;border-radius: 0; }
.header .menu ul li.menu-more .ico-more{ display: inline-block;width: 9px;height: 6px; background: url("../img/more-ico.png") no-repeat;margin-left: 5px;vertical-align: middle;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out;
}
.header-dask{ display:none;width:100%;height:60px; }
.header:hover{ overflow:inherit; }
.header .menu ul li .more-child{ display: none; position: absolute;top: 60px;left: 0; width: 140px; background: #fff;text-align: left;
    border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;box-shadow: 0 0 30px rgba(0,0,0,.3); }
.header .menu ul li .more-child a{ height: 40px;line-height: 40px; color: #333;margin-bottom: 5px; text-indent: 21px;background: #fff; }
.header .menu ul li.menu-more:hover .more-child{ display: block; }
.header .menu ul li.menu-more:hover .ico-more{ transform: rotate(-180deg);-webkit-transform: rotate(-180deg); }
.header .menu ul li .more-child a.on,
.header .menu ul li .more-child a:hover{ background: #0057ff;color: #fff; }
/** works-level **/
.works-level{ position: fixed;top: -85px;left: 0; width: 100%;height: 80px;line-height: 80px;background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);transition: all .4s ease-out;-webkit-transition: all .4s ease-out; z-index: 10002; }
.works-level.open{ top: 60px; }
.works-level ul li{ display: inline-block; }
.works-level ul li:hover a,
.works-level ul li a:hover,
.works-level ul li a.t-on { background: #0057ff;color: #fff; }
.works-level ul li a { padding: 7px 12px;border-radius: 5px; }
/*+------------------------------
 + 搜索
 +-------------------------------*/
.form-search{ width:100%;height:100%;position:absolute;top:-62px;left:0;background:#191919;
    transition:all .4s ease-out;-webkit-transition:all .4s ease-out; }
.form-search.show{ top:0; }
.form-search .form-search-con:after{ display: block;content: "";clear: both; }
.form-search .form-search-con{ width: 425px; margin:22px auto 0; }
.form-search .colse{ width:12px;height:12px;background-position:-88px 0;cursor:pointer;margin-top:5px; }
.form-search .select-type{ border:0;background:transparent;color:#fff;margin: 0 15px; }
.form-search .select-type option{ color:#666; }
.form-search .stype{ position: relative; width: 90px;height: 38px;margin: 0 15px; cursor: pointer;}
.form-search .stype .opation{ display:block;color:#fff;text-align:center; }
.form-search .stype .opation i{ display: block;float: right; width: 9px;height: 6px;margin-top: 8px; background-position: -52px -132px;
    transition: all .3s ease-out;-webkit-transition: all .3s ease-out;
}
.form-search .stype ul{ display:none;position:absolute;top:30px;left:0;width:100%;padding:5px 0;
   box-shadow:0 3px 10px #dcdcdc;background:#fff;border-radius:5px;text-align:left;z-index:999;overflow:hidden; }
.form-search .stype ul li{ width:100%;line-height:33px;text-align:center; }
.form-search .stype ul li:hover{ color:#0057ff;background:#f7f8fa; }
.form-search .stype:hover .opation i{ transform:rotate(180deg);-webkit-transform:rotate(180deg) }
.form-search .stype:hover ul{ display:block; }
.form-search input::-webkit-input-placeholder { color:#fff; }
.form-search input::-moz-placeholder { color:#fff; }
.form-search. input:-ms-input-placeholder { color:#fff; }
.form-search .keywords{ width: 226px; padding:0 5px;border:0;background:transparent !important;color:#fff;border-bottom: 1px solid #4e4e4e; }
.form-search .submit{ display:inline-block;width:18px;height:18px;background-position:0 -3px;
    border:0;cursor:pointer;margin-left:15px; }
.form-search-all{ position:relative;width:370px;height:38px;border:1px solid #eee;border-radius:5px; }
.form-search-all .keywords{ width:270px;height:38px;border:0;padding:0 10px; color:#666;border-radius:5px; }
.form-search-all .submit{ position:absolute;top:-1px;right:-1px; width:80px;height:40px;background:#0057ff url("../img/search.png") no-repeat 34px 10px;
    border:0;cursor:pointer;border-top-right-radius:5px;border-bottom-right-radius:5px;
}
/*+------------------------------
 + Ads[Index]
 +-------------------------------*/
.ads{ width:100%;height:80px;border-radius:5px; overflow:hidden; }
.ads img{ border-radius: 5px; }
/*+------------------------------
 + 右侧
 +-------------------------------*/
.user-info ul li{ position:relative;padding-left:30px;float:left;height: 60px; }
.user-info ul li:first-child{ margin-left: 0; }
.ico{ display: block;background: url("../img/ico.png") no-repeat 0 0; }
.user-info ul li .search,
.user-info ul li .notice{ cursor: pointer; }
.user-info ul li .search{ width:18px;height:18px;margin-top:22px;background-position:0 -3px;}
.user-info ul li .notice{ margin-top:19px;width:22px;height:21px;background-position:-20px -127px; }
.user-info ul li.login-regsi { height:35px;margin-top:22px;background:url("../img/li.png") no-repeat 85px 5px; }
.user-info ul li.login-regsi a{ padding:0 12px;color:#fff; }
.user-info ul li.login-regsi-y img{ border:2px solid #1a212b;border-radius:150%;margin-top:12px; }
.user-info ul li.login-regsi-y:hover .drop-down-user{ display: block; }
.user-info ul li .drop-down-user{
    display: none;
    width: 190px;
    height: auto;
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    padding-bottom: 5px;
    text-indent: 20px;
    border-radius: 5px;
    z-index:180;
}
.user-info ul li .drop-down-user h5{
    height: 55px;
    line-height: 55px;
    font-weight: bold;
    overflow: hidden;
}
.user-info ul li .drop-down-user h5 a{ color: #333; }
.user-info ul li .drop-down-user ul li{
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    border-top: 1px solid #eee;
}
.user-info ul li .drop-down-user ul li i{
    position:absolute;top:12px;right:20px;display:block;width:18px;height:18px;line-height:18px;
    text-align:center;background:red;color:#fff;text-indent:0;font-style:normal;font-size:12px;
    border-radius:65px;overflow:hidden; }
.user-info ul li .drop-down-user ul li a{ display:block; }
.user-info ul li .drop-down-user ul li:hover{ background:#f0f0f0; }
.user-info ul li .notice-i{ position:absolute;top:10px;right:0;display:block;width:10px;height:10px;background:red;border-radius:35px;z-index:999; }
/*+------------------------------
 + 注册/登录
 +-------------------------------*/
.register{
    position: fixed;
    top: 25%;
    left: 50%;
    width: 400px;
    min-height: 430px;
    margin: 0 0 0 -200px;
    border-radius: 5px;
    z-index: 10002;
    background: #fff;
}
.register .register-con{ width:335px; margin:0 auto; }
.register .register-con h5{
    font-size: 20px;
    padding: 30px 0 20px;
    color: #333;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.register .register-con ul li{
    position: relative;
    margin-bottom: 15px;
}
.register .register-con ul li input[type=text],
.register .register-con ul li input[type=password]{
    width: 325px;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.register .register-con ul li input[type=text]:focus,
.register .register-con ul li input[type=password]:focus{
    border-color: #0057ff;
}
.register .register-con ul li.code input[type=text]{ width: 198px; }
.register .register-con ul li.code button{
    width: 118px;
    height: 41px;
    line-height: 41px;
    background: #0057ff;
    border: 0px;
    color: #fff;
    border-radius: 5px;
}
#get-code.h,#get-code-pwd.h,#get-code-p.h,#get-code-pedit.h{background: #c8c8c8;color: red}
.register .register-con ul li .eye{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 21px;
    height: 15px;
    background-position: 0 -35px;
}
.register .register-con ul li input[type=submit]{
    font-size: 16px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0px;
    background: #0057ff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}
.register .is-user a{color:#7bb0ff;}
.register .tips-r, .register .tips-l,.register .tips-p{margin: 0 0 10px;}
.register .sj{ padding: 15px 0 30px; line-height: 42px; }
.register .sj:after{display:block;content:'';clear:both;}
.register .sj span{display: block;}
.register .sj a{display: block;float: left;margin-left: 15px;}
.register .colse-r{ position:absolute;top:10px;right:10px;display:block;width:25px;height:25px;
    background:url("../img/colse.png") no-repeat;background-size:25px; }

.register.login .login-center:after{display:block;content:'';clear:both;}
.register.login .login-center{padding-bottom: 15px; border-bottom: 1px solid #eee;}
.register.login .login-center .ischeck{}
.register.login .login-center input[type=checkbox]{vertical-align: middle}

.register.login .pwd-r a{color:#7bb0ff;padding: 0 10px;}
.register.login .pwd-r a:last-child{padding-right: 0px;background: url("../img/li1.png") no-repeat center left;}
.register.login .sj{ text-align: center; }
.register.login .sj span{padding-bottom: 10px;}
.register.login .sj a{ display: inline-block;float: none; }
/*+------------------------------
 + 找回密码
 +-------------------------------*/
.register.backpwd{
    min-height: 420px;
}
.register.backpwd.yesh{min-height: 395px;height: 395px;overflow: hidden}
.register.backpwd .backpwd-yes{
    text-align: center;
}
.register.backpwd .backpwd-yes .back-yes-p{margin: 15px 0 30px;}
.register.backpwd .backpwd-yes .back-on{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #0057ff;
    border-radius: 5px;
    color: #fff;
}
#wechat-load{
    padding: 37px 80px;
    width: 198px;
    height: 246px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #f7f8fa;
    margin:  -225px 0 0 -179px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    z-index: 1002;
}
#wechat-load .colse-wechat {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/colse.png) no-repeat;
    background-size: 25px;
}
/*+------------------------------
 + 私信
 +-------------------------------*/
.letter-show{
    width: 450px;
    position: fixed;
    top: 30%;
    left: 50%;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 0 -225px;
    z-index: 10002;
}
.letter-show h5{ height: 50px;line-height: 50px;border-bottom: 1px solid #eee;padding: 0 20px;font-size: 16px; }
.letter-con{ position: relative; width:410px;margin:20px auto 30px; }
.letter-con.user-letter .letter-name{ cursor: pointer; }
.letter-show .letter-name{ width:402px;height:40px;line-height:40px;border:0px;padding:0 5px;background:#eee;border-radius:5px; }
.letter-show .lettre-intro{ width:390px;height:80px;padding:10px;border-radius:5px;border:1px solid #eee;margin:15px 0;resize: none; }
.letter-show .tips-letter{ display: block;margin:0 0 15px 0; }
.letter-show .letter-sub{
    width:100%;height:40px;line-height:40px;background:#0057ff;border:0px;border-radius:5px;color:#fff;cursor:pointer;
}
.letter-show .colse{position: absolute;top:15px;right:15px;cursor: pointer;display: block;width:20px;height:20px;background: url("../../common/img/colse.png") no-repeat;background-size:20px;}
.user-follow{ width: 100%;height: 202px; background: #fff;border-radius: 5px;border: 1px solid #eee;position: absolute;top: 43px;left: 0;overflow-x: hidden;z-index: 300 }
.user-follow ul li{
    line-height: 30px;
    padding: 10px 20px;cursor: pointer;
}
.user-follow ul li:hover{background: #f5f5f5}
.user-follow ul li .l-pic{display: block;float: left;width: 30px;height: 30px;overflow: hidden;border-radius: 50px;margin-right:8px;}
.user-follow ul li img{width: 100%;height: 100%;}
/*+------------------------------
 + 意见反馈
 +-------------------------------*/
.feedback-list{ padding: 20px 20px 50px; }
.feedback-list .remark{ color: #333;padding-bottom: 20px;border-bottom: 1px solid #eee; }
.feedback-list ul:after,.feedback-list ul li:after{ display: block;content: "";clear: both;}
.feedback-list ul{ width: 100%; }
.feedback-list ul li{ margin-top: 20px; }
.feedback-list ul li label{ display:block;width: 90px;float: left; }

.feedback-list ul li .feedb-type p{ width: 95px; float: left;cursor: pointer; }
.feedback-list ul li .feedb-type .on{ color: #0057ff; }
.feedback-list ul li .feedb-type .on span { background: #0057ff; }
.feedback-list ul li .feedb-type span { position:relative;display:block;float:left;width:15px;height:15px;
    border:1px solid #eee;border-radius:35px;margin: 3px 6px 0 0; }
.feedback-list ul li .feedb-type span i { position:absolute;top:8px;left:49%;display:block;width:8px;height:8px;
    transform: translate(-43%,-55%);
    -webkit-transform: translate(-43%,-55%); background: #fff;border-radius: 35px; }
.feedback-list ul li .upload{position: relative; width:280px;height:210px;background:#f4f4f4;text-align:center;border-radius: 5px; overflow: hidden; }
.feedback-list ul li .upload em{ position: absolute; top: 80px;left: 123px; display: block;width: 32px;height: 32px;background: url("../img/kicon.png") no-repeat;margin: 0 auto; }
.feedback-list ul li #head_photo_thumb{ display: none; position: absolute;top: 0px;left: 0px;width: 280px;height: 210px;z-index: 0; }
.feedback-list ul li .upload p{ line-height: 255px; }
.feedback-list ul li .upload input[type=file]{ position: absolute;top: 0px;left: 0px;width: 280px;height: 210px;cursor: pointer;opacity: 0; }
.feedback-list ul li .fcontent{ float: left; padding: 10px;border: 1px solid #eee;background: #f4f4f4;resize: none;border-radius: 5px; }
.feedback-list ul li span{ display: block;float: left; }
.feedback-list ul li.fcontent-li span{ margin-top: 30px; }
.feedback-list ul li.input-li span{ margin-top: 9px; }
.feedback-list ul li.input-li{ line-height: 37px; }
.feedback-list ul li input[type=text]{ float: left; padding: 0 5px; height: 35px;line-height: 35px;border: 1px solid #eee;background: #f4f4f4;border-radius: 5px; }
.feedback-list ul li .fcontent:focus,
.feedback-list ul li input[type=text]:focus{ background: transparent; }
.feedback-list ul li .feedb-sub{ margin-left: 90px; width: 85px;height: 35px;border:0px;background: #0057ff; color: #fff; border-radius: 5px;cursor: pointer; }
/*+------------------------------
 + 页脚
 +-------------------------------*/
.footer:after,.copyright:after{display: block;content: "";clear: both;}
.footer{ width:100%;background:#191919;padding:45px 0 30px;min-width: 1180px; }
.footer .footer-top{ position: relative;padding-bottom: 35px;border-bottom: 1px solid #303030; }
.footer h3{font-size: 22px;color: #fff;margin-bottom: 15px;}
.footer .links a{ position: relative; padding: 0 15px; color:#676767; background: url("../img/footer-li.jpg") no-repeat center right; }
.footer .links a:first-child{padding-left: 0px;}
.footer .links a:last-child{background: none;}
/* 移动版 */
.footer .links a.mobel-wap:hover .mobel-img,
.footer .links a.mobel-wx:hover .mobel-img{ display:block; }
.mobel-img{ display: none; position:absolute;top:-145px;left:-40px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 66; }
.mobel-wx .mobel-img{ left: -25px; }
.mobel-img i{ position: absolute;bottom: -6px;left:55px; display: block;width: 15px;height: 15px;background: #fff;
    transform: rotate(45deg);-webkit-transform: rotate(45deg);
}
.mobel-img img{ padding:5px; }
.footer .share{ position: absolute; right: 0px; top: 8px; }
.footer .share a{ float: left; display: block; width: 41px; height: 41px; margin-left: 10px;cursor: pointer; }
.footer .share a.wx{ background-position: -10px -59px;}
.footer .share a.qq{ background-position: -60px -59px; }
.footer .share a.uz{ background-position: -109px -59px; }
.footer .share .two_code{display: none; position: absolute;top: -160px;left: -38px;padding: 20px 20px 8px;background: #fff;border-radius: 5px;text-align: center; }
.footer .share .two_code p{ padding-top: 5px; }
.footer .share .two_code em{ display: block;width: 15px;height: 15px;background: #fff;position: absolute;bottom: -7px;left: 45%;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
}
.footer .share a.wx:hover .two_code{ display: block; }
.copyright{padding: 30px 0px 0px;font-size: 12px;}
.copyright p, .copyright p a{color: #676767}
.copyright p a:hover,.footer .links a:hover{ color: #fff; }
/*+------------------------------
 + Return
 +-------------------------------*/
.go-return{ position:fixed;bottom:35px;right: 1%; z-index: 10001; }
.go-return ul li{ position: relative; width: 42px;height: 42px;background: #0057ff;margin-top: 6px;border-radius: 5px;cursor: pointer; }
.go-return ul li a{ display: block;width: 100%;height: 100%; }
.go-return ul li.go-top{display: none; background: #ddd; }
.go-return ul li i{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); }
.go-return ul li.go-top i{ width: 16px;height: 9px; background-position: -72px -132px; }
.go-return ul li.go-qq i{ width: 16px;height: 16px; background-position: -80px -164px; }
.go-return ul li.go-code-two i{ width: 24px;height: 24px; background-position: -206px 0; }
.go-return ul li.go-feedb i{ width: 24px;height: 26px; background-position: -106px -155px; }
.go-return ul li.go-top:hover{ background:#0057ff; }
.go-return ul li.go-code-two .show-code{ display:none;position:absolute;top:-89px;right:65px;padding:15px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);
    text-align:center;background:#fff;z-index:255;
}
.go-return ul li.go-code-two .show-code em{ position:absolute;bottom:29%;right:-5px;width:14px;height:14px;background:#fff;
    transform:rotate(45deg);-webkit-transform:rotate(45deg);
}
.go-return ul li.go-code-two:hover .show-code{ display: block; }
/** 微信登录覆盖 **/
.impowerBox { line-height:1.6;position:relative;width:200px;z-index:1;text-align:center;margin: -60px auto 0; }
.impowerBox .qrcode { width:150px;margin-top:15px; border:1px solid #E2E2E2; }
.impowerBox .qrcode img{ margin:0 auto; }
.impowerBox .title { text-align:center;font-size:20px; }
.impowerBox .info { width:200px; }
.impowerBox .status { text-align:center; }
.impowerBox .status p { font-size:13px; }
/**网关**/
.portal{ margin-top: 5px; }
.portal img{ display: block;float: left; }
.portal span{ margin: 0 0 0 5px; }
/** validate **/
.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px;}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../img/validate/right.png) no-repeat left center;}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(../img/validate/error.png) no-repeat left center;}
.Validform_loading{padding-left:20px;background:url(../img/validate/onLoad.gif) no-repeat left center;}
.Validform_error{ background-color:#ffe7e7 !important; }
#Validform_msg{display: none !important; color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}