/*reset*/
html,body,p,h2,h3,ul,li{margin:0;padding:0;font-family: "Microsoft YaHei";}
ul,li{list-style-type: none;}
html{width:100%;}
body{position:relative;margin:0 auto;min-width:1200px;max-width:1920px;}
em{font-style:normal;}
em,i{display:block;}
img{vertical-align: top;border:none;}
input{padding:0;}
a{color:#fff;text-decoration: none;}
.fl{float:left;}
.fr{float:right;}
.box-center1{margin:0 auto;}
input::-webkit-input-placeholder{font-size:18px;color:#b6b6b6;}
input:-ms-input-placeholder{font-size:18px;color:#b6b6b6;}
.dis{display:none;}
.box-center{position:relative;width:1200px;margin:0 auto;}



/*header*/
.header{position:fixed;top:0;width:100%;min-width:1000px;z-index:101;max-width: 1920px;}
.header .header-cont {width: 100%;margin: 0 auto}
.header .header-cont .logo {display: inline-block;margin-top: 16px;margin-left: 45px;position: absolute;width: 100%}
.header .header-cont .logo img{width: 82px;vertical-align: top;}
.header .header-cont .logo p{font-size: 18px;color: #ffffff;margin: 12px 0 0 7px;display: inline-block;}
.header .header-cont .logo p span{font-size: 16px;color: #b92222;display: block;margin: 12px 0 0 12px;text-align: left}
.header .header-cont .nav{display: inline-block;height: 112px;float: right;margin-right: 60px}
.header .header-cont ul li{display: inline-block;font-size:18px;text-align: center;margin: 0 20px;color:#dcdcdc;position: relative;vertical-align: middle;padding: 33px 0;}
.header .header-cont ul li{position: relative;cursor: pointer}
.header .header-cont ul li .share{cursor: pointer;vertical-align: middle;}
.header .header-cont ul li .codeBox{position: absolute;left: -33px;top: 83px;display: none;width: 90px}
.header .header-cont ul li .codeBox a:hover div{opacity: 1}
.header .header-cont ul li .codeBox a{margin: 0 5px;position: relative;color: #ffffff;line-height: 85px;vertical-align: top;}
.header .header-cont ul li .codeBox a p{line-height: 18px;font-size:14px;margin-top: -30px;color: #ffffff;}
.header .header-cont ul li .codeBox a:hover{color:#ffffff;font-weight: normal}
.header .header-cont ul li .codeBox a img{width: 90px}
.header .header-cont ul li .codeBox a div{position: absolute;top: 0;left:0;width: 100%;height: 68%;opacity: 0;background: rgba(101, 101, 101, 0.6);}
.header .header-cont ul li a{color:#dcdcdc;display: inline-block;}
.header .header-cont ul li a p{font-size: 12px;line-height: 12px;color: rgba(220,220,220,0.23)}
.header .header-cont ul li a:hover{color:#ff1b1b;}
.header .header-cont ul li.active a{color:#ff1b1b;}

.header .header-cont ul li .shareBox{position: absolute;left: -55px;top: 80px;display: none;font-size: 14px;width: 138px;height: 122px;background: rgba(22,22,22,0.67);border: 1px solid #383838;}
.header .header-cont ul li .shareBox img{width: 25px;vertical-align: middle;margin-right: 10px;}
.header .header-cont ul li .shareBox a{padding: 19px 0;}
.header .header-cont ul li .shareBox hr{width: 95px;margin: 0 auto;border-color: #383838;}
.header .header-cont ul li .shareBox a:hover{color:#ffffff;font-weight: normal}

.header .header-cont ul li.addQQ{position: revert;}
.header .header-cont ul li .addQQBox{display:none;position: absolute;right: 18px;top: 80px;width: 270px;height: 310px;padding:0 11px;background: rgba(23,22,22,0.9);text-align: left;}
.header .header-cont ul li .addQQList{font-size: 0}
.header .header-cont ul li .addQQList > div{border-bottom:1px solid rgba(74,77,94,0.8);height: 50px;line-height: 50px;}
.header .header-cont ul li .addQQList > div:last-child{border-bottom:none;}
.header .header-cont ul li .addQQList img{width: 67px;vertical-align: top;}
.header .header-cont ul li .addQQList p{width: 202px;display: inline-block;font-size: 16px;color:#e5e5e5;letter-spacing: 1px}
.header .header-cont ul li .addQQList p.blank-text{font-size: 20px;line-height: 318px;height: 318px;text-align: center;width: 100%;}
.header .header-cont ul li .addQQList a{margin-top: 14px;vertical-align: top;}
.alert-add-qq {display:none;position: fixed;bottom: 0;left: 0;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0);z-index: 101;}