@import '//at.alicdn.com/t/font_790065_5ume0miebjd.css';
@import "//at.alicdn.com/t/font_975733_lrlpzdtd44r.css";

@font-face {
    font-family: 'sour';
    src: url('../fonts/SourceHanSansCN-Regular.otf');
}

@font-face {
    font-family: 'myr';
    src: url('../fonts/MyriadPro-Regular.otf');
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-family: 'sour', "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    color: #575757;

    min-width: 1200px;
    background:#FFFFFF;
}

select, input,textarea,button {
    font-family:  'sour', "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}


p, ul, li, h1, h2, h3, h4, h5, h6, dl, dd, dt, button, input, img {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    zoom: 1; /*这个属性是为了兼容IE*/
}

.clearfix:after {
    display: block;
    content: ""; /*设置为空或者“.”都可以*/
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

input[type=submit], input[type=reset] {
    border: none;
    cursor: pointer;
}


a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: none;
    /*color: #1637D0;*/
}

h1, h2, h3, h4, h5, h6, i, b {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.arial {
    font-family: "Arial";
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.size-all {
    width: 100%;
    height: 100%;
}

.wid-all {
    width: 100%;
}

.te-ju {
    text-align: justify;
    text-justify: inter-ideograph;
}

.te-ce {
    text-align: center;
}

.te-ri {
    text-align: right;
}

.te-le {
    text-align: left;
}

.te-up {
    text-transform: uppercase;
}

.te-ca {
    text-transform: capitalize;
}

.over-hid {
    overflow: hidden;
}

.font-b {
    font-weight: bold;
}

.com-in-blo {
    font-size: 0;
}

.com-101 {
    width: 101%;
    margin: 0 0 0 -0.5%;
}

.com-102 {
    width: 102%;
    margin: 0 0 0 -1%;
}

.blo-box {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    position: relative;
}

.blo-box1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
}

.com-img {
    overflow: hidden;
}

.img-box {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}

.dis-no {
    display: none;
}

.dis-bl {
    display: block;
}

.dis-in {
    display: inline-block;
}

.po-re {
    position: relative;
}

.po-ab {
    position: absolute;

}

.acom {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;

}

.com-zi img {
    max-width: 100%;
}

.com-jianju {
    padding: 90px 0;
}

.com-jianju2 {
    padding: 60px 0;
}

.bg-bai {
    background: #FFFFFF;

}

.bg-hui2 {

    background: #F8F8F8;
}

.bg-hui3 {

    background: #F3F3F3;
}

.bg-hu {
    background: #F9F0E9;
}

.bg-red {
    background: #FF6B62;
}

.main {
    position: relative;
    width: 100%;

}

.conta {
    width: 1200px;
    /*position: relative;*/
    height: 100%;
    margin: 0 auto;
    z-index: 9;
}

.com-input::-webkit-input-placeholder {
    color: #ffffff;

}

.com-input:-moz-placeholder {
    color: #ffffff;

}

.com-input::-moz-placeholder {
    color: #ffffff;
}

.com-input:-ms-input-placeholder {
    color: #ffffff;

}
.com-input2::-webkit-input-placeholder {
    color: #212cbb;
}

.com-input2:-moz-placeholder {
    color: #212cbb;
}

.com-input2::-moz-placeholder {
    color: #212cbb;
}

.com-input2:-ms-input-placeholder{
    color: #212cbb;
}


.com-input3::-webkit-input-placeholder {
    color: #000;
}

.com-input3:-moz-placeholder {
    color: #000;
}

.com-input3::-moz-placeholder {
    color: #000;
}

.com-input3:-ms-input-placeholder{
    color: #000;
}
/*改变滚动条*/
::-webkit-scrollbar {
    width: 8px;
    height: 2px;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

.com-ban {
    height: 890px;
    position: relative;
    overflow: hidden;
}

.com-swban {
    height: 600px;
    position: relative;
    overflow: hidden;
}

.com-ban2 .im1 {
    display: block;
    width: 100%;
}

/*banner 700,500*/
.com-banbz1 {
    position: relative;
    overflow: hidden;
}

.com-banbz1 .im1 {
    display: block;
    width: 100%;
}

.com-banbz1 .box-n {
    position: absolute;
    z-index: 3;
    top: 88%;
    width: 1225px;
    left: 50%;
    margin-left: -600px;
    overflow: hidden;
    margin-top:-95px;
}

.com-banbz1 .nei-b .dn1 {
    color: #212cbb;
    font-size: 48px;
    line-height: 60px;
    font-weight: bold;
    margin: 0 0 30px;
}

.com-banbz1 .nei-b .dn2 .a1 {
    display: inline-block;
    background: #212cbb;
    /*width: 132px;*/
    height: 40px;
    line-height: 38px;
    text-align: center;

    border-radius: 8px;
    border: 1px solid #212cbb;
    color: white;
    /*color: #212cbb;*/
    font-size: 20px;
    margin: 0 15px 0 0;
    transition: all .4s ease;
}

.com-banbz1 .nei-b .dn2 .a1:hover {
    color: #ffffff;
    /*background: #212cbb;*/
    background: yellow;
}

.com-bjq * {
    max-width: 100%;

}

/*相同的 swiperpagination*/
.com-pagination {
    text-align: center;
    font-size: 0;
}

.com-pagination span {
    width: 48px;
    height: 14px;
    background: #A0A0A0;
    display: inline-block;
    margin: 0 5px;
    transition: all .4s ease;
	font-size: 8px;
}

.com-pagination span.swiper-active-switch {
    background: #3A0F86;
}

/*分享*/
.com-share {
    display: inline-block;
    vertical-align: middle;
}

.bd_weixin_popup, .bd_weixin_popup * {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.bdshare-slide-button-box {
    display: none !important;
}

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    width: 23px !important;
    height: 21px !important;
    line-height: 21px !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
}

.bdshare-button-style0-16 .bds_weixin {
    background: url(../images/weixin1_03.png) no-repeat center/cover !important;
}

.bdshare-button-style0-16 .bds_tsina {
    background: url(../images/weibo1_03.png) no-repeat center/cover !important;
}

/*翻页*/
.com-fanye {
    padding: 100px 0 40px;
    text-align: right;
    color: #3a3a3a;
    font-size: 15px;
}

.com-fanye .inp1 {
    width: 54px;
    height: 24px;
    border: 1px solid #C4C4C4;
    text-align: center;
    border-radius: 5px;
    outline: none;
    margin: 0 4px;
}

.com-fanye .sp1 {
    margin: 0 4px;
}

/*底部*/
.foot-top {
    padding: 50px 0 35px;
    border-bottom: 1px solid #585858;

}

.foxian .foot-top {
    border-top: 1px solid #585858;
}

.foot-top .dfl {
    width: 880px;
}

.foot-top .dfl .dn-box {
    float: left;
    line-height: 41px;
    width: 14%;
}

.foot-top .dfl .dp2 a {
    /*color: #575757;*/
    color: #909096;
    transition: all .4s ease;
}

.foot-top .dfl .dp1 a{
    color: white;
}

.foot-top .dfl a:hover {
    color: #dffe33;
}

.foot-top .dfl .dp1 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.foot-top .dfl .dp1 i {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    transition: all .3s ease;
}

.foot-top .dfl .dp1.zhuan i {
    transform: rotateZ(-45deg);
}

.foot-top .dfl .dp2 a {
    display: block;
}

/*右边*/
.foot-top .dfr {
    width: 320px;
}
.foot-top .dnzz {
    color: white;
}
.foot-top .dp12 p{
    color: #909096;
}

.foot-top .dfr .bl1 .i-kf {
    /*color: #585858;*/
    color: white;
    font-size: 60px;
}

.foot-top .dfr .bl2 {
    padding: 0 0 0 20px;
    position: relative;
}

.foot-top .dfr .bl2 .dp1 {
    font-size: 15px;
}

.foot-top .dfr .bl2 .dp2 {
    font-size: 38px;
    font-family: 'myr';
}

.foot-top .dfr .bl2 .dp12 {
    font-size: 13px;
    line-height: 30px;
    margin: 6px 0 0;
}

.foot-top .dfr .bl2 .dp12 span {
    font-family: 'myr';
}

/*增加底部图片样式*/
.md-img .md-img-01{
    height: 120px;
    width: 380px;
}





.foot-bot {
    padding: 15px 0 110px;
    font-size: 13px;
    color: #A0A0A0;
}

.foot-bot .dfl a{
    color: #A0A0A0;
}

.foot-bot .dfr .a1 {
    margin: 0 6px;
    color: #A0A0A0;
}

.foot-bot .dfr .a1 i {
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 4px 0 0;
}

/*产品 详情*/

.yef-xq1 img {
    display: block;
    width: 100%;
}

.yef-xq1 * {
    max-width: 100%;
}

/*购买条*/
.com-pronav {
    background: rgba(61, 61, 61, .95);
    color: #ffffff;
    z-index: 6;
    position: relative;
    width: 100%;
    left: 0;
    top: 25px;
    line-height: 60px;
    height: 70px;

}
.com-pronav .dfl,.com-pronav .dfr{
    height:100%;
}
.com-pronav.fix {
    position: fixed;

}

.com-pronav .i-xia {
    position: absolute;
    bottom: 5px;
    left: 50%;
    font-size: 23px;
    margin: 0 0 0 -15px;
    color: #ffffff;
    transition: all .4s ease;
    display: none;
}

.com-pronav .i-xia.zhuan {
    transform: rotate(180deg);
}

.com-pronav .dfl .sp1 {
    font-size: 20px;
    display: inline-block;
}

.com-pronav .dfl .dp2 {
    display: inline-block;
    font-size: 16px;
    margin:  25px 0 132px;
}

.com-pronav .dfl .dp2 .a1 {
    margin: 0 13px;
    position: relative;
    color: #ffffff;
}

.com-pronav .dfl .dp2 .a1:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 16px;
    right: -16px;
    top: 1px;
    background: #ffffff;
}

.com-pronav .dfl .dp2 .a1:last-of-type:before {
    display: none;
}

.com-pronav .dfr {
    padding: 15px 0 0;
}

.com-pronav .dfr .com-btn1 {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 5px;
    background: #212EBB;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
}

html.ovfHiden {
    overflow-y: scroll;
    height: 100%;
}

html.ovfHiden body {
    height: 100%;
    overflow: hidden;
}

/*头部*/
/*.header {
    width: 100%;
    background: linear-gradient(to right, #1637D0, #3A0F86);
    position: relative;
    height: 50px;
    line-height: 50px;
    z-index: 100;
}*/



.header .head-bg {
    background: linear-gradient(to right, #1637D0, #3A0F86);
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 220px;
    z-index: 5;
    display: none;
	
}

.header .head-bg2 {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    display: none;
    background: rgba(0, 0, 0, .2);
}

.header .head-logo {
    position: absolute;
    top: 12px;
    left: -25px;
    z-index: 15;
    width: 150px;
    height: 100%;
}
.header .head-logo a{
    display: block; height: 100%;
}
.header .head-logo img {
    vertical-align: middle;
    max-width: 94%;

}

.header .head-logo .im1 {
    display: none;
}
.header .head-logo .im2 {
    height: 30px;
}

.header .head-nav {
    text-align: center;
    height: 100%;
}

.header .head-nav .dn-box {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 20px;
    text-align: left;
}

.header .head-nav .dn-box .bxian{
    position: absolute;
    height: 3px;
    background: #FFFFFF;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all .2s ease;
}
.header .head-nav:hover .dn-box .bxian{
    width: 0 !important;
}

.header .head-nav .dn-box.ac .bxian{
    width: 100%;
}


.header .head-nav .dn-box * {
    color: #ffffff;
}

.header .head-nav .dn-box .dp1 {
    font-size: 15px;
    position: relative;
    z-index: 11;

}

.header .head-nav .dn-box .dp1 a {
    display: inline-block;
    position: relative;
}


.header .head-nav .dn-box .dp1 i {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    transition: all .3s ease;
}

.header .head-nav .dn-box .dp1.zhuan i {
    transform: rotateZ(-45deg);
}

.header .head-nav .dn-box .dp2 {
    position: absolute;
    top: 18px;
    left: -16px;
    padding: 0 0 0 16px;
    z-index: 10;
    line-height: 25px;
    font-size: 14px;
    display: none;
    width: 170%;
    border-left: 1px solid rgba(255, 255, 255, .6);
    height: 250px;
    opacity:0;
}


.header .head-nav .dn-box4 .dp2 {
    width: 800px;
    margin: 0 0 0 -141px;
    border: none;
/*opacity: 0;*/
}


.header .head-nav .dn-box:hover .dp2{
    opacity:1;
}

.header .head-nav .dn-box .dp2 a {
    display: block;

}

.header .head-nav .dn-box4 .dp2 .dpai {
    text-align: left;
    float: left;
    font-size: 12px;
    position: relative;
    padding: 25px 13px 0;
}

.header .head-nav .dn-box4 .dp2 .dpai:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, .6);
    /*height:192px;*/
    height: 216px;
}

.header .head-nav .dn-box4 .dp2 .dpai1:before,
.header .head-nav .dn-box4 .dp2 .dpai3:before {
    top: 24px;
    height: 100px;
}

.header .head-nav .dn-box4 .dp2 .dpai1,
.header .head-nav .dn-box4 .dp2 .dpai2,
.header .head-nav .dn-box4 .dp2 .dpai3,
 {
    width: 20%;

}
.header .head-nav .dn-box4 .dp2 .dpai4,
.header .head-nav .dn-box4 .dp2 .dpai5{
    width: 20%;
}



.header .head-nav .dn-box4 .dp2 .dbp1 {
    font-size: 14px;
}

.header .head-nav .dn-box4 .dp2 .dbp2 {

    line-height: 20px;
    margin: 4px 0;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(1) {
    padding: 25px 0 0;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(2) {
    animation: fadeInDown .25s ease both;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(3) {

    animation: fadeInDown .25s 0.07s ease both;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(4) {

    animation: fadeInDown .25s 0.14s ease both;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(5) {
    animation: fadeInDown .25s 0.21s ease both;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(6) {

    animation: fadeInDown .25s 0.28s ease both;
}

.header .head-nav .dn-box .dp2 > a:nth-of-type(7) {

    animation: fadeInDown .25s 0.35s ease both;
}
.header .head-nav .dn-box .dp2 > a:nth-of-type(8) {

    animation: fadeInDown .25s 0.42s ease both;
}
.header .head-nav .dn-box .dp2 > a:nth-of-type(9) {

    animation: fadeInDown .25s 0.49s ease both;
}
.header .head-caozuo{
    float: right;
    color: #FFFFFF;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    margin: 0 5% 0 0;
    display: none;
}
.header .head-caozuo i{
    font-size: 22px;
    vertical-align: middle;
    transition: all .4s ease;
    display: inline-block;
}

.header .head-caozuo.bian i{
    transform: rotate(-90deg);
}


.header .head-fr {
    position: absolute;
    right: -25px;
    top: 0;
    height: 100%;
}

.header .head-fr .blo-box {
    /*margin: 0 10px;*/
    width: 40px;

}

/*.header .head-fr .blo-box .head-cominp{*/
    /*color: #212cbb;*/
    /*font-size: 20px;*/
    /*display: none;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*border: none;*/
    /*outline: none;*/
    /*vertical-align: middle;*/

/*}*/



.header .head-fr .a1 {
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    display: block;
    position: relative;
    height: 100%;
}

.header.bian1 .head-fr .a1
{
    display: none;
}
.header.bian1 .head-fr .head-login,
.header.bian1 .head-fr .head-shop{
    display: none !important;
}
.header .head-fr .a1 i {
    font-size: 20px;
}
.header .head-fr .a1 .spx1,.header .head-fr .a1 .ixia{
    display: none;
}
.header .head-fr .a1 .spx1{
    margin: 0 0 0 9px;
    font-size: 15px;
}
.header .head-fr .a1 .ixia{
    float: right;
    transition: all .4s ease;
}

.header .head-fr .a1.nibi .ixia{
    transform: rotate(180deg);
}
/*头部登录*/
.header .head-fr .head-login {
    position: absolute;
    top: 50px;
    left: -90px;
    z-index: 10;
    background: #ffffff;
    width: 242px;
    padding: 20px 0 30px;
    display: none;
    line-height: 20px;
}



/*.header .head-fr .head-login .i-cha {*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 15px;*/
    /*display: none;*/
    /*font-size: 20px;*/
/*}*/

 .header .head-fr .head-login .dt1 {
    text-align: center;
    font-size: 16px;
    margin: 0 0 16px;
}
.header .head-fr .head-login .login-bot{
	text-align: center;
}
 .header .head-fr .head-login .login-bot .blo-box1{
	 text-align: center;
	 color: #212cbb;
	 font-size: 12px;
	 margin: 0 10px;
 }
 .header .head-fr .head-login .login-bot .bl-one:before{
	 content: '';
	 position: absolute;
	 right: -10px;
	 top:0;
	 height: 120px;
	 border-left: 1px solid #aaa;
 }

 .header .head-fr .head-login .login-bot .blo-box1 img{
	 width: 86px;
	 height: 86px;
	 
 }


/*.header .head-fr .head-login .inp1 {
    display: block;
    height: 26px;
    border: 1px solid #979797;
    width: 100%;
    margin: 0 0 10px;

    line-height: 24px;
    padding: 0 0 0 10px;
}

.header .head-fr .head-login .inp2 {
    padding: 0;
    background: #212CBB;
    color: #ffffff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.header .head-fr .head-login .inp3 {
    padding: 0;
    border-radius: 3px;
    border: 1px solid #212CBB;
    color: #212CBB;
}

.header .head-fr .head-login .dnp2 {
    margin: 6px 0 16px;
}

.header .head-fr .head-login .in-che {
    vertical-align: middle;
    margin: -2px 5px 0 0;
}
 */
/*头部搜索*/
.header .head-fr .head-sousuo {

    width: 932px;
    padding: 0 0 0 57px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 15;

    display: none;
}

.header .head-fr .head-sousuo .form1 {
    background: #ffffff;
}

.header .head-fr .head-sousuo2 {
    right: 130px;
}

.header .head-fr .head-sousuo .dn-sha {
    height: 50px;
    background: linear-gradient(to right, #222AB8, #321998);
    position: relative;
}

.header .head-fr .head-sousuo .dn-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    color: #ffffff;
}

.header .head-fr .head-sousuo .dn-close .i-close {
    font-size: 20px;
    cursor: pointer;
    transition: all .5s ease;
    display: inline-block;
    opacity: 0;
}

.header.bian1 .head-fr .head-sousuo .dn-close .i-close {
    transform: rotate(180deg);
    opacity: 1;
}

.header .head-fr .head-sousuo .dn-close .inp-sub {
    cursor: pointer;
    outline: none;
    border: none;
    background: transparent;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 9px 0 0;
}
.header .head-fr .head-sousuo .dn-close .inp-sub a{
    color: #FFFFFF;
}
.header.bian1 .head-fr .head-sousuo .dn-close .inp-sub {
    animation: fadeInRight .6s ease;
}

.header .head-fr .head-sousuo .dn-close .inp-sub i {
    font-size: 20px;
}

.header .head-fr .head-sousuo .dn-sha .inp1 {
    width: 80%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #ffffff;
    font-size: 15px;
}

.header .head-fr .head-sousuo .dn-xia {
    padding: 10px 20px;
    line-height: 36px;
}

.header .head-fr .head-sousuo .dn-xia .dp1 {
    color: #666666;
}

.header.bian1 .head-fr .head-sousuo .dn-xia .dp1 {
    animation: fadeInDown .3s ease both;
}

.header .head-fr .head-sousuo .dn-xia .dp2 {
    padding: 0 0 0 20px;
}

.header .head-fr .head-sousuo .dn-xia .dp2 a {
    display: block;
}

.header.bian1 .head-fr .head-sousuo .dn-xia .dp2 a:nth-of-type(1) {
    animation: fadeInDown .3s 0.1s ease both;
}

.header.bian1 .head-fr .head-sousuo .dn-xia .dp2 a:nth-of-type(2) {
    animation: fadeInDown .3s 0.2s ease both;
}

.header.bian1 .head-fr .head-sousuo .dn-xia .dp2 a:nth-of-type(3) {
    animation: fadeInDown .3s 0.3s ease both;
}

.header.bian1 .head-fr .head-sousuo .dn-xia .dp2 a:nth-of-type(4) {
    animation: fadeInDown .3s 0.4s ease both;
}

.header.bian1 .head-fr .head-sousuo .dn-xia .dp2 a:nth-of-type(5) {
    animation: fadeInDown .3s 0.5s ease both;
}

.header.bian1 .head-nav .dn-box1 .dp1 {
    animation: zoomOut .2s ease both;
}

.header.bian1 .head-nav .dn-box2 .dp1 {
    animation: zoomOut .2s .05s ease both;
}

.header.bian1 .head-nav .dn-box3 .dp1 {
    animation: zoomOut .2s .1s ease both;
}

.header.bian1 .head-nav .dn-box4 .dp1 {
    animation: zoomOut .2s .15s ease both;
}

.header.bian1 .head-nav .dn-box5 .dp1 {
    animation: zoomOut .2s .2s ease both;
}

.header.bian1 .head-nav .dn-box6 .dp1 {
    animation: zoomOut .2s .25s ease both;
}

.header.bian1 .head-nav .dn-box7 .dp1 {
    animation: zoomOut .2s .3s ease both;
}

/*头部线上旗舰店*/
.header .head-fr .head-shop {
    position: absolute;
    top: 50px;
    left: -130px;
    z-index: 10;
    background: #ffffff;
    width: 226px;
    padding: 20px 18px;

    line-height: 20px;
    display: none;

}

/*.header .head-fr .head-shop .i-cha {*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 15px;*/
    /*display: none;*/
    /*font-size: 20px;*/
/*}*/

.header .head-fr .head-shop .dp1 {
    text-align: center;
    font-size: 16px;
    margin: 0 0 16px;
}

.header .head-fr .head-shop .dn-xia {
    position: relative;
}

.header .head-fr .head-shop .dn-xia:before {
    content: '';
    position: absolute;
    top: 0;
    left: 48%;
    border-left: 1px solid #cccccc;
    height: 100%;
}

.header .head-fr .head-shop .dn-xia:after {
    content: '';
    position: absolute;
    top: 41%;
    left: 0;
    border-top: 1px solid #cccccc;
    width: 100%;
}

.header .head-fr .head-shop .dn-xia .blo-box1 {
    width: 50%;

    padding: 10px;
    text-align: center;
}

.header .head-fr .head-shop .dn-xia .blo-box1 img {
    max-width: 90%;
}

.p-click-alert {
    position: absolute;
    width: 55px;
    height: 100%;
    display: none;
    left: 0;
    text-align: center;
    vertical-align: middle;
    z-index: 9;
}

.p-click-alert span {
    position: absolute;
    width: 19px;
    height: 1px;
    left: 50%;
    margin-left: -10px;
    background-color: #fff;
    -webkit-transition: opacity .2s,-webkit-transform .4s ease-out;
    transition: opacity .2s,-webkit-transform .4s ease-out;
    -o-transition: opacity .2s,-o-transform .4s ease-out;
    -moz-transition: transform .4s ease-out,opacity .2s,-moz-transform .4s ease-out;
    transition: transform .4s ease-out,opacity .2s;
    transition: transform .4s ease-out,opacity .2s,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out;
    transition: transform .4s ease-out,opacity .2s,-webkit-transform .4s ease-out;
}
.p-click-alert span.menu-top {
    top: 19px;
}
.p-click-alert span.menu-middle {
    top: 26px;
}
.p-click-alert span.menu-bottom {
    top: 33px;
}

.p-click-alert.zhuan .i2 {
    display: block;
}

.p-click-alert.zhuan span.menu-top {
    -webkit-transform: translate3d(0,7px,0) rotate(45deg);
    -moz-transform: translate3d(0,7px,0) rotate(45deg);
    transform: translate3d(0,7px,0) rotate(45deg);
}
.p-click-alert.zhuan span.menu-middle {
    opacity: 0;
    -webkit-transform: translate3d(-20px,0,0);
    -moz-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.p-click-alert.zhuan span.menu-bottom {
    -webkit-transform: translate3d(0,-7px,0) rotate(-45deg);
    -moz-transform: translate3d(0,-7px,0) rotate(-45deg);
    transform: translate3d(0,-7px,0) rotate(-45deg);
}

/*pc和移动*/
.com-mob{
    display: none !important;
}