@charset "utf-8";

/* header */
.head{ width:100%;height:118px;position:fixed;background-color: #fff;z-index:6;}
.haedMar{width:92%;margin: 0 auto;position:relative;}
.headTop{width:100%;text-align:right;}
.headTop a{font-size:12px;color:#5a5a5a;margin-top:26px;}
.headTop .verticalLine{height:12px;width:1px;background-color: #000;margin:0px 20px;}
.headTop .headTopRight{font-size:14px;margin-left:27px;}
.headTop .education{margin-left:50px;}
.nav{height:100%;margin-left:230px;}
.nav ul li{margin-left:34px;}
.nav ul li a{font-size:16px; font-family:"微软雅黑";color:#000;}
.headBottom{width:100%;text-align:right;position:relative;bottom:20px;}
.headBottom a{border-radius: 5px;-moz-border-radius: 5px;font-size:14px;font-family:"微软雅黑";}
.headBottom a.application{background-color:#e53000;text-align:center;color:#fff;width:105px; height:31px;margin-right:20px;line-height:31px;}
.headBottom a.uploadPhotos{background-color:#fff;text-align:center;color:#e53000;border:1px solid #e53000;width:103px; height:29px;line-height:29px;}
.logo{position:absolute;left:0px;top:30px;width: 203px;}
.logo a{width:100%;}
.haedMar .empty{margin-left:-4px;}
.banners{width:100%;}
.menuOpen{position: fixed;top: 3%;right: 10px;width: 45px;height: 45px;background-color: #FFF none repeat scroll 0% 0%;border-radius: 0.25em;box-shadow:0px 0px 10px rgba(218, 118, 71, 0.8);overflow: hidden;z-index: 10000;display:none;}
.navImg{display:none;}
.header-top{position:relative;z-index:2;width:100%;height:50px;background-color:#313131}
.header-top-box{position:relative;margin:0 auto;width:94%;height:50px;color:#fff;text-align:right;line-height:50px}
.header-moblie-searchBtn{display:none;}
.header-moblie-searchBox{display:none;}
.header-top-select{position:relative;right:230px;display:inline}
.header-top-input{padding:0 6px;height:20px;border:1px solid #999;border-radius:10px;background-color:transparent;color:#fff;vertical-align:middle;font-size:13px;line-height:20px;}
.header-top-button{position:absolute;top:50%;right:16px;margin-top:-7px;width:14px;height:16px;background-image:url(../images/selectBtn.png);background-color:rgba(0,0,0,0);background-position:center;border-style:none !important}
.header-top-reglog{position:absolute;right:115px;margin:0 25px}
.header-top-reglog a{margin:0 5px;color:#fff}
.header-top-other{position:absolute;right:0;cursor:pointer}
.header-top-other a{margin:0 5px;color:#fff}
/*.header-top-other b{font-weight:100}
.header-top-other b::after{position:relative;top:12px;margin-left:8px;width:0;border-color:#fff transparent transparent;border-style:solid;border-width:5px;content:""}*/
.header-top-option{position:absolute;top:22px;right:0;overflow:hidden;width:90px;height:0;background-color:#24242a;transition:height .5s ease 0s}
.header-top-option li{padding:0 10px;height:30px;line-height:30px}
.header-top-option li:first-child{margin-top:10px}
.header-top-option li a{color:#fff;font-size:13px}
/*.header-top-other:hover b::after{top:-10px;border-color:transparent transparent #fff}
.header-top-other:hover .header-top-option{height:100px}*/
.header-nav{position:relative;z-index:1;width:100%;height:100px;background-color:#fff}
.header-nav-box{position:relative;margin:0 auto;width:94%;height:100px;line-height:100px}
.header-nav-logo{margin-left:-60px;width:340px;text-align:center}
.header-nav-logo img{width:60%}
.header-nav-nav{display:inline;margin-left:5%}
.header-nav-nav li{display:inline;margin:0 15px}
.header-nav-nav li a{color:#000;font-size:16px}
.header-nav-nav li a:hover{color:red;border-bottom:1px solid red;}
.header-nav-btnbg{border-bottom:1px solid red;color:red !important;}
.header-nav-btn{position:absolute;top:50%;right:0;margin-top:-15px}
.header-nav-btn a{float:right;margin:0 10px;width:100px;height:28px;border:1px solid #e53000;text-align:center;font-size:14px;line-height:28px;border-radius:2px;transition:0.5s;}
.header-nav-join{background-color:#fff;color:#e53000}
.header-nav-join:hover{background-color:#e53000;color:#FFF}
.header-nav-upload{background-color:#fff;color:#e53000}
.header-nav-upload:hover{background-color:#e53000;color:#FFF}
.header-box{background-color:#FFF;}
.header-box .header-top-box{color:#696969}
.header-box .header-top-box .header-top-reglog a{margin:0 15px;color:#696969;font-size:14px}
.header-box .header-top-box .header-top-other a {padding-left:2%;font-size:14px;color:#696969;}

/* 响应式导航 */
.menu{position:absolute;top:0;overflow:hidden;margin:auto;width:40px;height:40px;border:5px solid transparent;border-radius:100%;cursor:pointer;transition:all .3s ease 0s;}
.menu::after{position:absolute;top:0;left:0;width:35px;height:35px;border:2px solid transparent;border-radius:100%;content:""}
.menu:hover::after{animation:1s ease 0s normal forwards 1 running circle-creation}
.menu .bar{position:relative;display:block;margin:8px 6.5px;width:25px;height:2px;border-radius:10px;background-color:#fff;transition:all .4s ease 0s}


@media (min-width:1367px)
{
	.header-navlogo{display:none;}
	.header-nav-logo{display:inline-block}
	.header-nav-nav{margin-left:-5%;}	
}
@media (max-width:1366px)
{
	.header-nav-logo{display:none;}
	.header-navlogo {position:absolute;left:5px;top:0;width:120px}
	.header-navlogo img{width:100%;display:inline;}
}
@media (min-width:980px){
	.menu{display:none;}
	.header-nav{left:auto !important}
	.header-nav-nav{margin-left:0%;}
}
@media (max-width:979px){
	html,body {overflow-x: hidden;}
	.header-top{height:60px;}	
	.header-top-reglog{display:none;}
	.header-top-other{display:none;}
	.header-navlogo{position:absolute;top:0;right:0;left:0;margin:0 auto;width:180px}
	.header-navlogo img{width:100%;display:inline;}
	.header-moblie-searchBtn{position:absolute;top:0;right:10px;bottom:0;display:block;margin:auto;width:15px;height:15px;}
	.header-moblie-searchBtn img{display:block;}
	.header-moblie-searchBox{position:fixed;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:none;}
	.header-moblie-search{display:block;margin:auto;padding-top:10px;width:80%;border-radius:10px;background-color:rgba(244,244,244,1);text-align:left;line-height:120px;text-align:center;}
	.header-moblie-input{display:inline-block;padding:4px 10px;width:58%;line-height:35px;font-size:14px}
	.header-moblie-searchLayer{bottom:42%;left:0;position:absolute;right:0;}	
	.header-moblie-search.header-moblie-searchLayer b{position:absolute;bottom:90px;left:18px;height:30px;line-height:30px}
	.header-moblie-button{display:inline-block;margin-left:2%;padding:10px;background-color:#d72d38;color:#ffffff}
	.header-top-select{position:absolute;top:25px;right:25px;display:none;}
	.header-top-input{display:none}
	.header-top-button{position:relative;left:92%;background-position:center center;display:block}
	.header-nav{position:fixed;top:0;left:-240px;width:240px;height:100%;background-color:#1F1F1F;overflow:hidden;box-shadow: 0px 0px 5px #000000;-moz-box-shadow:0px 0px 5px #000000;-webkit-box-shadow: 0px 0px 5px #000000;z-index:9;}
	.header-nav-box{width:240px;height:100%;overflow:auto;}
	.header-nav-logo{display:none}
	.header-nav-nav{position:absolute;top:auto;margin:52% auto 0;width:100%;overflow:auto;display:block;}
	.header-nav-nav li{display:block;margin:2px auto;height:50px;line-height:50px;text-align:center;}
	.header-nav-nav .header-nav-bg{background-color:#2b2b2b;}
	.header-nav-nav li a{color:#FFF;letter-spacing:5px;}
	.header-nav-nav li:nth-of-type(9) a::before{content:url("/Public/images/all.png");}
	.header-nav-nav li:nth-of-type(8) a::before{content:url("/Public/images/car.png");}
	.header-nav-nav li:nth-of-type(7) a::before{content:url("/Public/images/hotels.png");}
	.header-nav-nav li:nth-of-type(6) a::before{content:url("/Public/images/estate.png");}
	.header-nav-nav li:nth-of-type(5) a::before{content:url("/Public/images/travel.png");}
	.header-nav-nav li:nth-of-type(4) a::before{content:url("/Public/images/city.png");} 
	.header-nav-nav li:nth-of-type(3) a::before{content:url("/Public/images/aerial.png");}
	.header-nav-nav li:nth-of-type(2) a::before{content:url("/Public/images/creative.png");}
	.header-nav-nav li:nth-of-type(1) a::before{content:url("/Public/images/hot.png");}
	.header-nav-nav li:nth-of-type(n) a::before{padding-right:15px;vertical-align:sub;}
	.header-nav-nav li a:hover{border-bottom:none;} 
	.header-nav-btn{top:auto;margin:5% auto;}
	.header-nav-btn a{margin:10px;width:220px;color:#FFF;background-color:#E53000;background:-moz-linear-gradient(100% 100% 89deg, #C70000, #FF0000 100%)}
	.header-nav-upload{}
	.menu{top:10%;display:block;}
	.banners{padding-top:50%;}
}

@media screen and (min-width:320px) and (max-width:480px)
{
.header .navlogo{top:0;right:auto;}
.header .navlogo img{margin-top:10px;width:65%;height:auto;}
.header-top-box .header-navlogo{width:180px;}
}


@media screen and (min-width:320px) and (max-width:979px){.banners{padding-top:100%;display:none;}}

.hitClick,.viewClick,.shareClick{cursor:pointer;}

#addDown{cursor:pointer}


/* 登录错误弹窗 */
.error-layer{position:fixed;top:0;z-index:9999;margin:auto;width:100%;height:50px;background-color:#3399FF;text-align:center;font-size:2em;line-height:50px}
.error-code,.error-null,.error-pwd,.error-mail,.error-fail,.error-clause,.error-login-mail{display:none;}

/*弹出信息提示框*/
.info-popTip{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background-color:rgba(0,0,0,0.3);display:none;}
.info-popTip .info-modal{position:absolute;left:50%;top:50%;margin-left:-200px;margin-top:-80px;padding:20px;width:400px;height:160px;background-color:#ffffff;border-radius:5px;}
.info-popTip .info-message{padding:30px 20px;text-align:center;font-size:14px;line-height:25px;}
.info-popTip .info-btns{text-align:center;}
.info-popTip .info-btns .btn{margin:0 20px;width:100px;height:26px;cursor:pointer;border:1px solid #0099FF;border-radius:4px;font-size:14px;}
.info-popTip .info-btns .btn.confirm{background-color:#0099FF;color:#ffffff}

/* footer */
.foot{margin-top:60px;}
.footPro{margin-top:0px;}
.footTitle{font-size:24px;font-weight:500; font-family:"微软雅黑";width:82%;margin:0 auto;}
.foot .footPartner{width:82%;margin:0 auto;margin-top:20px;}
.foot .footPartner li{font-size:14px; color:#333333;width:190px;line-height:30px;}
.foot .footPartner li a{color:#000;}
.footCen{width:100%;height:246px;background-color:#5b5b5b;margin-top:65px;}
.footCen .footCenten{width:82%;margin:0 auto;height:100%;position:relative;}
.footCen .footCenten .verMiddle{vertical-align:middle;height:auto;}
.footCen .footCenten .verMiddle .footCUl{vertical-align: top;margin-right:90px;margin-top:}
.footCen .footCenten .verMiddle .footCUl a{display:block;padding:5px;}
.footCen .footCenten .verMiddle .footCUl li{font-size:12px; color:#adadad;font-family:"微软雅黑";}
.footCen .footCenten .verMiddle .footCUl li.footUlTiele{font-size:14px;color:#fff;font-weight:bold;margin-bottom:30px;}
.footCen .footCenten .footRight {position:absolute;top:15%;right:0;margin-top:5px;width:165px;}
.footCen .footCenten .footRight img {width:100%}   
.footCen .footCenten .footRight .phoneService{font-size:14px;font-family:"微软雅黑";color:#fff;}
.footCen .footCenten .footRight .fooTel{font-size:24px;color:#fff;}
.footCen .footCenten .footRight .footDownTitle{font-size:12px;color:#fff;font-weight:bold;}
.footCen .footCenten .footRight .footDownTitle span{font-weight:normal;color:#adadad;}
.footCen .footCenten .footRight .downIphone{width:100px; height:31px; background-color:#8b3cb9;color:#fff;line-height:31px;border-radius: 0.25em;text-align:center;}
.footCen .footCenten .footRight .downAndroid{width:100px; height:31px;background-color:#e53000;color:#fff;line-height:31px;border-radius: 0.25em;text-align:center;}
.footCenten .fontIndexFoot{position:absolute;bottom:20px;line-height:25px;display:inline-block;}
.footCenten .fontIndexFoot p{color:#8e9193;margin:0 20px 0 15px;}
.footCenten .fontIndexFoot ul{background-color: #25272c;}
.footCenten .fontIndexFoot ul li {margin:5px;height:100%;display: inline-block;}
.footCenten .fontIndexFoot ul li a{color:#8e9193}

.footBottom{width:100%;height:100px;background-color:#000;} 
.footBottom .footCenten{width:82%;margin:0 auto;height:100%;position:relative;}
.footBottom .footCenten .fontIndex{height:32px;width:auto;background:#25272c;line-height:32px;color:#8e9193;}
.footBottom .footCenten .fontIndex ul li{margin-right:10px;}
.footBottom .footCenten .fontIndex ul li a{color:#8e9193;}
.footBottom .footCenten .fontBottomRight{position:absolute;right:0px;top:20px;line-height:20px;}
.footBottom .footCenten .fontBottomRight p{text-align:center;color:#8e9193;font-size:12px;}
.footBottom .footCenten .fontBottomRight p a {color:#8e9193;}
.login-bottom {margin-top:8.7%;}
.register-bottom{margin-top:4.8%;}
@media (max-width:1280px)
{
.foot .footPartner li{width:24.5%;text-align:left;}	
}
@media (max-width:1279px)
{
.footBottom{height:auto;}
.footBottom .footCenten{height:auto;padding-top:15px;padding-bottom:15px;}

.footCen .footCenten .verMiddle .footCUl{margin-right: 39px;}
.footBottom .footCenten .fontBottomRight{position: initial;margin:10px auto 0px;}
.footBottom .footCenten .fontBottomRight p{display:inline-block;margin-left:15px;}
.footBottom .footCenten .fontIndex{margin-top:20px;}
.footCenten .fontIndexFoot{position:relative;bottom:0;}
}
@media (max-width:979px)
{
.footCen .footCenten .footRight{display:none;}
}
@media (min-width:768px)
{
.gotoTop{right:10px;}
.footBottom .footCenten,.footCen .footCenten,.foot .footPartner,.footTitle{width:85%;}
}
@media(max-width:440px)
{
.footBottom .footCenten .fontIndex{height:auto;background:none;}
.footBottom .footCenten .fontIndex p{margin:0px;}	
.footCen .footCenten .verMiddle .footCUl{margin-right: 65px;}
.footCen .footCenten .footRight .footDownTitle{display:block;}
}
@media(max-width:360px)
{
.footCen .footCenten .verMiddle .footCUl{margin-right: 43px;}
}
@media screen and (min-width:401px) and (max-width:767px)
{
.footBottom .footCenten .fontBottomRight p:nth-child(2){width:305px;}
.footBottom .footCenten .fontBottomRight p:nth-child(3){width:305px;}	
}
@media(max-width:400px)
{
.foot .footPartner li{width:133px;}
.footCen .footCenten .verMiddle .footCUl{margin-right: 32px;}
.footBottom .footCenten .fontBottomRight p{text-align:center;}
.footBottom .footCenten .fontBottomRight p:nth-child(2){width:200px;}
.footBottom .footCenten .fontBottomRight p:nth-child(3){width:156px;}
}
@media screen and (min-width:320px) and (max-width:767px)
{
.foot .footTitle{display:none;}
.foot .footPartner{display:none;}
.foot .footPartner li{width:48.5%;border-bottom:1px solid #EEE;line-height:35px;white-spaces:nowrap;}
.foot .footCen{height:auto;padding-top:10%;margin:0px auto;}
.footCen .footCenten{width:90%}
.footCen .footCenten .verMiddle .footCUl{width:100%;margin:2% auto;margin-right:auto;}
.footCen .footCenten .verMiddle .footCUl li.footUlTiele{margin-bottom:15px;}
.footCen .footCenten .verMiddle .footCUl a {display:inline-block;margin:0 4%;}
.footBottom{padding-bottom:10px;height:auto;text-align:center;}
.login-bottom{padding-bottom:10px;}
.footBottom .footCenten .fontIndex{display:none;}
.footCenten .fontIndexFoot{display:none;}
}

.fontIndex,.fontIndexAll{position:fixed;top:0;bottom:0;margin:auto;width:30px;height:100%;background-color:rgba(2, 4, 4, 0.4);z-index:3;overflow:hidden;display:none}
.fontIndex p,.fontIndexAll p{font-size:14px;color:#ffffff}
.fontIndex ul,.fontIndexAll ul{width:100%;height:100%;text-align:center;}
.fontIndex ul li,.fontIndexAll ul li{height:3.8%}
.fontIndex ul li a,.fontIndexAll ul li a{display:block;color:#ffffff;font-size:14px;line-height:36px;font-family:Arial;}



/* 引导页 */
.panoBox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;}
.navlogo{position:absolute;top:2%;left:2%;overflow:hidden;width:120px}
.navlogo img {width:100%;}
@media screen and (min-width:320px) and (max-width:767px)
{
.navlogo{width:80px}
}

/* 按钮 */
.Button{position:absolute;bottom:8%;margin:0px auto;width:100%;text-align:center;}
.Button .buttonBox{margin:0 auto;width:90%;text-align:center;}
.Button .buttonBox .editing{display:block;width:240px;height:55px;border-radius:5px;background-color:rgba(176,25,27,0.8)}
.Button .buttonBox .editing span{position:relative;top:6px;right:0;left:0;display:block;margin:0 auto;width:94%;border:1px solid #c45757;text-align:center;line-height:40px;font-size:16px;}
.Button .buttonBox .gap {display:inline-block;width:25px;}
.Button .buttonBox .upload{display:block;width:240px;height:55px;border-radius:5px;background-color:rgba(0,0,0,0.8)}
.Button .buttonBox .upload span{position:relative;top:6px;right:0;left:0;display:block;margin:0 auto;width:94%;border:1px solid #5C5A5A;text-align:center;line-height:40px;font-size:16px;}
@media screen and (min-width:320px) and (max-width:767px)
{
.Button{display:none;}	

}

/* 引导页三角形按钮 */
.triangle{position:absolute;bottom:2%;margin:0px auto;width:100%;height:35px;text-align:center;animation:1.2s fadeOutDown;animation-iteration-count:infinite;z-index:100}
.triangle a {display:block;height: 100%;}
.triangle a span{display:none;}
.triangle a img{height:100%;}
@media screen and (min-width:320px) and (max-width:979px)
{
.triangle{animation:1.2s;}
.triangle a{width:120px;border:1px solid #00a3d8;border-radius:2px;display:block;height:100%;margin: 0 auto;width120px;}
.triangle a span{display: block;width: 100%;height: 100%;vertical-align: middle;font-size: 16px;line-height: 35px;font-family: serif;}
.triangle a img{display:none;}
}

/* 引导页底部进度条 */
.progressBar{position:absolute;bottom:0;width:100%;height:4px;background-color:#8c98a8;}
.progressBar .progressBarBox {width:100%;height:4px; background-color:red;animation:10s ease-out 0s Run;box-shadow: 0 0 5px 1px rgba(0, 198, 255, 0.7);}

/* 首页全景 */
.banners{position:relative;padding-top:32%;width:100%}
.index-panoBox{position:absolute;top:0;width:100%;height:100%;}
.brand-panoBox{padding:0;}

/*二维码电话*/
.wechatIcon{position:fixed;right:20px;bottom:260px;width:50px;height:50px;z-index:1;}
/* 
.wechatIcon::before{position:absolute;top:-5px;left:-5px;padding:4px;width:50px;height:50px;border:1px solid; border-color:rgba(231,85,35,0.6) rgba(58,162,170,0.8);border-radius:50%;content:"";transition:2s;animation:rotateIn 5s  infinite;-webkit-animation:rotateIn 5s 0.2s ease infinite; }
.wechatIcon::after{position:absolute;top:-9px;left:-9px;padding:8px;width:50px;height:50px;border:1px solid; border-color:rgba(58,162,170,0.8) rgba(31,85,35,0.6);border-radius:50%;content:"";transition:2s;animation:rotateIn 5s infinite;-webkit-animation:rotateIn 5s 0.2s ease infinite;animation-direction:reverse }
*/
.wechatIcon img{width:100%}
.phoneIcon{position:fixed;right:20px;bottom:195px;width:50px;height:50px;z-index:1;}
/* 
.phoneIcon::before{position:absolute;top:-5px;left:-5px;padding:4px;width:50px;height:50px;border:1px solid; border-color:rgba(231,85,35,0.6) rgba(58,162,170,0.8);border-radius:50%;content:"";transition:2s;animation:rotateIn 5s  infinite;-webkit-animation:rotateIn 5s 0.2s ease infinite; }
.phoneIcon::after{position:absolute;top:-9px;left:-9px;padding:8px;width:50px;height:50px;border:1px solid; border-color:rgba(58,162,170,0.8) rgba(31,85,35,0.6);border-radius:50%;content:"";transition:2s;animation:rotateIn 5s infinite;-webkit-animation:rotateIn 5s 0.2s ease infinite;animation-direction:reverse }
*/
.phoneIcon img{width:100%}
.wechatQrcode{position:fixed;right:110px;bottom:120px;z-index:1;overflow:hidden;width:160px;height:205px;border-radius:10px;background-color:#fff;text-align:center;display:none;}
.wechatQrcode img{width:100%;}
.wechatQrcode p{letter-space:1px}
.phoneNumber{position:fixed;right:110px;bottom:175px;z-index:1;display:block;overflow:hidden;width:160px;height:80px;border-radius:10px;display:none;background-color:#fff;text-align:center}
.phoneNumber p{display:block;padding-top:10px;width:100%;height:100%;color:#5f92ab;font-weight:lighter;font-size:16px;line-height:30px;}

@media (max-width:768px)
{
.wechatIcon,.phoneIcon{right:10px;}
}
@media screen and (min-width:320px) and (max-width:767px)
{
.wechatIcon{bottom:60px;width:40px;height:40px;}	
.phoneIcon{bottom:10px;width:40px;height:40px;}
.wechatIcon,.phoneIcon{display:block;}
.wechatQrcode,.phoneNumber{display:none;}
.wechatQrcode::before{background-color:rgba(0,0,0,0.8)}
.wechatQrcode{top:0;bottom:0;margin:auto;}
.phoneNumber{top:0;bottom:0;margin:auto;}
}

/* 返回顶部 */
.gotoTop{position:fixed;right:20px;bottom:130px;width:50px;height:50px;color:#ffffff;text-align:center;background-color:#ba5c9a;border-radius:50%;z-index:9;cursor:pointer}
.gotoTop span {display:block;font-family: Verdana;width:100%;height:100%;font-size:45px;line-height:60px}
@media screen and (min-width:320px) and (max-width:767px)
{
.gotoTop{bottom:110px;right:10px;border:none;width:40px;height:40px;background-color:#eeeeee}	
.gotoTop span{line-height:50px;font-size:25px}
}

/* login */
.login-wrap{width:100%;}
.brannerBox{width:100%;}
.brannerBox img {width:100%}
.loginBox{padding-top:4%;width:100%;}
.loginBox.login-stretch{margin-bottom:8%;}
.loginBox form{margin:0 auto;width:320px;}
.loginBox .title-login{width:320px;margin:auto;text-align:left;font-size:14px;}
.loginBox ul li{margin-top:20px;text-align:left;}
.loginBox .input span{display:inline-block;width:100px;color:#666;text-align:center;font-size:14px;}
.loginBox .input span em{display:inline-block;width:15px;color:orange;vertical-align:middle;font-size:16px;font-family:"宋体";}
.loginBox .input input{padding-left:10px;width:305px;height:30px;border:1px solid #e1e1e1;border-radius:5px;color:#7f7f7f;letter-spacing:.5px;font-size:14px;}
.loginBox .input-code input{width:135px;}
.loginBox .input .reload-code{display:inline-block;margin:0 10px 0 10px;width:95px;height:30px;vertical-align:bottom;}
.loginBox .input .reload{width:40px;font-size:12px;cursor:pointer;} 
.loginBox .input.yesBox input{margin-right:5px;width:30px;height:25px;vertical-align:middle;}
.loginBox .input .inputNull{width:55px;}
.loginBox .input.yesBox label{color:#7D7D7D;font-size:14px;}
.loginBox .input.yesBox a{color:#7D7D7D;font-size:14px;}
.loginBox .submit input{width:320px;height:45px;border-radius:5px;background-color:#FFB401;color:#FFF;font-weight:700;font-size:16px;border-style:none !important;}
.loginBox .input-link a{display:inline-block;height:30px;color:#7D7D7D;font-size:14px;line-height:30px;}
.loginBox .input-link a:nth-child(2){padding-left:115px;}
.loginBox .input-link input{vertical-align:initial;}
.loginBox .input-link span{padding-left:10px;}
.loginBox .input-link i{display:inline-block;margin:0 10px;height:15px;border-right:1px solid #eee;vertical-align:middle;}
.loginBox .input-link .inputNull{width:55px;}
.loginBox .submit .inputNull{width:100px;}

.messagecode{display:inline-block;margin-left:20px;width:115px;height:30px;border-radius:5px;background-color:#0099FF;color:#fff;vertical-align:top;line-height:30px;text-align:center;}
.thirdPartyLogin{width:320px;margin:15px auto 0;text-align:right;}
.thirdPartyLogin a{display:inline-block;width:120px;}
.thirdPartyLogin a img{width:100%}

@media screen and (max-width:767px)
{
.brannerBox{display:none;}
.login-form{max-width:320px;}
.loginBox ul{margin:auto;width:92%;}
.loginBox ul li{text-align:left;}
.loginBox ul .userName{height:40px;line-height:40px;}
.loginBox ul .userName span{padding:0;width:auto;}
.loginBox ul .password{height:40px;line-height:40px;}
.loginBox ul .password span{padding:0;width:auto;}
.loginBox ul .password input{height:40px;}
.loginBox ul .input-code{position:relative;}
.loginBox ul .input-code span{width:auto;}
.loginBox ul .input-code input{height:42px;width:42%;}
.loginBox .input .reload-code{position:absolute;right:0;margin:auto;width:auto;height:43px;border-radius:5px;overflow:hidden;}
.loginBox ul .input-code .reload-code img{height:100%;}
.loginBox ul .input-code .reload{display:none;}
.loginBox .input input{width:96%;height:40px;}
.loginBox .submit{width:100%;margin:20px auto;}
.loginBox .submit input{width:100%;}
.loginBox .input-link a:nth-child(2){padding-left:98px;}
}

/* register */
#contents{margin-bottom:7%;}
.select-regBox{margin:0 auto;width:100%;background-color:#eee none repeat scroll 0 0;text-align:center}
.select-regBox ul li{margin:50px 20px;width:160px;height:50px;border:1px solid #000;font-size:16px;line-height:50px;border-radius:5px;cursor:pointer}
.select-regBox ul .select-Bg{border:1px solid #e53200;background-color:#e53200 none repeat scroll 0 0;}
.select-icon{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #EEE;margin-left:70px;margin-top: 36px;}
.select-icon.on {border-bottom:15px solid #fff;}
.loginBox ul .regon{display:none;}
.loginBox ul .regon1{display:none;}

.photography .submit input{color:#FFF}
.company-regBox{margin-bottom:3.1%;padding-top:0px;}
.company-regBox .input .conInfo1{width:135px}
.company-regBox .input .conInfo2{width:135px}
.company-regBox .submit input{color:#FFF;border-style:none !important;}
@media screen and (max-width:767px)
{
.select-icon{display:none;}
.select-regBox ul li{margin:10px 4px;width:90px;height:30px;font-size:12px;line-height:30px;}
.loginBox ul .email{margin:15px auto;width:100%;}
.loginBox ul .email span{width:auto;}
.loginBox .input.yesBox{width:100%;margin:15px;}
.loginBox .input span{padding:0;}
.loginBox .input.yesBox span{width:auto;}
.loginBox .companyConInfo{border:1px solid #eee;text-align:left}
.loginBox .companyConInfo span{width:auto;line-height:35px}
.company-regBox .input .conInfo1{margin:0 15px;width:88%;border-bottom:1px solid #eee}
.company-regBox .input .conInfo2{margin:15px;width:88%;border-bottom:1px solid #eee}
}

/* 首页布局 */
.centen{margin:0 auto;width:100%;height:100%;text-align:center}
.flowBox{margin:0 auto;width:100%;text-align:center;}
.flowBox ul{position:relative;width:82%;}
.grid-item{position:relative;margin-left:0.5%;margin-bottom:0.5%;float:left;width:19.5%;text-align:center;border-radius:10px;overflow:hidden;}
.grid-item a{display:block;position:relative;width:100%;padding-top:100%;overflow:hidden;}
.grid-item a img{position:absolute;height:100%;width:100%;left:0;top:0;display:none;border-radius:10px;}
.grid-item a .pano-title{position:absolute;right:0;left:0;bottom:-16%;height:25px;color:#fff;transition:0.6s}
.grid-item a:hover .pano-title{transform: translate(0px,0%) !important;}
.grid-item a .pano-title span{display:block;margin-left:20px;text-align:left;font-size:1.2em}
.grid-item .pano-triangle{position:absolute;right:0;z-index:2;width:0;height:0;border-top:50px solid red;border-left:55px solid transparent}
.grid-item .pano-triangle span{position:absolute;top:-40px;right:0;z-index:3;display:block;width:30px;height:40px;color:#eee}
.grid-item a .grid-BgImgDiv{background-repeat: no-repeat;background-size: cover;background-position: center;height: 100%;position: absolute;top: 0;left:0;width: 100%;transition:width 0.5s, height 0.5s, top 0.5s, left 0.5s;-webkit-transition:width 0.6s, height 0.6s, top 0.6s, left 0.6s;overflow:hidden;}
.grid-item a:hover .grid-BgImgDiv{width:110%;height:110%;top:-5%;left:-5%;right:-5%;bottom:-5%;}
.grid-item a .pano-titleTwo{position:absolute;right:0;left:0;bottom:0;height:35px;color:#fff;transition:0.6s;}
.grid-item a:hover .pano-titleTwo{transform: translate(0px,0%) !important;}
.grid-item a .pano-titleTwo span{display:block;width:80%;height:100%;text-align:left;padding-right:10%;padding-left:10%;font-size:1.2em;line-height:35px;background:rgba(0, 0, 0, 0.5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pano-blue{background-color:rgba(0,163,225,0.5);}
.pano-green{background-color:rgba(95,183,108,0.5);}
.pano-orange{background-color:rgba(235,87,15,0.5);}
.pano-pink{background-color:rgba(230,0,102,0.5);}
.pano-pink2{background-color:rgba(215,46,137,0.5);}
.pano-purple{background-color:rgba(89,58,147,0.5);}
.pano-paleGreen{background-color:rgba(126,190,28,0.5);}
.pano-yellow{background-color:rgba(191,213,20,0.5);}
.flowBox-layer .pano-title {padding:2%;}
.flowBox-layer .pano-title a{color:#000;}
.flowBox-layer .pano-title a h1 {font-size:40px;font-weight:100;}
.flowBox-layer .pano-title .pano-icon {width:35px;height:35px;}
.flowBox-layer .pano-itemBg a .pano-title{top:100%;width:100%;height:100%;transition:0.8s}
.flowBox-layer .pano-itemBg a:hover .pano-title{top:100% !important;}
.flowBox-layer .pano-itemBg a:hover .pano-titleTwo{bottom:0% !important;}
.flowBox-layer .pano-itemBg a .pano-title span:first-child{padding-top:20%;font-weight:100;font-size:5em}
.flowBox-layer .pano-itemBg a .pano-title span{display:block;margin-left:10%;line-height:40px;font-family:myFirstFont;font-size:2.2em}
.flowBox-layer .pano-itemBg a .pano-title span:last-child{font-family:"微软雅黑";font-size:1em}
.flowBox-layer .line{padding-top:2%}
.flowBox-layer1 .pano-item1{width:39.5%;}
.flowBox-layer1 .pano-item1 .pano-title span{font-size:1.4em;}
.flowBox-layer2 .pano-item1 a{padding-top:202.56%;}
.flowBox-layer2 .pano-item2{width:39.5%}
.flowBox-layer3 .pano-item1{width:39.5%}
.flowBox-layer3 .pano-item1 a{padding-top:49.37%}
.flowBox-layer3 .pano-item3{width:39.5%}
.flowBox-layer3 .pano-item3 a{padding-top:49.37%}
.flowBox-layer3 .pano-item6{width:39.5%}
.flowBox-layer3 .pano-item6 a{padding-top:49.37%}
.flowBox-layer4 .pano-item2{width:39.5%}
.flowBox-layer4 .pano-item2 a{padding-top:100%}
.flowBox-layer4 .pano-item3 {width:39.5%}
.flowBox-layer4 .pano-item3 a{padding-top:49.37%}
.flowBox-layer4 .pano-item4 {width:39.5%}
.flowBox-layer4 .pano-item4 a{padding-top:49.37%}
.flowBox-layer4 .pano-item5{position:absolute;top:0;left:0;margin-top:20%}
.flowBox-layer5 .pano-item1 a{padding-top:202.56%}
.flowBox-layer5 .pano-item3 a{padding-top:202.56%}
.flowBox-layer5 .pano-item5 a{padding-top:202.56%}
.flowBox-layer5 .pano-item6{position:absolute;top:0;left:20%;margin-top:20%;}
.flowBox-layer5 .pano-item7{position:absolute;top:0;left:60%;margin-top:20%;}
.flowBox-layer6 .pano-item1 a{padding-top:202.56%}
.flowBox-layer6 .pano-item2{width:39.5%}
.flowBox-layer6 .pano-item2 a{padding-top:49.36%}
.flowBox-layer6 .pano-item7{width:39.5%}
.flowBox-layer6 .pano-item7 a{padding-top:49.36%}
.flowBox-layer7 .pano-item1{width:39.5%}
.flowBox-layer7 .pano-item1 a{padding-top:100%}
.flowBox-layer7 .pano-item3{width:39.5%}
.flowBox-layer7 .pano-item3 a{padding-top:49.37%}
.flowBox-layer7 .pano-item5{width:39.5%}
.flowBox-layer7 .pano-item5 a{padding-top:49.37%}
.flowBox-layer8 .pano-item3{width:39.5%}
.flowBox-layer8 .pano-item3 a{padding-top:49.36%}
.flowBox-layer8 .pano-item7{width:39.5%}
.flowBox-layer8 .pano-item7 a{padding-top:49.36%}
.backGgColo{background-color:#EEEEEE;}


@media (max-width:1024px){
.grid-item{border-radius:0px;}	
.flowBox-layer1 .pano-item1{width:59.5%}
.flowBox-layer1 .pano-item1 a{padding-top:49.36%}
.flowBox-layer1 .pano-item2 {width:39.5%}
.flowBox-layer1 .pano-item2 a{padding-top:74.36%}
.flowBox-layer1 .pano-item3 {width:39.5%}
.flowBox-layer1 .pano-item3 a{padding-top:74%}
.flowBox-layer1 .pano-item4{width:59.5%}
.flowBox-layer1 .pano-item4 a{padding-top:49.37%}
.flowBox-layer1 .pano-item5{width:32.83%}
.flowBox-layer1 .pano-item6{width:32.83%}
.flowBox-layer1 .pano-item7{width:32.83%}

.flowBox-layer2 .pano-item1{width:39.5%}
.flowBox-layer2 .pano-item1 a{padding-top:74.36%;}
.flowBox-layer2 .pano-item2{width:59.5%}
.flowBox-layer2 .pano-item2 a{padding-top:49.37%;}
.flowBox-layer2 .pano-item3{width:59.5%}
.flowBox-layer2 .pano-item3 a{padding-top:49.37%;}
.flowBox-layer2 .pano-item4{width:39.5%}
.flowBox-layer2 .pano-item4 a{padding-top:74.36%;}
.flowBox-layer2 .pano-item5{width:49.5%}
.flowBox-layer2 .pano-item5 a{padding-top:49.37%;}
.flowBox-layer2 .pano-item6{width:49.5%}
.flowBox-layer2 .pano-item6 a{padding-top:49.37%;}

.flowBox-layer3 .pano-item1{width:59.5%}
.flowBox-layer3 .pano-item1 a{padding-top:49.36%}
.flowBox-layer3 .pano-item2 {width:39.5%}
.flowBox-layer3 .pano-item2 a{padding-top:74.36%}
.flowBox-layer3 .pano-item3 {width:39.5%}
.flowBox-layer3 .pano-item3 a{padding-top:74%}
.flowBox-layer3 .pano-item4{width:59.5%}
.flowBox-layer3 .pano-item4 a{padding-top:49.37%}
.flowBox-layer3 .pano-item5{width:32.83%}
.flowBox-layer3 .pano-item6{width:32.83%}
.flowBox-layer3 .pano-item6 a{padding-top:100%}
.flowBox-layer3 .pano-item7{width:32.83%}

.flowBox-layer4 .pano-item1{width:39.5%}
.flowBox-layer4 .pano-item1 a{padding-top:74.36%;}
.flowBox-layer4 .pano-item2{width:59.5%}
.flowBox-layer4 .pano-item2 a{padding-top:49.37%;}
.flowBox-layer4 .pano-item3{width:59.5%}
.flowBox-layer4 .pano-item3 a{padding-top:49.37%;}
.flowBox-layer4 .pano-item4{width:39.5%}
.flowBox-layer4 .pano-item4 a{padding-top:74.36%;}
.flowBox-layer4 .pano-item5{position:relative;margin:0;width:100%}
.flowBox-layer4 .pano-item5 a{padding-top:39.37%;}

.flowBox-layer5 .pano-item1{width:59.5%}
.flowBox-layer5 .pano-item1 a{padding-top:49.36%}
.flowBox-layer5 .pano-item2 {width:39.5%}
.flowBox-layer5 .pano-item2 a{padding-top:74.36%}
.flowBox-layer5 .pano-item3 {width:39.5%}
.flowBox-layer5 .pano-item3 a{padding-top:74%}
.flowBox-layer5 .pano-item4{width:59.5%}
.flowBox-layer5 .pano-item4 a{padding-top:49.37%}
.flowBox-layer5 .pano-item5{width:32.83%}
.flowBox-layer5 .pano-item5 a{padding-top:100%}
.flowBox-layer5 .pano-item6{position:relative;left:0;margin-top:0;width:32.83%}
.flowBox-layer5 .pano-item7{position:relative;left:0;margin-top:0;width:32.83%}

.flowBox-layer6 .pano-item1{width:39.5%}
.flowBox-layer6 .pano-item1 a{padding-top:74.36%;}
.flowBox-layer6 .pano-item2{width:59.5%}
.flowBox-layer6 .pano-item2 a{padding-top:49.37%;}
.flowBox-layer6 .pano-item3{width:59.5%}
.flowBox-layer6 .pano-item3 a{padding-top:49.37%;}
.flowBox-layer6 .pano-item4{width:39.5%}
.flowBox-layer6 .pano-item4 a{padding-top:74.36%;}
.flowBox-layer6 .pano-item5{width:49.5%}
.flowBox-layer6 .pano-item5 a{padding-top:100%;}
.flowBox-layer6 .pano-item6{width:49.5%}
.flowBox-layer6 .pano-item6 a{padding-top:49.37%;}
.flowBox-layer6 .pano-item7{width:49.5%}
.flowBox-layer6 .pano-item7 a{padding-top:49.37%;}

.flowBox-layer7 .pano-item1{width:49.5%}
.flowBox-layer7 .pano-item1 a{padding-top:99.5%}
.flowBox-layer7 .pano-item2{width:49.5%}
.flowBox-layer7 .pano-item2 a{padding-top:49.37%}
.flowBox-layer7 .pano-item3{width:49.5%}
.flowBox-layer7 .pano-item3 a{padding-top:49.37%}
.flowBox-layer7 .pano-item4{width:49.5%}
.flowBox-layer7 .pano-item4 a{padding-top:49.37%}
.flowBox-layer7 .pano-item5{width:49.5%}

.flowBox-layer8 .pano-item1{width:39.5%}
.flowBox-layer8 .pano-item1 a{padding-top:74.36%;}
.flowBox-layer8 .pano-item2{width:59.5%}
.flowBox-layer8 .pano-item2 a{padding-top:49.37%;}
.flowBox-layer8 .pano-item3{width:59.5%}
.flowBox-layer8 .pano-item3 a{padding-top:49.36%;}
.flowBox-layer8 .pano-item4{width:39.5%}
.flowBox-layer8 .pano-item4 a{padding-top:74.36%;}
.flowBox-layer8 .pano-item5{width:39.5%}
.flowBox-layer8 .pano-item5 a{padding-top:74.36%;}
.flowBox-layer8 .pano-item6{width:59.5%}
.flowBox-layer8 .pano-item6 a{padding-top:49.37%;}
.flowBox-layer8 .pano-item7{width:59.5%}
.flowBox-layer8 .pano-item7 a{padding-top:49.36%;}
.flowBox-layer8 .pano-item8{width:39.5%}
.flowBox-layer8 .pano-item8 a{padding-top:74.36%;}
}
@media screen and (min-width:320px) and (max-width:480px)
{
.flowBox ul{width:94%}
.flowBox .grid-item{margin-bottom:2%;width:99% !important;height:150px;border:1px solid #EEE;border-radius:0}
.flowBox .grid-item a{padding-top:50.5%;;border-radius:0;}
.flowBox-layer .pano-title{padding:0;}
.flowBox-layer .pano-title a h1{font-size:24px}
.flowBox-layer .pano-itemBg a:hover .pano-title{top:40px !important;}
.flowBox-layer .pano-itemBg a:hover .pano-titleTwo{bottom:100% !important;}
.flowBox-layer .pano-itemBg a .pano-title{position:absolute;top:40px;right:0;display:block;margin-left:50%;width:48%;height:100px;overflow:hidden;background-color:rgba(255,255,255,0)}
.flowBox-layer .pano-itemBg a .pano-title span:first-child{padding:0;font-weight:100;font-size:14px;}
.flowBox-layer .pano-itemBg a .pano-title span{color:#000;font-size:14px;font-family:"微软雅黑";line-height:25px;}
.flowBox .backGgColo{background-color:#FFF}
.grid-item a img{position:absolute;top:0;left:0;display:none;width:150px;height:150px}
.grid-item a .grid-BgImgDiv{width:48% !important;;height:140px !important;;margin:5px;background-position:centen;}
.grid-item a:hover .grid-BgImgDiv{top:0;bottom:auto;left:auto;right:auto;}
.grid-item a .pano-titleTwo{position:absolute;top:0;right:0;margin-left:50%;width:48%}
.grid-item a .pano-titleTwo span{margin:0 10px;padding:0;width:80%;border-bottom:1px solid #eee;background:0 0;color:#000;text-overflow:ellipsis;overflow:hidden;}
}

/*内页列表页*/
.headList{ width:100%;height:100px;background-color: #ffffff;}
.listDivText{position:relative;text-align: right;width: 84%;}
.listHeadhTopText{width:90px;height:22px;color:#999999;border:1px solid #999999;border-radius: 15px;-moz-border-radius: 15px;background-color:#313131;padding-left: 13px;padding-right: 29px;}
.listDivText img{position:absolute;right:7px;top:4px;}
.listHeadTop{height:48px;width:100%;background-color:#313131;}
.listHeadLogin{margin-left:50px;}
.listHeadLogin a{font-size:12px;color:#fff;	}
.listHeadLogin .verticalLine{height:12px;width:1px;background-color: #fff;margin:0px 20px;}
.listHeadLogin .headTopRight{font-size:14px;margin-left:27px;}
.listHeadLogin .education{margin-left:50px;}
.listHeadOther{font-size:12px;color:#fff;position:absolute;right:20px;top:14px;}
.listHeadOther:after{background-image:url("..images/triangle.png");}
.haedListMar{width:92%;margin: 0 auto;position:relative;height:100%;}
.listLogo{position: absolute;left: 0px;top: 23px;width: 203px;}
.ListNav{width:72%;}
.ListNav ul{text-align:center;}
.ListNav ul li{width:6%;line-height:100px;}
.ListNav ul li a{font-size:16px; font-family:"微软雅黑";color:#000;}
.headListBottom {position:absolute;right:0;top:35%;width:15%;text-align: right;}
.headListBottom a{border-radius: 5px;-moz-border-radius: 5px;font-size:14px;font-family:"微软雅黑";}
.headListBottom a.uploadPhotos{background-color:#e53000;text-align:center;color:#fff;width:105px; height:31px;margin-right:20px;line-height:31px;}
.headListBottom a.application{background-color:#fff;text-align:center;color:#e53000;border:1px solid #e53000;width:103px; height:29px;line-height:29px;}
.listContent{width:100%;min-height:800px;background:#e9e9e9;padding-top:35px;}
.listContent #listContImg{width:85%;margin:0 auto;position:relative;}
.listArtice{position:absolute;width:240px;background-color:#F9F9F9;margin:0 15px 15px 0;border-radius: 10px;-moz-border-radius: 5px;border:1px solid #dedede;transition:1s;animation:show 1s;}
.listArtice .listAcBack{width:100%;margin:0 15px 15px 0;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;padding-top:140px;background-repeat:no-repeat;background-size: cover; background-position:center;}
.listArtice .listAcBack img{display:none;}
.listArtice .listAcBackTwo{width:100%;margin:0 15px 15px 0;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;padding-top:180px;background-repeat:no-repeat;background-size:cover;background-position:center;}
.listArtice .listAcBackTwo img{display:none;}
.listArtice .listAcBackThree{width:100%;margin:0 15px 15px 0;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;padding-top:220px;background-repeat:no-repeat;background-size: cover; background-position:center;}
.listArtice .listAcBackThree img{display:none;}
.listContent .addDown{width:245px;height:55px;border:1px solid #757575;border-radius: 5px;-moz-border-radius: 5px;line-height:55px;display:block;text-align:center;margin:15px auto;font-size:18px;color:#000}
.listContent .dispnone{display:none;}
.listContent #listContImg .listArtice .divConText{width:100%;font-family:"微软雅黑";}
.listContent #listContImg .listArtice .divConText .conTitle{font-size:14px;color:#e53000;margin-left: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listContent #listContImg .listArtice .divConText .conName{font-size:12px;color:#000;margin-top:10px;border-bottom:1px solid #e9e9e9;margin-left: 16px;width:90%;}
.listContent #listContImg .listArtice .divConText .conName span{font-size:12px;color:#a2a2a2;}
.listContent #listContImg .listArtice .divConText .conName a{font-size:12px;color:#000;}
.listContent #listContImg .listArtice .divConText .conCategories{margin:15px auto;width:90%}
.listContent #listContImg .listArtice .divConText .conCategories a{font-size:12px;color:#a2a2a2;}
.listContent #listContImg .listArtice .divConText .conInfo{width:100%;background-color:#f7f7f7;height:45px;border-top:1px solid #e9e9e9;border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;}
.listContent #listContImg .listArtice .divConText .conInfo p{margin:0 16px;	}
.listContent #listContImg .listArtice .divConText .conInfo p img{margin-right:5px;vertical-align:baseline;}
.listContent-brand{position:relative;}

@media (max-width:480px)
{
.listContent .listContImg .listArtice{right:0;margin:0}
.listArtice{position:relative;border-radius:0;margin:0 auto 15px;width:90% !important;top:0 !important;left:0 !important;}
.listArtice:after{clear:both;content:"";height:0;position:relative;width:0;display:block;}
.listArtice>a{display:block;overflow:hidden;width:48%;float:left;}
.listArtice .listAcBack{padding-top:100%;border-radius:0;margin:0;}
.listArtice .listAcBackTwo{padding-top:100%;border-radius:0;margin:0;}
.listArtice .listAcBackThree{padding-top:100%;border-radius:0;margin:0;}
.listArtice .divConText{float:left;margin-left:2%;position:relative;width:50% !important;}
.listContent #listContImg .listArtice .divConText .conTitle{position:relative;overflow:hidden;margin:8% 0 0;width:100%;text-overflow:ellipsis;white-space:nowrap}
.listContent #listContImg .listArtice .divConText .conName{position:relative;margin:0 auto;width:auto;border-top:1px solid #eee;border-bottom:none;line-height:40px;white-space:nowrap;text-overflow:ellipsis}
.listContent #listContImg .listArtice .divConText .conCategories{position:relative;margin:0px auto;display:inline-block;overflow:hidden;width:90%;text-overflow:ellipsis;white-space:pre;}
.listContent #listContImg .listArtice .divConText .conInfo{position:relative;display:inline-table;border:none;background:none;text-align:left;width:100% !important;height:auto !important }
.listContent #listContImg .listArtice .divConText .conInfo p{margin:0 5px 0 0;}
.listContent #listContImg .listArtice .divConText .conInfo .lineBlock.empty{display:none}
}

@media (max-width:400px)
{
.listContent #listContImg .listArtice .divConText .conTitle{width:170px;}	
}
@media (max-width:399px)
{
.listContent #listContImg .listArtice .divConText .conInfo{width:50%;}
.listContent #listContImg .listArtice .divConText .conTitle{width:140px;}	
}
@media (max-width:360px)
{
.listContent #listContImg .listArtice .divConText .conInfo{width:45%;}
.listContent #listContImg .listArtice .divConText .conTitle{width:110px;}	
}

.comboboxBox{width:100%;background-color:#F3F3F3;margin:auto;text-align:center;}
.combobox{margin:auto;width:85%;text-align:left;}
.comboboxAll{position:relative;padding-right:20px;border-right:1px solid #000000;;font-size:20px;color:#000000;line-height:80px;vertical-align:top;}
.comboboxAll::before{position:absolute;top:-25px;left:-25px;content:url("../images/combobox_1.png");vertical-align:top;}
.comboboxNav{margin:auto;height:65px;line-height:65px;border-top:1px solid #e0e0e0;}
.comboboxNav li{position:relative;margin:0 25px 0 0;display:inline-block;font-size:20px;cursor:pointer}
.comboboxNav li .combobox-selected{color:#787878;padding-left:10px;}
.comboboxNav .comboboxNavLi{padding-right:30px;background-image:url(../images/combobox_2.png);background-position:right center;background-repeat:no-repeat}
.comboboxNav .comboboxNavDel{padding-right:30px;background-image:url(../images/combobox_3.png);background-position:right center;background-repeat:no-repeat}

.comboboxBrand{margin:auto;width:85%;text-align:left}
.comboboxBrandNav{margin:auto;height:50px;line-height:50px;text-align:left;display:inline-block;vertical-align:top;}
.comboboxBrandNav li{display:inline;color:#ABABAB;font-size:12px;margin-right:10px;}
.comboboxBrandNav li span{margin:0 10px 0 10px}
.comboboxBrandNav .brandon{padding:2px 4px;border:1px solid #e53000;color:#e53000;font-size:14px;cursor:pointer;}
.comboboxBrandNav .brandon::after{content: "x";font-size: small;vertical-align:top;}
.comboboxSel{margin:auto;height:50px;line-height:50px;display:inline-block;text-align:right;float:right;}
.comboboxSel li{display:inline;cursor:pointer;}
.comboboxSel .selon{padding:5px;color:#e53000;border:1px solid #e53000}
.comboboxSel b{margin:0 6px;font-weight:normal;}

.selectCity{width:100%;background-color:#F3F3F3;border-top:2px solid #D9D9D9;display:none;}
.selectCityBox{margin:15px auto;height:80%;width:80%;}
.selectCityBox li {display:inline-block;font-size:14px;margin:20px;}
.comboboxVal{margin:auto;width:85%;text-align:left;display:none;}
.comboboxVal ul{margin:0 auto;padding:15px 0 15px 0;display:none;border-top:2px solid #D9D9D9;}
.comboboxVal ul li.inline-li{position:relative;margin:0 20px 0 0;display:inline;font-size:20px;cursor:pointer;font-size:16px;}

.comboboxSequenceBox,.comboboxIndustryBox{margin:0 auto;padding:10px;width:80%;text-align:center}
.comboboxSequenceBox li,.comboboxIndustryBox li{display:inline-block;margin:5px 20px;width:80px;height:80px;border:1px solid #ba5c9a;border-radius:50px;color:#ba5c9a;text-align:center;font-size:16px;line-height:80px}

.comboboxProvinceBox{margin:0 auto;padding:10px;width:80%;}
.comboboxProvinceBox li{margin:12px;display:inline-block;font-size:16px;}

.comboboxCity{display:none;}
.comboboxCityBox{margin:0 auto;padding:10px;width:80%;}
.comboboxCityBox li{margin:12px;display:inline-block;font-size:16px;}

.comboboxVal ul li.block-li{margin-top:8px;text-align:left;font-size:16px;}
.comboboxVal ul li.block-li:first-child{margin-top:0}
.comboboxVal ul li.block-li a{margin-right:36px;color:#4f4f4f;white-space:nowrap;display:inline-block;}
.comboboxVal ul li.block-li b{width:6%;float:left;min-width:80px;max-width:100px;line-height:30px;text-align:left;white-space:nowrap;}
.comboboxVal ul li.block-li span{width:90%;float:left;line-height:30px;}

.comboboxNav li .comboboxTg {position:absolute;left:0px;right:0px;margin:0 auto;bottom:0;border-bottom:12px dashed;border-right:12px solid transparent;border-left:12px solid transparent;width:0px;height:0px;color:#e0e0e0;}

@media screen and (min-width:320px) and (max-width:640px)
{
.comboboxBrandNav{display:inline-block;height:auto;}	
.comboboxBrandNav .comboboxbrand{padding:4px;margin:0 12px 0px 0;white-space:pre;}
.comboboxSel{float:initial;}
.comboboxSel li{margin-left:0;}	
.comboboxNav{height:auto;line-height:40px;}
.comboboxNav li{margin:0 12px 0 0;font-size:14px;}
.comboboxNav li .combobox-selected{padding:0;}
.comboboxVal ul li.inline-li{font-size:14px;display:inline-block;}
.comboboxVal ul li.block-li{font-size:14px;}
.comboboxVal ul li.block-li a{margin-right:22px;}
}



/* 品牌管制作申请 */
.application-wrap {overflow:hidden;}
.licationBox{margin:0 auto;width:100%}
.licationBox form {margin:3% auto;}
.licationBox ul{margin:0 auto;width:40%}
.licationBox li{padding:2.5%}
.licationBox ul li span{display:inline-block;width:100px;font-size:14px}
.licationBox ul li input{padding-left:10px;width:70%;height:35px;border:1px solid #eee}
.licationBox ul li .company-number {width: 140px;}
.licationBox ul li .company-email {width: 140px;}
.licationBox ul li .company-desc{vertical-align:top;}
.licationBox ul li textarea{padding:10px;width:70%;height:90px;border:1px solid #eee;font-size:14px;vertical-align:bottom}
.licationBox .nowReg{width:210px;height:45px;border-radius:5px;background:#FFB401;color:#EEE;font-weight:700;font-size:16px;display:block;margin:0px auto}
@media screen and (min-width:320px) and (max-width:767px)
{
.licationBox ul{width:82%;}
.licationBox ul li{padding:0;line-height:45px;}
.licationBox ul li input{margin-left:-5px;width:100%;}
.licationBox ul li .company-number{width:100%}
.licationBox ul li .company-email{width:100%}
.licationBox ul li textarea{margin-left:-5px;width:95%}
.licationBox .nowReg{margin:2% auto;}
}
@media screen and (min-width:768px) and (max-width:1024px)
{
	.licationBox ul{width:60%}
}

/*服务条款*/
.provision {margin:1% auto;width:50%;text-align:left;}
.provision h1{text-align:center;}
.provision h3 {padding-top:2%;}
.provision p {margin:0 auto;width:100%;font-size:14px;text-align:justify;text-indent:1.75em;line-height:30px;}
    
@media screen and (min-width:320px) and (max-width:1279px)
{
.provision{width:90%}
}    
.username{display:inline-block;overflow:hidden;margin-left:10px;max-width:180px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;}

/*摄影师页面*/
.photoContent{width: 100%;min-height: 800px;background: #E9E9E9 none repeat scroll 0% 0%;padding-top: 35px;padding-bottom:100px;}
.photoContent .listContphoto{width: 82%;margin: 0px auto;position: relative;font-size:0;}
.photoContent .listContphoto .listPhoto{position:relative;margin:1%;width:18%;height:295px;-webkit-box-shadow: 0 0 3px 2px rgba(132,132,132,0.3) ;box-shadow: 0 0 3px 2px rgba(132,132,132,0.3) ;background-color:rgb(255, 255, 255);animation:1s ease 0s normal none 1 running show}
.photoContent .listContphoto .listPhoto a.aImgBg{width:152px;height:152px;display:block;margin: 26px auto 0px;margin-top:22px;background-size:cover;background-position:center;border:1px solid #ddd;}
.photoContent .listContphoto .listPhoto a.aImgBg img{display:none;}
.photoContent .listContphoto .listPhoto p.pname{font-size:14px;font-family:"微软雅黑";text-align:center;margin-top:20px;}
.photoContent .listContphoto .listPhoto p.p-photoRm{font-size:14px;font-family:"微软雅黑";color:#afafaf;width:45%;text-align:right;margin-top:10px;}
.photoContent .listContphoto .listPhoto p.p-photoRmTwo{font-size:14px;font-family:"微软雅黑";color:#afafaf;width:45%;margin-left: 7%;margin-top:10px;}
.photoContent .listContphoto .listPhoto p.p-photoRm span,.photoContent #listContphoto .listPhoto p.p-photoRmTwo span{color:#e53000;margin-left:12px;}
.photoContent .listContphoto .listPhoto p.p-type{width:100%;height:45px;background:#f7f7f7;border-top:1px solid #e9e9e9;position:absolute;bottom:0px;font-size:14px;font-family:"微软雅黑";color:#afafaf;text-align:center;line-height:45px;}
.photoContent .addDown{width:245px;height:55px;border:1px solid #757575;border-radius: 5px;-moz-border-radius: 5px;line-height:55px;display:block;text-align:center;margin:15px auto;font-size:18px;color:#000}

@media screen and (max-width:1279px) and (min-width:1024px)
{
.photoContent .listContphoto{width:96%;}	
}
@media screen and (max-width:1023px) and (min-width:980px)
{
.photoContent .listContphoto{width:100%;}	
}
@media screen and (max-width:979px) and (min-width:768px)
{
.photoContent .listContphoto{width:100%;}	
.photoContent .listContphoto .listPhoto{width:31.3%}
}
@media screen and (max-width:767px) and (min-width:480px)
{
.photoContent .listContphoto{width:100%;}	
.photoContent .listContphoto .listPhoto{width:31.3%}
}
@media screen and (max-width:479px) and (min-width:320px)
{
.photoContent .listContphoto{width:100%;}	
.photoContent .listContphoto .listPhoto{width:48%}
}


/* 个人主页  */
.homeContent{padding-top:1px;width:100%;min-height:800px;background-color:#E9E9E9;padding-bottom:20px;}
.homeContent .homeTitleContent{position: relative;margin: 0px auto;margin-top:84px;width: 82%;height:225px;background-color:#ffffff;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);}
.homeContent .homeTitleContent .homeTop{position: relative;width:100%;height:169px;border-bottom:1px solid #e5e5e5;}
.homeContent .homeTitleContent .homeTop .homePhoto{position:absolute;top:-40px;left:20px;width:155px;height:209px;-moz-border-radius: 5px;border-radius: 5px;background-color: #ffffff;}
.homeContent .homeTitleContent .homeTop .homePhoto .photoBg{margin:7px;width:142px;height:142px;-moz-border-radius: 5px;border-radius:5px;background-size:cover;background-repeat:no-repeat;}
.homeContent .homeTitleContent .homeTop .homePhoto .photoBg img{display:none;}
.homeContent .homeTitleContent .homeTop .homePhoto .homePhotoUl li{ width: 75px;color:#a2a2a2;  text-align: center;font-size:14px;font-family:"微软雅黑";}
.homeContent .homeTitleContent .homeTop .homePhoto .homePhotoUl li.vertical{border-right:1px solid #a2a2a2;}
.homeContent .homeTitleContent .homeTop .homePhoto .homePhotoUl li p{color:red;}
.homeContent .homeTitleContent .homeTop .brandShop{margin-top: 20px;margin-left:195px;color:red;font-size:20px;font-family:"微软雅黑";}
.homeContent .homeTitleContent .homeTop .personalData{position: absolute;top: 20px;right: 275px;width:104px;height:30px;border: 1px solid #d2d2d2;color:#000;text-align:center;font-size:14px;font-family:"微软雅黑"; line-height:30px;}
.homeContent .homeTitleContent .homeTop .hometopRight{position: absolute;top: 0;right: 0px;padding-left:20px;width:220px;height:100%;border-left:1px solid #d2d2d2;}
.homeContent .homeTitleContent .homeTop .hometopRight .homePtitle{margin-top:21px;color:#a2a2a2;font-size:14px;font-family:"微软雅黑";}
.homeContent .homeTitleContent .homeTop .hometopRight .attentionUl li{margin-top:8Px;}
.homeContent .homeTitleContent .homeTop .hometopRight .attentionUl li a{display: block;height: 100%;}
.homeContent .homeTitleContent .homeTop .hometopRight .attentionUl li a {margin-left:5px;color:#a2a2a2;font-size:14px;font-family:"微软雅黑";}
.homeContent .homeTitleContent .homeTop .hometopRight .attentionUl li a img{width:32px;height:32px;}
.homeContent .homeTitleContent .homeBottom{width:100%;height:55px;}
.homeContent .homeTitleContent .homeBottom .homeTitleBottomUl{width:100%;}
.homeContent .homeTitleContent .homeBottom .homeTitleBottomUl li{width:90px;height:27px;border-right:1px solid #a2a2a2;text-align:center;line-height:27px;}
.homeContent .homeTitleContent .homeBottom .homeTitleBottomUl li a{color:#a2a2a2;font-size:14px;font-family:"微软雅黑";}
.homeContent .homeTitleContent .homeBottom .homeTitleBottomUl li a.ulRed{color:red;}
.homeContent .homeContentList{position: relative;margin: 0px auto;margin-top:15px;width: 82%;}
.homeContent .homeContentList .hContListUl{text-align:left;}
.homeContent .homeContentList .hContListUl li{ margin:0.5%;width:19%;height:292px;-moz-border-radius:5px;border-radius:5px;background-color:#ffffff;animation:1s ease 0s normal none 1 running show;}
.homeContent .homeContentList .hContListUl li .hContBg{position:relative;overflow: hidden;width:100%;height:250px;border-radius: 5px 5px 0px 0px;background-size: cover !important;background-repeat: no-repeat !important;}
.homeContent .homeContentList .hContListUl li .hContBg .hconBgTitle{position:absolute;bottom:0;left:0px;padding-left:20px;width:100%;height:40px;background-color:rgba(0,0,0,0.3);color:#fff;font-size:16px;font-family:"微软雅黑";line-height:40px;transition:0.5s;}
.homeContent .homeContentList .hContListUl li .hContBg:hover .hconBgTitle{bottom:0px;}
.homeContent .homeContentList .hContListUl li .hContBg img{display:none;}
.homeContent .homeContentList .hContListUl li .conInfo{width:100%;height:45px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;background-color:#f7f7f7;}
.homeContent .homeContentList .hContListUl li .conInfo p{margin:0 16px;	}
.homeContent .homeContentList .hContListUl li .conInfo p img{margin-right:5px;vertical-align:baseline;}

/*响应式*/
@media screen and (max-width:1279px) and (min-width:980px)
{
.homeContent .homeTitleContent{width:96%;}	
.homeContent .homeContentList{width:96%;}
}
@media screen and (max-width:979px) and (min-width:768px)
{
.homeContent .homeTitleContent{width:96%;}	
.homeContent .homeContentList{width:96%;}
.homeContent .homeContentList .hContListUl li{width:24%;height:auto}	
.homeContent .homeContentList .hContListUl li .hContBg{height:180px}
}
@media screen and (max-width:767px) and (min-width:480px)
{
.homeContent .homeTitleContent{width:96%;}	
.homeContent .homeContentList{width:96%;}
.homeContent .homeContentList .hContListUl li{width:32%;height:auto;}	
.homeContent .homeContentList .hContListUl li .hContBg{height:150px;}	
}
@media screen and (max-width:479px) and (min-width:320px)
{
.homeContent .homeTitleContent{margin-top:50px;width:96%;}	
.homeContent .homeContentList{width:96%;}
.homeContent .homeContentList .hContListUl li{width:49%;height:auto;}	
.homeContent .homeContentList .hContListUl li .hContBg{height:150px;}	
}

/*邮箱验证*/
.wcontainer{margin:0 auto;width:1200px;min-height:660px;margin-top:40px;}
.wrap-boxes{background:#fff none repeat scroll 0 0}
.wwrap{padding:20px}
.wheader-wrap{padding-bottom:20px;border-bottom:1px solid #d0d6d9}
.result-container{padding:80px 0;text-align:center}
.result-container h1{margin:20px 0;color:#333}
.result-container h1{margin:10px 0;color:#656e73;font-size:24px}
.mail-label{margin-left:30px}
.sent-again{padding:10px 0}
.sent-again span.resend{color:#39b94e;cursor:pointer}
.result-container{text-align:center}
.sent-success i{display:inline-block;width:96px;height:96px;background-image:url('../images/mail.png');background-repeat:no-repeat;}
.bottom-btn{margin:30px auto;width:800px;border-top:1px solid #d0d6d9}
.bottom-btn .sbtn-green{margin-top:30px}
.sbtn-green:link,.sbtn-green:visited{display:inline-block;width:120px;background:#39b94e none repeat scroll 0 0;color:#fff}
.rlf-btn-green{height:40px;background-color:#39b94e;color:#fff;text-align:center;font-size:14px;line-height:40px;cursor:pointer;transition:background-color .2s ease 0s}
.bottom-btn .link-goback{display:inline-block;margin:30px 0 0 30px;width:120px;height:40px;background-color:#333;color:#fff;text-align:center;font-size:14px;line-height:40px;cursor:pointer;transition:background-color .2s ease 0s}

.searchKey{font-size: 24px;margin:0 auto 10px;text-align:left;width: 85%;}

/* 动画 */
@keyframes fadeOutDown {0% {opacity: 1;transform: translateY(0px);}100% {opacity: 0.3;transform: translateY(8px);}}
@keyframes Run{0%{width: 0;}100%{width:100%;}}
@keyframes show{0%{transform:scale(0);}100%{transform:scale(1);}}
@keyframes circle-creation{0%{border-color:transparent;transform:rotate(0)}
25%{border-color:transparent #fff transparent transparent;transform:rotate(-35deg)}
50%{border-color:transparent #fff #fff transparent}
75%{border-color:transparent #fff #fff}
100%{border-color:#fff;transform:rotate(300deg)}
}


/* 忘记密码 */
.forget-modal{width:100%;height:100%;display:none;}
.modal-bg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;opacity:0.5;}
.modal-cont{width:390px;border:1px solid #444;min-height:190px;background:#e6e6e6;position:absolute; z-index:1041;top:30%;left:0px;right:0px;margin:0 auto; }
.modal-cont .forget-title{color:#fff;background:#444;height:35px;line-height:35px;padding-left:15px;position:relative;}
.modal-cont .forget-title span{font-size:15px;}
.modal-cont .forget-title a{position:absolute;right:5px;font-size:25px;top: -2px;}
.modal-cont .forget_cont .pTitle{font-size:16px;width:80%;margin:0 auto; margin-top:20px;}
.modal-cont .forget_cont input[type=text]{width:80%;margin:0 auto; margin-top:15px;display: block;height:25px;border:1px solid #0076B7;}
.modal-cont .forget_cont input[type=button]{padding:4px 8px;border: 1px solid #606B71;background: #186189;color:#fff;margin:0 auto;display:block;margin-top:15px;font-size: 12px;}

/*验证忘记密码*/
#resetPassword{width:80%;margin:0 auto;}
#resetPassword .password{margin-bottom:10px;}
#resetPassword .password span{display:inline-block;width:80px;text-align: right;margin-right:10px;}
#resetPassword .password input[type=password]{border:1px solid #d0d6d9;height:30px;width:210px;padding-left:5px;margin:0 auto;}
#resetPassword .submitButton{background:#4E4D4D;padding:5px 10px; color:#fff;font-size:12px;}


@font-face
{ 
font-family: myFirstFont;
src: url('/Public/css/RTWSYueGoTrial-ExLightCond.ttf'),
     url('/Public/css/RTWSYueGoTrial-ExLightCond.eot'); 
}

.blur{transition:all 2s ease 0s;-webkit-filter:blur(80px);-moz-filter:blur(80px);-ms-filter:blur(80px);filter:blur(80px);}