/*字体引用*/
@font-face {
    font-family: 'RobotoRegular';
    src: url('../public/fonts/RobotoRegular.eot');
    src: url('../public/fonts/RobotoRegular.eot') format('embedded-opentype'),
    url('../public/fonts/RobotoRegular.woff2') format('woff2'),
    url('../public/fonts/RobotoRegular.woff') format('woff'),
    url('../public/fonts/RobotoRegular.ttf') format('truetype'),
    url('../public/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'HelveticaLT45Light';
    src: url('../public/fonts/HelveticaLT45Light.eot');
    src: url('../public/fonts/HelveticaLT45Light.eot') format('embedded-opentype'),
         url('../public/fonts/HelveticaLT45Light.woff2') format('woff2'),
         url('../public/fonts/HelveticaLT45Light.woff') format('woff'),
         url('../public/fonts/HelveticaLT45Light.ttf') format('truetype'),
         url('../public/fonts/HelveticaLT45Light.svg#HelveticaLT45Light') format('svg');
}
@font-face {
    font-family: 'HelveticaLT35Thin';
    src: url('../public/fonts/HelveticaLT35Thin.eot');
    src: url('../public/fonts/HelveticaLT35Thin.eot') format('embedded-opentype'),
         url('../public/fonts/HelveticaLT35Thin.woff2') format('woff2'),
         url('../public/fonts/HelveticaLT35Thin.woff') format('woff'),
         url('../public/fonts/HelveticaLT35Thin.ttf') format('truetype'),
         url('../public/fonts/HelveticaLT35Thin.svg#HelveticaLT35Thin') format('svg');
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('/assets/fonts/MyriadPro-Regular.otf');
    src: url('/assets/fonts/MyriadPro-Regular.woff') format('woff'),
    url('/assets/fonts/MyriadPro-Regular.ttf') format('truetype'),
    url('/assets/fonts/MyriadPro-Regular.svg') format('svg');
}
html {
    font-size: 62.5%;
    font-family: "RobotoRegular";
}
h1,p,a,span,li,div {
	font-family: "HelveticaLT45Light";
}
.header *{
    font-family: 'Myriad Pro'!important;
}
h2 {
	font-size: 34px\0;
    font-size: 3.4rem;
	font-family: arial;
}
h4 {
	font-size: 24px\0;
    font-size: 2.4rem;
	font-family: 'RobotoRegular';
}
img {
    max-width: 100%;
    display: block;
    border: 0 none;
}
li {
    list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
    text-align: center;
    font-weight: normal;
}
a {
    text-decoration: none;
    color: blue;
}
a:focus {
	outline: none;
}
/*字体引用 END*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: left;
    font-weight: normal
}

html, body, fieldset, img, iframe, abbr {
    border: 0
}

i, cite, em, var, address, dfn {
    font-style: normal
}

[hidefocus], summary {
    outline: 0
}
li {
    list-style: none
}
sup, sub {
    font-size: 83%
}
q:before, q:after {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}
label, summary {
    cursor: default
}

a, button {
    cursor: pointer
}
del, ins, u, s, a, a:hover {
    text-decoration: none
}
body, textarea, input, button, select, keygen, legend {
    outline: 0
}
body{position: relative}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.con_left::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background-color: #e0e0e0;
}
/*定义滚动条的轨道，内阴影及圆角*/
.con_left::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    /*border-radius: 10px;*/
    background-color: #fff;
}
/*定义滑块，内阴影及圆角*/
.con_left::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #e0e0e0;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.con_right::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background-color: #e0e0e0;
}
/*定义滚动条的轨道，内阴影及圆角*/
.con_right::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    /*border-radius: 10px;*/
    background-color: #fff;
}
/*定义滑块，内阴影及圆角*/
.con_right::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #e0e0e0;
}
.selecticon{
    display: inline-block;
    width: 14px;
    height:14px !important;
    background: url("../images/icon/icon.png");
    background-position: -110px -4px;
}
*, *:before, *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hid{display: none;}

.download{
    text-align: center;
    margin: 0;
    padding: 0 !important;
    width: 98px;
}
.download a{
    margin: 0;
    padding: 0;
}
.tableicon{
    width: 66px;
    height: 66px;
    background:url("../images/icon/Navigation@2x.png")no-repeat 0px 0px;
    display: none;
}

.icon-one{
    display:inline-block;width:10px;height:15px;
    background: url("../images/icon/icon.png");
    background-position: -178px -4px;
}
.Navigation{width: 456px; height: auto;float: right;margin-right:-1.3%;margin-top:2.0%}
.Navigation a {
    font-size:1.2rem;
    margin-left: 3%;
    color: #989b9e;
    display: inline-block;
/*    min-width: 50px;*/
    height: auto;
    font-family: 'RobotoRegular';
}
.Navigation a:hover{
    color: #ffffff;
}
.chose{
    display: inline-block;
    width:250%;
    min-height:110px;
    padding-top: 20%;
    position: absolute;
    top:182%; left:-160%;
    z-index: 999;
    line-height:280%;
    text-align: center;
    background-color: #ffffff;
    border-radius: 2px;
}
.chose a{
    display: block;
    font-size:1.4rem;
    line-height: 35px;
    color:#4b4e53;
    font-family: RobotoRegular;
}
.chose a:hover{
    color:#1996ff !important;
}
.chose_icon{
    display: inline-block;
    width:250%;
    height:80%;
    position: absolute;
    left: -160%;
    background-color: #1a1c1e;
    z-index: 999;
}
.icon_next{
    display: inline-block;
    width: 14px;
    height: 10px;
    position: absolute;
    left:76%;
    top:12%;
    background-image: url("../images/icon/xiaosanjiao.png");
}
.mycart{
    display: inline-block;
    width:40%;
    height:30%;
    background: url(../images/icon/icon.png);
    background-position: -10px -10px;
    margin-left:189%;
    z-index: 999;
}
.Cartsnav{
    height: 20%;
    width:30px;
    margin-top: 10px;
    margin-left: 6%;
    position: absolute;
    z-index: 9999;
}

.Cartsnav .goodsnumber{
    position: relative;
    cursor: pointer;
    top:8px;
    left:-16px;
}
.Cartsnav .Cart{
    top:-460px;
    left:-40px;
    border-radius: 6px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 5px 23px 10px rgba(0,0,0,.4);

}
.Cartsnav .Cart .GoodsTittle{
    text-align: left;
    font-size:1.2rem;
    color: #21252a;
    font-family: RobotoRegular;
    margin-bottom: 0%;
    line-height: 25px;
}
.Cartsnav .Cart .prive1{top:10px;}
.Cartsnav .store{
    left: 103%;
}

.footer-lang{
    min-width: 40px;
    height: 29px;
    position: absolute;
    border-radius: 2px;
    top: 55px;
    left:60%;
}
.footer-lang .margin-top{
    margin-top: 0 !important;
}
.footer-lang .lang{
    width: 85% !important;
    height: 49% !important;
}
.footer-lang .lang .chose{
    top: -841%;
    left: -143%;
}
.footer-lang .lang .chose_icon .icon_next{
    background-image: url("../images/icon/footer-lang-chose.png")!important;
    top: 0%;
    width: 12px !important;
    height: 8px !important;
}
.footer-lang .lang .chose_icon{
    top: -20%;
}
.Cartsnav a{
    width: 100%;
    font-size:1.4rem;
    height: 30px;
    margin-left:0 !important;
    text-decoration: none;
    color: #a2a5a9;
    background-position: -10px -10px;
    z-index: 999;
    margin-top: 16px !important;
}
.Cartsnav a:hover{

    background-position:-48px -10px;
}
.store{
    position: absolute;
    top:-1px;
    left: 24%;
    color: #e8ecef;
    font-size:1.4rem;

}


.get .first{
    max-width: 28px;
}
.goodsnumber{
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #fc4138;
    position: absolute;
    top: -10%;
    left: 156%;
    font-size:1.2rem;
    color:#ffffff;
    text-align: center;
    line-height:150%;
}
.navigation{
    display: none;
    width: 227%;
    height: 1805%;
    position: absolute;
    top:100%;
    left:-190.5%;
}
.navigation-child1{
    width: 199%;
    height:75%;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 23px -5px rgba(0,0,0,.4);
}
.navigation-child2 .hidden{
    height: 1.8%;
}
.navigation-child2{
    width: 180%;
    height:76.3%;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 23px -5px rgba(0,0,0,.4);

}
.navigation-child3{
    width: 335%;
    height: 78.3%;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 23px -5px rgba(0,0,0,.4);
}
.navigation-child4{
    width: 80%;
    height: 31.5%;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 23px -5px rgba(0,0,0,.4);
}
.li-two .navigation{
    top:100%;
    left:-120%;
}
.product .navigation{
    top:100%;
    left:-325%;
}
.li-four .navigation{
    top:109%;
    left:-15%;
}
.hidden{
    width:100%;
    height:1.8%;
    background-color: #1a1c1e;

}
.hidden-icon{
    position: absolute;
    top:0.1%;
    left: 99%;
    display: inline-block;
    width: 13px;
    height: 8px;
    background: url("../images/icon/xiaosanjiao.png");
    background-position: -14px 0px;
}
.navigation-child2 .hidden-icon{
    left: 70.5%;
}
.navigation-child3 .hidden-icon{
    left: 158.5%;
}
.aomeiclear ul li:nth-child(5) .navigation-child .hidden{
    height:4.5%;
}
.hidden-icon5{
    top:-0.4%;
    left: 20.7%;
}
.navigationCon{
    width: 99.8%;
    height: 97.8%;
    border: 1px solid #797979;
    border-top: 0px;
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.navigationCon p{
    font-size: 20px;
    color:#21252a;
    font-family: RobotoRegular;
    margin-top:5% ;
    margin-bottom:3%;
}
.spanma{
    display: inline-block;
    width:100%;
    height: auto;
    padding-left:5px;
}
.lastA a,.navigationCon a{
    font-size:1.4rem;
    color:#4b4e53 !important;
    height:22px !important;
    margin: 0;
    padding: 0;
    font-family: RobotoRegular;
}
.navigationCon a:hover{
    color:#37a2fc !important;
}
.lastA{
    display: inline-block;
    min-width: 50px;
    height: auto;
    padding-left: 3px;
    margin-top:8.5%;
}
.lastA a:hover{
    color:#37a2fc !important;
}
.freebtn{
    display: inline-block;
    width: 40px;
    height: 18px;
    background-color:#37a2fc;
    text-align: center;
    color: #ffffff !important;
    margin-left: 10%;
    line-height: 20px;
    font-size:1.4rem;
    border-radius: 1px;
    font-family: RobotoRegular;
}
.child2-content-two{
    width: 100%;
    background-color: #00a2ff;height: 85px;
    position: absolute;
    bottom: 2%;
}
.icon-img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    background: url(../images/icon/home-icon.png) no-repeat -9999px -9999px
}


.search-img {
    width: 22px;
    height: 24px;
    background-position: 1px 1px
}

.search-img:hover, .search-img.active {
    border: 1px solid #dcdcdc
}

.footer-products {
    background: url(../images/icon/home-icon.png) no-repeat 1px -29px
}

.footer-freeware {
    background: url(../images/icon/home-icon.png) no-repeat -35px -29px
}

.footer-support {
    background: url(../images/icon/home-icon.png) no-repeat -72px -28px
}

.footer-products {
    background: url(../images/icon/home-icon.png) no-repeat 1px -29px
}

.footer-freeware {
    background: url(../images/icon/home-icon.png) no-repeat -35px -29px
}

.footer-support {
    background: url(../images/icon/home-icon.png) no-repeat -72px -28px
}

.dashed-arrow {
    background: url(../images/icon/home-icon.png) no-repeat -85px -5px
}

.facebook-icon {
    background: url(../images/icon/share.png) no-repeat 0 0
}

.twitter-icon {
    background: url(../images/icon/share.png) no-repeat -52px 0
}

.google-icon {
    background: url(../images/icon/share.png) no-repeat -103px 0
}

.youtube-icon {
    background: url(../images/icon/share.png) no-repeat -155px 0
}

.facebook-icon:hover {
    background: url(../images/icon/share.png) no-repeat 0 -44px
}

.twitter-icon:hover {
    background: url(../images/icon/share.png) no-repeat -52px -44px
}

.google-icon:hover {
    background: url(../images/icon/share.png) no-repeat -103px -44px
}

.youtube-icon:hover {
    background: url(../images/icon/share.png) no-repeat -155px -44px
}



/**image end**/

.newsletterbox-c{width:100%;height:30px;line-height:30px;position:relative}
.msgbox-01{background-color:#a94442;color:#fff;height:30px;line-height:30px;font-size:1.3rem;padding:0 7px;text-align:left;position:absolute;top:-35px;left:0;width:117%}
.msgbox-02{background-color:#3c763d;color:#fff;height:30px;line-height:30px;font-size:1.3rem;padding:0 7px;text-align:left;position:absolute;top:-35px;left:0;width:117%}
.newsletter-email{width:60%;height:103%;line-height:200%;border:1px solid #494949;border-top-left-radius:3px 3px;padding:0 3px;border-bottom-left-radius:3px 3px;background-color:#282828;color:#6e6d6d;float:left;border-right:none}
.newsletter-email:focus{border-color:#595959}
.newsletter-email:blur{background-color:#282828}
.newsletter-bt{width:28%;height:108%;line-height:200%;background-color:#37a2fc;border:none;float:left;color:#ffffff;font-size:1.3rem;cursor:pointer;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px}
.newsletter-bt:hover{background:#188ef2}

.share{
    margin-top: 3.5%;
    position: relative;
}
.footer-btn{
    width: auto;
    height: auto;
    position: absolute;top: 64%;
    left: 0%;
}
.center-share{
    width: 300px;
    height: 60px;
    position: fixed;
    z-index: 999;
    top:80%;
    right:-240px;
    box-shadow: 0px 0px 10px -3px #000000;
}
.center-share-backtop{
    width:auto;
    height: auto;
    position: fixed;
    top:68.5%;
    right:0;
    z-index: 999;
}
.backtop{
    width: 60px;
    height: 60px;
    background:url("../images/icon/footer_share.png");
    background-position: -10px -10px;
}
.backtop:hover{ background-position: -80px -10px;}
.center-share div{
    float: left;
}
.share_icon_bg{
    min-width: 190px !important;
    background-position: -13px -83px !important;

}
.centshare,.share_icon_bg{
    cursor: pointer;
    min-width: 60px;
    min-height: 60px;
    background:url("../images/icon/footer_share.png");

}
.centshare:hover{
    background-position: -220px -10px;
}
.centshare-next,.centshare-next1,.centshare-next2{
    min-width: 60px;
    min-height: 60px;
}
.centshare-next:hover{
    background:url("../images/icon/footer_share.png");
    background-position:-10px -156px;
}
.centshare-next1:hover{
    background:url("../images/icon/footer_share.png");
    background-position:-100px -156px;
}
.centshare-next2:hover{
    background:url("../images/icon/footer_share.png");
    background-position:-190px -156px;
}
.centshare{
    background-position: -150px -10px;
}
.share1{
    width: 14px;
    height: 30px;
    margin-top: 24%;
    margin-left: 37%;
    background:url("../images/icon/footer_share.png");
    background-position: -10px -226px;
}
.share2{
    width: 32px;
    height: 26px;
    margin-top: 28%;
    margin-left: 23%;
    background:url("../images/icon/footer_share.png");
    background-position: -33px -226px;
}
.share3{
    width: 28px;
    height: 28px;
    margin-top: 25%;
    margin-left: 36%;
    background:url("../images/icon/footer_share.png");
    background-position: -75px -226px;
}
.Cartsnav .mycart .store{
    top:17px;
}
.Cart{
    display: none;
    width:383px;
    height: auto;
    position: absolute;
    top:101%;
    right:5px;
    z-index:1001;
    background: #ffffff;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow:0px 5px 23px -5px rgba(0,0,0,.4);
}
.Cart-header{
    width: 100%;
    height: 58px;
    color: #21252a;
    font-size: 18px;
    font-family: RobotoBold;
    text-align: center;
    line-height: 370%;
}
.CartGoodsContent{
    width:99%;
    margin-left: 0.3%;
    min-height: 85px;
    background-color: #ffffff;
}
.Cart-center{
    width: 100%;
    min-height: 85px;
    margin-top: 10px;
    border:1px solid #cfd7e1;
    position: absolute;
}
.Cart-footer{
    width: 100%;
    height:auto;
    border-bottom-left-radius:9px;
    border-bottom-right-radius:9px;
}
.Cart-footer-pages{
    font-size:1.4rem;
    font-family: RobotoRegular;
    color: #545454;
    background-color: #ffffff;
    width: auto;
    min-height: 58px;
    text-align: center;
    line-height: 58px;
}
.page-next{
    margin-left: 3%;
    cursor: pointer;
}
.page-prev{
    cursor: pointer;
}
.page-next:hover{
    color:#1996ff;
}
.page-prev:hover{
    color:#1996ff;
}
.pagers a{
    margin-left:3%;
    color:#929599;
}
.pagers a:hover{
    color:#21252a;
}
.Cart-footer-button{
    font-family: RobotoThin;
    font-size:1.4rem;
    color: #ffffff;
    cursor: pointer;
    min-height: 50px;
}
.checkout{
    width: 65%;
    height: 50px;
    float: left;
    text-align: center;
    line-height: 369%;
    background-color:#ff8103;
    border-bottom-left-radius: 8px;
    margin: 0;

}
.gotostore{
    width: 35%;
    height: 50px;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 380%;
    background-color: #1996ff;
    border-bottom-right-radius: 8px;
}
.checkout:hover{
    background-color:#f27a03;
}
.gotostore:hover{
    background-color:#188ef2;
}
.Thischeckout{
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.carticon{
    display: none;
    width: 13px;
    height: 12px;
    background: url(../images/icon/xiaosanjiao.png)no-repeat;
    position:absolute;
    top: 94%;
    right:1.5%;
}
.CartChose{
    cursor: pointer;
    width: 11%;
    height: 85px;
    position: relative;
    border-right:1px solid #cfd7e1;
    background-color: #ffffff;
}
.CartChose:hover{
    background-color: #ecf3ff;
}
.GoodsDetails{
    position: relative;
    min-height: 85px;
    width: 80%;
    float: left;
}
.GoodsBox{
    position: absolute;
    height: auto;
    left: 12%;
    top: 12%;
}
.GoodsInfo{
    text-align: left;
    position: absolute;
    left: 30%;
    top: 22%;
}
.GoodsTittle{
    text-align: left;
    font-size:1.2rem;
    color:#21252a;
    font-family:RobotoRegular;
    margin-bottom: 4.5%;
}
.GoodsChosenPrice{

    font-size:1.2rem;
    padding-left:6px;
    color:#929599;
    font-family:RobotoRegular;

}
.ThisGoodsPrice{
    font-size:1.4rem;
    color:#ff4603;
    font-family:RobotoRegular;
    margin-top: 4.5%;
    position: relative;
}
.prive1{
    position: absolute;
    top:21px;
    left:0px;
}
.ChoseIcon{
    cursor: pointer;
    display: inline-block;
    margin-right: 6px;
    width: 13px;
    height: 13px;
    float: left;
    background:url("../images/icon/list-icon.png");
    background-position: -83px 29px;
}
.TypeInfo{
    float: left;
    line-height: 15px;
}

.GoodsCount{
    font-size:1.4rem;
    color: #21252a;
    position: absolute;
    top: 40%;
    left: 93%;
    text-align: center;
    line-height: 20px;
}
.GoodsDel{
    width: 44%;
    height: 24%;
    font-size:1.2rem;
    color: #929599;
    position: absolute;
    top: -0.8%;
    left: 56.3%;
    text-align: center;
    line-height: 20px;
}
.GoodsAddTime{
    text-align: right;
    font-size:1.2rem;
    color: #929599;
    float: left;
    width: 80%;
    height: 19px;
    line-height: 22px;
}
.DelThisGoods{
    cursor: pointer;
    width: 18px;
    height: 19px;
    background:url("../images/icon/list-icon.png")no-repeat;
    background-position: -129px -11px;
    float: right;
}
.DelThisGoods:hover{
    background-position: -157px -10px;
}
.CartChoseImg img{
    margin: 0 auto;
    padding-top: 33px;
}
.navigationCon-one{
    width: 97%;
    height:64.2%;
    padding-top: 4%;
    margin: 0 auto;
}
.NavigationBoxOne{
    width: 102%;
    height: 45%;
}
.NavigationBoxNext{
    width: 46%;
    height: 100%;
    font-size:1.4rem;
    color: #4b4e53;
    padding-left: 0.5%;
    text-align: left;
    font-family: RobotoRegular;
}
.NavigationBoxOne-left{
    position: relative;
    float: left;
}
.NavigationBoxOne-right{
    float: right;
}
.NavigationBoxTwo{
    margin-top: 0.9%;
    width: 102%;
    height: 45%;
}
.navtitle{
    display: inline-block !important;
    padding-left:12% !important;
    font-size: 20px !important;
    color: #21252a !important;
    font-family: 'RobotoRegular';
}
.navtitle-one{
    background:url("../images/icon/PC.png") no-repeat 8px 4px;
}
.navcon{
    padding-left: 16% !important;
    margin-top: 2.7% !important;
}
.navcon-one{
    margin-top: 1.8% !important;
}
.span-free{
    display: inline-block;
    width: 45px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    background: url("../images/icon/free-bg.png") no-repeat 0px 1px;
    position: absolute;
    top: 29%;
    left:70%;
}
.navtitle-two{
    background: url("../images/icon/supplier.png")no-repeat 11px 1px;
}
.navtitle-three{
    background: url("../images/icon/server.png")no-repeat 11px 3px;
}
.navtitle-four{
    background: url("../images/icon/Experience.png")no-repeat 11px 4px;
}
.navigationCon-two{
    width: 100%;
    height: 24%;
    position: absolute;
    top:76%;
    left: 0;
    border-top: 1px solid #ebebeb;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
.navfootleft{
    position: relative;
    width: 20%;
    height: 100%;
    float: left;
}
.navfootright{
    position: relative;
    width: 78.3%;
    height: 100%;
    float: right;
    text-align:left;
}
.navfootleft-box{
    width: 150px;
    height: 171%;
    background: url("../images/icon/nav-ab-box.png") no-repeat -3px 0;
    position: absolute;
    top: -80%;
    left: 8.5%;
    z-index:201 ;
}
.navfootleft-net{
    width: 225%;
    height: 50%;
    background: url("../images/icon/line-1.png") no-repeat 0 -10px;
    position: absolute;
    top:47%;
    z-index: 200;
}
.navfootrightinfo{
    display: inline-block;
    width: 65%;
    height: 50%;
    line-height: 150%;
    font-size:1.4rem;
    text-align: left;
    padding-top: 5%;
    color: #21252a;

}
.navfootrightbutton{
    display: inline-block;
    cursor: pointer;
    width: 140px;
    height: 38px;
    background-color: #ff8103;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    position: absolute;
    top: 34%;
    left: 68%;
    border-radius: 2px;
}
.navsecond{
    height: 82%;
}
.navfootrightbutton:hover{
    background-color: #f27a03;
}
.navsecond .navfootleft{
    float: right;
}
.navsecond .navfootright{
    float: left;
}
.navsecond .navfootrightinfo{
    padding-left: 2.5%;
}
.navsecond .navfootrightbutton{
    top:28.5%;
    left: 70%;
    line-height: 38px;
}
.navsecond .navfootleft-box{
    background: url("../images/icon/nav-pa-box.png") no-repeat 3px 3px;
    position: absolute;
    top: -65%;
    left: 7%; ;
}
.navsecond .navfootleft-net{
    background: url("../images/icon/line-2.png") no-repeat 0 -10px;
    top:47%;
    left: -400%;
    width: 300%;
}
.navsecond .NavigationBoxOne .span-free{
    top:27.5%;
    left: 70.5%;
}
.navsecond .NavigationBoxTwo .span-free{
    top:27.5%;
    left: 61%;
}
.navsecond .NavigationBoxNext{
    width: 49%;
}
.navigation-child3 .navfootleft{
    width: 100%;
}
.navigation-child3 .navtitle-one{
    background: url("../images/icon/disk.png") no-repeat 8px 4px;
}
.navigation-child3 .span-free{
    top:27.5%;
    left: 51%;
}
.navigation-child3 .NavigationBoxOne-right .span-free{
    top: 15.3% !important;
    left: 79% !important;
}
.navigation-child3 .NavigationBoxOne .NavigationBoxOne-left .span-free{
    top: 80%;
    left: 68%;
}
.navigation-child3 .NavigationBoxOne .NavigationBoxOne-right .navtitle-two{
    background: url(../images/icon/restore.png)no-repeat 13px 2.5px;
}
.navigation-child3 .NavigationBoxTwo{
    margin-top:5%;
}
.navcon-two{
    top:55% !important;
    left: 52.5% !important;
}
.navigation-child3 .navtitle-three{
    background: url(../images/icon/Backup.png)no-repeat 11px 3px;
}
.navigation-child3 .NavigationBoxTwo .NavigationBoxOne-right{
    height: 100%;
    background:url(../images/icon/tool.png)no-repeat 80px 3px; ;
}
.navigation-child3 .navigationCon-two{
    top:72.8%;
}
.navigation-child3 .navfootrightinfo{
    padding-top: 4%;
}
.navigation-child3 .navfootleft-net{
    width: 73%;
    height: 65%;
    background: url(../images/icon/line-3.png) no-repeat 0 -10px;
    top: 56%;
}
.navigation-child3 .navfootrightinfo{
    padding-left: 3%;
}
.navigation-child3 .navfootrightbutton{
    width: 140px;
    height: 38px;
    line-height: 38px;
    left: 74%;
    cursor: pointer;
}
.navigation-child3 .hidden{
    height: 1.8%;
}
.navigation-child3 .navigationCon{
    height: 98%;
}
.navigation-child4 .navigationCon a{
    display: inline-block;
    width: 150px;
    height: 33px !important;
    padding-left: 30px !important;
    margin: 0 auto;
}
.firstA{
    margin-top: 18px !important;
}
.navigation-child4 .hidden{
    height: 3%;
}
.finalli{
    color: #4b4e53;
    text-align: center;
    width: 126px !important;
    background: url("../images/icon/Detail.png") no-repeat 31px 6px;
}
.navigation-child3 .navtitle-two{
    cursor: pointer;
}
.navigation-child3 .navtitle-two:hover{

    color:#5bb4ff !important;
}
.navigation-child4 .navigationCon{
    width: 99.5%;
    height: 96.8%;
}
.mask {
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #FFFFFF;
    z-index: 999; left: 0px;
    opacity:0; -moz-opacity:0;
}
.checkmask{
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 99999; left: 0px;
    opacity:0.7; -moz-opacity:0;
    display: none;
}
.cartjuzspan{
    display:inline-block;height: 100%;width:100%;color:#e0e0e0;font-size:16px;word-spacing:1px;text-align: center;
}
.checkcenter{
   background-color: #ffffff;
    height: 80%;
    width: 750px;
    position: fixed;
    vertical-align: middle;
    z-index: 999999;
    top:-80%;
    left: 0;
    right: 0;
    border-radius: 5px;
    margin: auto;
    display: none;
    transform:translate(0,0);
}
/*.tishi{*/
    /*width: 100%;*/
    /*height:60px;*/
    /*font-size:1.2rem;*/
    /*word-spacing: 1px;*/
    /*line-height: 20px;*/
    /*color:#595a5a;*/
    /*border-bottom-left-radius:5px;*/
    /*border-bottom-right-radius:5px;*/
    /*border-top: 1px solid #ececec;*/
    /*background-color: #ffffff;*/
    /*position: absolute;*/
    /*bottom: 0;*/
/*}*/
/*.checkout-sure{*/
    /*width:29%;*/
    /*height:40px;*/
    /*font-size:1.4rem;*/
    /*text-align: center;*/
    /*line-height: 40px;*/
    /*color:#fff;*/
    /*border-radius: 2px;*/
    /*border-top: 1px solid #ececec;*/
    /*background-color: #ff8103;*/
    /*position: absolute;*/
    /*bottom: 80px;*/
    /*left:76px;*/
    /*cursor: pointer;*/
    /*font-family: RobotoThin;*/
/*}*/
/*.store-sure{*/
    /*width:29%;*/
    /*height:40px;*/
    /*font-size:1.4rem;*/
    /*text-align: center;*/
    /*line-height: 40px;*/
    /*color:#fff;*/
    /*border-radius: 2px;*/
    /*border-top: 1px solid #ececec;*/
    /*background-color: #1996ff;*/
    /*position: absolute;*/
    /*bottom: 80px;*/
    /*right:80px;*/
    /*cursor: pointer;*/
    /*font-family: RobotoThin;*/
/*}*/
/*.store-sure:hover{background-color: #0f86ea}*/
/*.checkout-sure:hover{background-color: #ec7804}*/
/*.checkcenter_one{width: 100%;height:60%;}*/
/*.checkcenter .checkcenter_one div{float: left;}*/
/*.radiocheck{*/
    /*height: 100%;*/
    /*width: 49%;*/
    /*overflow: auto;*/
/*}*/
/*.checkone{*/
    /*height: 100%;*/
    /*width: 50%;*/
    /*overflow: auto;*/
/*}*/
/*.border_center{*/
    /*height: 89%;*/
    /*width: 1px;*/
    /*background-color: #ececec;*/
    /*z-index: 9999;*/
    /*position: absolute;*/
    /*top:0;*/
    /*left: 50%;*/
/*}*/
/*.radiobutt,.checkonebutt{*/
    /*display: inline-block;*/
    /*width: 382px;*/
    /*height: 60px;*/
    /*line-height: 60px;*/
    /*font-size: 18px;*/
    /*text-align: center;*/
    /*position: fixed;*/
    /*top:10%;*/
    /*background-color:#ffffff;*/
    /*z-index: 999;*/

/*}*/
/*.checkonebutt{border-top-right-radius: 5px}*/
/*.radiobutt{border-top-left-radius: 5px}*/
/*.checkcenter_one{padding-top: 60px;}*/

/*.division1,.division2,.division3,.division4,.division5,.division6{*/
    /*height: 1px;width: 100%;position: absolute;z-index: 9999;*/
/*}*/
/*.division1{*/
    /*background-color:#dddddd;*/
    /*top: 58px;*/
/*}*/
/*.division2{*/
    /*background-color:#eeeeee;*/
    /*top: 59px;*/
/*}*/
/*.division3{*/
    /*background-color:#f9f9f9;*/
    /*top: 60px;*/
/*}*/
/*.division4{*/
    /*background-color:#dddddd;*/
    /*bottom: 147px;*/
/*}*/
/*.division5{*/
    /*background-color:#eeeeee;*/
    /*bottom: 148px;*/
/*}*/
/*.division6{*/
    /*background-color:#f9f9f9;*/
    /*bottom: 149px;*/
/*}*/

.allnav{width: 100%;height: 88%;}
.f-tishi{
    position: fixed;
    line-height: 18px;
    text-align: center;
    font-size:1.2rem;
    left: 0;
    right: 0;
    bottom:0;
    color: #595a5a;width: 100%;height: 50px;border-top: 1px solid #e0e0e0;
}
.fbutt{
    position: fixed;
    left: 0;
    right: 0;
    height: 74px;
    bottom:52px;
    width: 100%;
    background-color: #FFFFFF;
}
.yiny1,.yiny2,.yiny3{display: inline-block;height: 1px;width: 100%;}
.yiny1{background-color: #f9f9f9}
.yiny2{background-color: #eeeeee}
.yiny3{background-color: #dddddd}
.titlyiny .yiny1{background-color: #dddddd}
.titlyiny .yiny2{background-color: #eeeeee}
.titlyiny .yiny3{background-color: #f9f9f9}
.checkout-sure{
    width:200px;
    height:40px;
    font-size:1.4rem;
    text-align: center;
    line-height: 40px;
    color:#fff;
    border-radius: 2px;
    background-color: #ff8103;
    position: absolute;
    bottom: 14px;
    left:76px;
    cursor: pointer;
    font-family: RobotoThin;
}
.store-sure{
    width:200px;
    height:40px;
    font-size:1.4rem;
    text-align: center;
    line-height: 40px;
    color:#fff;
    border-radius: 2px;
    border-top: 1px solid #ececec;
    background-color: #1996ff;
    position: absolute;
    bottom: 14px;
    right:80px;
    cursor: pointer;
    font-family: RobotoThin;

}
.store-sure:hover{background-color: #0f86ea}
.checkout-sure:hover{background-color: #ec7804}
.h-title{
    width:100%;
    height: 40px;
}

.h-title span{display:inline-block;text-align: center;line-height:40px;font-size: 1.6rem;}
.styler{width: 50%;float:left;height:37px;}
.content-checked{width: 100%;height:0;}
.con_left,.con_right{overflow: auto;width: 50%;height:100%;float: left;}
.con_left{width:49.5%;border-right: 1px solid #e0e0e0; }
.content-checked .Cart-center{width: 90%;left: 5.5%}
.content-checked .checkone .Cart-center{width: 90%;}
.content-checked .Cart-center .GoodsBox{left: 3%}
.content-checked .Cart-center .GoodsInfo{left: 25%}
.content-checked .Cart-center .GoodsAddTime{width: 90%}
.content-checked .Cart-center .ChoseIcon{cursor: auto}
.content-checked .Cart-center .checkonebutt{width: 80px;height: 24px;background-color: #ff8103;position: absolute;cursor:pointer;
    border-radius:2px;right:14px;top:67%;font-family: RobotoThin;color: #ffffff;font-size:1.2rem;line-height: 24px;text-align: center;
}
.content-checked .Cart-center .checkonebutt:hover{background-color:#ec7804}

.header-mark{
    max-width: 1000px;
    height: 95px;
    position: absolute;
    top: 0;
    left: 0;
    background-color:#999999;
    z-index: 1002;

}
.addone{
    display:inline-block;
    width: 15px;
    height: 15px;
    font-size:1.2rem;
    color:#ffffff;
    position: absolute;
    top:-15%;
    left: 210%;
    z-index: 99999;
    opacity: 0;
}
.reset{
    width: 100%;
    height: 150px;
}
.addcar{
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 2px;
    width: 140px;
    height: 32px;
    cursor: pointer;
    text-align: center;
    line-height: 250%;
    font-size: 1.4rem;
    margin-top: 30px;
    font-family: RobotoRegular;
}
.reset_one{
    margin-left:500px;
    margin-top: 100px;
    position: relative;
}
.animatePicture{
    display: inline-block;
    position: absolute;
    opacity: 0;
    z-index: 2000;
    left: 97px;
    top: 35px;
}
.centernav{
    min-height: 100px;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
}
.Navone{
    position: absolute;
    left:0;
    top: 0;
}
.Navtwo{
    position: absolute;
    left: 100%;
}
.a-but{
    font-family: RobotoRegular;
    display:inline-block ;
    width: 50%;
    height: 31px;
    text-align: center;
    line-height: 31px;
    font-size:1.2rem;

}
.a-left{
    float: left;
    border-top: 1px solid #cfd7e1;
    border-left: 0;
    border-bottom: 0;
    height: 29px;
    color:#c5c6c7;
}
.a-left:hover{
    background-color: #eef0f3;
    color: #9b9d9e;
}
.a-right{
    float: right;
    border-right: 0;
    border-bottom: 0;
    background-color: #1996ff;
    color: #ffffff;
}
.a-right:hover{
    background-color: #188ef2;
}
.deletecart{
    height: 20px;
    width: 100%;
}
.pricenum{
    margin-left: 4px;
    width: auto;
    height:auto;
}
.footer{height:415px; background-color:#1a1c1e;}
.footer .Cart-footer-pages .pagers a{padding-left: 10px;!important;}
.footer .Cart-footer-pages .pagers a:hover{color:rgb(33, 37, 42)}
.footer-center{
    max-width:1000px;height:100%;
    margin:0 auto;

}

.footer-center-one{
    width:100%;
    height:415px;

}
.footer-two{
    width:100%;
    height:80px;
    background-color: #1a1c1e;
    border-top: 1px solid #232628;
}
.footer-two-center{
    max-width: 1000px;
    height: 100%;
    text-align: center;
    line-height: 80px;
    font-size:1.2rem;
    color: #939598;
    margin: 0 auto;
}
.footerUl{
    max-width: 1000px;
    height: 415px;
}
.footerUl li{
    text-align: left;
    float: left;
    width: 25%;
    height: 70%;
    margin-top:8%;
    position: relative;
    background-color: #1a1c1e;
}
.footerUl li p{
    text-align: left;
    font-size: 18px;
    color: #c9cccf;
    font-family: 'RobotoRegular';
    margin: 0;
    padding: 0;
}
.p-next{
    display: inline-block;
    width: 100%;
    height:32%;
    margin-top:6.5%;
    line-height: 33px;
}
.p-next a{
    font-size: 1.4rem;
    color: #767a7d;
    margin: 0;
    padding: 0;
}
.p-next a:hover{
    color: #ffffff;
}
.footer-button-one,.footer-button-two{
    border-radius: 2px;
    background-color: #ff8103;
    display: inline-block;
    height:14%;
    width: 215px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 260%;
    cursor: pointer;
}
.footer-button-one:hover{
    background-color:#f27a03;
}
.footer-button-two:hover{
    background-color:#188ef2;
}
.footer-button-two{
    font-size: 1.4rem;
    background-color: #1996ff;
    margin-top: 8%;
    line-height: 300%;
}
.friendship{
    display: block;
    width: 19.25%;
    height: 160%;
    float: left;
    margin-right: 10px;
}
.friendshipnav{
    height: 20%;
    width: 100%;
    margin-top: 6%;
}
.friendshipnav a{
    margin-right: 5%;
    margin-bottom: 28%;
}
.facebook-icon {
    background: url(../images/icon/share.png) no-repeat 0 0
}

.twitter-icon {
    background: url(../images/icon/share.png) no-repeat -52px 0
}

.google-icon {
    background: url(../images/icon/share.png) no-repeat -103px 0
}

.youtube-icon {
    background: url(../images/icon/share.png) no-repeat -155px 0
}

.facebook-icon:hover {
    background: url(../images/icon/share.png) no-repeat 0 -44px
}

.twitter-icon:hover {
    background: url(../images/icon/share.png) no-repeat -52px -44px
}

.google-icon:hover {
    background: url(../images/icon/share.png) no-repeat -103px -44px
}

.youtube-icon:hover {
    background: url(../images/icon/share.png) no-repeat -155px -44px
}
.notturn:hover{
    cursor: auto;
    color:#767a7d !important;
}
.footer_lang_click{
    background-color:#ffffff !important;
    color:#666;
    border-top: 0px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
strong {
	font-family: arial;
}
.center {
	max-width: 1000px;
	margin: 0 auto;
}
.wrapper_empty {
	height: 96px;
	background: #1f2123;
}
/*内容区域  促销板块样式 start*/
.pro_list_wrapper {
	background: #f5faff;
	padding-bottom: 6%;
}
.pro_list_wrapper h2 {
	color: #21252a;
	padding: 8% 0 5% 0;
}
.pro_list_wrapper ul {
	font-size: 0;
}
.pro_list_wrapper ul li {
	display: table-cell;
	width: 47%;
	box-sizing: border-box;
	border: 1px solid #c9c9c9;
	position: relative;
	background: #FFFFFF;
	vertical-align: top;
}
.pro_list_wrapper ul li.empty {
	width: 6%;
	border: none;
	visibility: hidden;
}
.pro_list_wrapper ul li h4 {
	font-size: 18px\0;
	font-size: 1.8rem;
	line-height: 1.33;
	color: #21252a;
	padding: 5.32% 0 5.32% 15%;
	text-align: left;
}
.pro_list_wrapper ul li:last-child h2 {
	width: 83%;
}
.pro_list_wrapper ul li>img {
	position: absolute;
	top: 0;
	left: 0;
}
.pro_list_wrapper ul li .msg {
	width: 95%;
	border-top: 1px solid #d1d6da;
	margin:0 auto;
	padding: 5% 0;
	overflow: hidden;
}
.pro_list_wrapper ul li .msg .pic {
	width: 35%;
	float: left;
}
.pro_list_wrapper ul li .msg img {
}
.pro_list_wrapper ul li .msg .text {
	float: right;
	width: 62%;
}
.pro_list_wrapper ul li .msg .text p {
	font-size: 14px\0;
	font-size: 1.4rem;
	line-height: 1.43;
	color: #5c5d5e;
	padding-bottom: 8%;
	text-align: justify;
}
.pro_list_wrapper ul li .msg .text strong {
	font-size: 24px\0;
	font-size: 2.4rem;
	color: #ff4603;
}
.pro_list_wrapper ul li .msg .text del {
	font-size: 14px\0;
	font-size: 1.4rem;
	color: #abb0b6;
	text-decoration: line-through;
}
.pro_list_wrapper ul li .msg .text a {
	width: 40%;
	display: block;
	font-size: 16px\0;
	font-size: 1.6rem;
	color: #FFFFFF;
	background: #ff8103;
	text-align: center;
	line-height: 2.125;
	border-radius: 4px;
	float: right;
}
.pro_list_wrapper ul li .msg .text a:hover {
    background: #e67403;
}
.pro_list_wrapper ul li .msg .text .ie_padding {
	padding-bottom: 20px\0;
}

.at_web7_app center{
    max-width: 1000px;
}
.at_web7_app{
    position: absolute;
    vertical-align: middle;
    z-index: 999999;
    top:0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform: translate(0,0);
    background-color: #1a1c1e;
    display: none;
}
.at_web7_app .center .line_li{
    margin: 0 auto;
    width: 94%;
}
.at_web7_app .center .line_li li{
    border-bottom:1px solid #595c60;
}
.at_web7_app .center .line_li{
    cursor: pointer;
}
.at_web7_app .center .line_li .p_title{
    line-height: 4;
    font-size: 2.2rem;
    color:#a2a5aa;
    text-align: left;
    position: relative;
}
.moredown{
    position: absolute;
    right: 0;
}
.at_web7_app .center .line_li li ul li{
     margin-top: 2.5%;
    border: 0;
}
.at_web7_app .center .line_li li ul li:first-child{
    margin-top: 0;
}
.at_web7_app .center .line_li li ul li:last-child{
    margin-bottom: 5%;
}
.at_web7_app .center .line_li .outclear{
 color:#1a1c1e;
}
.info_ul{
    display: none;
}
.line_li h1{
    display: inline-block;
    text-align:left;
    font-size: 2.2rem;
    color: #656a71;
    border-bottom: 1px solid #404448;
    padding-right: 15%;
    line-height: 2;
}
.line_li a{
    display: inline-block;
    text-align:left;
    font-size: 2rem;
    color: #FFFFFF;
    margin-top:2%;
}
.tfree{
    display: inline-block;
    font-size: 1.6rem;
    color: #FFFFFF;
    padding-left: 1%;
    margin-left: 1%;
    line-height: 1.8;
    width: 40px;
    background: url("../images/icon/free-bg.png")no-repeat 0 1px;
}
/*内容区域  促销板块样式   end*/
.CartsnavH{
    height: 20%;
    width:20px;
    margin-top: 5%;
    margin-left: 480%;
    position: absolute;
    top:-60%;
    z-index: 9999;
}

.CartsnavH .goodsnumber{
    position: relative;
    cursor: pointer;
    top:120%;
    left:-48%;
}
.CartsnavH .Cart{
    top:-460px;
    left:-40px;
    border-radius: 10px;
    box-shadow: 0px 5px 23px 10px rgba(0,0,0,.4);

}
.CartsnavH .Cart .GoodsTittle{
    text-align: left;
    font-size:1.2rem;
    color: #21252a;
    font-family: RobotoRegular;
    margin-bottom: 0%;
    line-height: 25px;
}
.CartsnavH .Cart .prive1{top:10px;}
.CartsnavH .store{
    left: 103%;
}
.CartsnavH a{
    width: 100%;
    font-size: 1.4rem;
    height: 30px;
    margin-left:0 !important;
    text-decoration: none;
    color: #a2a5a9;
    background-position: -10px -10px;
    z-index: 999;
}
.CartsnavH a:hover{
    background-position:-48px -10px;
}
.delCloseIcon{
    width: 42px;
    height: 28px;
    float: right;
    display: none;
}
/*火狐浏览器 专属hack*/
@-moz-document url-prefix() {
    #store{
      font-size: 0px;
    }
   
    .hidden-icon{top:0.2%}
    .hidden-icon5{top:-0.4%}
    .addone{left:275%;top:-140%;}
    .CartsnavH .goodsnumber{top:150%;left: -57%}
    .lang{z-index: 999999}
}
/*Safari  浏览器hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .f-tishi,.fbutt {
    	position: absolute;
    }   
}
.GoodsImg{
    max-width: 51px;
}
.changelang{
    margin: 0 auto;
    width: 94%;
}
.changelang .info{
    font-size: 1.2rem;
    color:#595c60;
    width: 100%;
    text-align: inherit;
}
.heign{
    margin-top: 5%;
   text-align: center;
    color:#a2a5aa ;
}
.changelang span{ float: right;}
.chosethis{
    display: inline-block;
    border: 1px solid #595c60;
    margin-bottom: 3%;
    border-radius: 4px;

}
.chosethis span{
    display: inline-block;
    line-height: 3;
    min-width: 130px;
    cursor: pointer;
    font-size: 2.2rem;
    color: #a2a5aa;
    margin: 0 auto;

}
.phonefooter{
    position: absolute;
    width: 100%;
    background-color: #1a1c1e;
    padding-top: 5%;
    display: none;
}
.phonefooter center{
    max-width: 1000px;
}
.phonefooter .center .line_li{
    margin: 0 auto;
    width: 94%;
}
.phonefooter .center .line_li li{
    border-bottom:1px solid #595c60;
}
.phonefooter .center .line_li{
    cursor: pointer;
}
.phonefooter .center .line_li .p_title{
    line-height: 5;
    font-size: 2.2rem;
    color:#a2a5aa;
    text-align: left;
    position: relative;
}
.phonefooter .center .moredown{
    top:-6%;
}
.phonefooter .center .share{
    margin-top: 1%;
    margin-bottom: 5%;
}

.phonefooter .center .newsletter-email{
    width: 70%;
}
.phonefooter .center .newsletter-bt{
 width: 25%;
}
.phonefooter .center .notturn{
    font-size: 1.6rem;
    margin-top: 2%;
    margin-bottom: 3%;
    color: #a2a5aa;
}
.phonefooter .center .line_li li ul li{
    margin-top: 2.5%;
    border: 0;
}
.phonefooter .center .line_li li ul li:first-child{
    margin-top: 0;
}
.phonefooter .center .line_li li ul li:last-child{
    margin-bottom: 5%;
}
.phonefooter .center .line_li .outclear{
    color:#1a1c1e;
}
.info_ul{
    display: none;
}
.line_li h1{
    display: inline-block;
    text-align:left;
    font-size: 2.2rem;
    color: #656a71;
    border-bottom: 1px solid #404448;
    padding-right: 15%;
    line-height: 2;
}
.line_li a{
    display: inline-block;
    text-align:left;
    font-size: 2rem;
    color: #FFFFFF;
    margin-top:2%;
}
.closeCart{
    float: right;
    margin-right: 3.2%;
    display: none;
}
/*移动端css*/
@media (min-width:768px) and (max-width:990px){     /*平板及中等屏幕*/
	html {
        font-size: 50%;
    }
    .center {
    	width: 95%;
    }
	.pro_list_wrapper ul li .msg .text strong {
		font-size: 1.75rem;
	}
	.pro_list_wrapper ul li .msg .text del {
		font-size: 1.5rem;
	}
	.pro_list_wrapper ul li .msg .text {
		width: 62%;
		padding-left: 3%;
	}
	.pro_list_wrapper ul li .msg .text a {
		margin-top: -3%;
	}
	.pro_list_wrapper ul li h4 {
		padding-left: 20%;
	}
    .store{
        font-size: 1.2rem;
    }
    .mycart{
        margin-left:25%;
    }
    .goodsnumber{
        left: -18%;
        top:-10%;
        z-index: 999999;
    }
    .download{
        width: 70px;
    }

    .tableicon{
        display:inline-block ;
        position: absolute;
        width: 30px;
        height: 30px;
        background: url("../images/icon/Navigation@1x.png")no-repeat;
        left: 13%;
        top: -3px;
    }

    #store{
        display: none;
    }
    .Navigation{
        margin-top: 65px;
    }
    .lang{
        margin-top:  61.5px;
    }
    .at_web7_app{
        position: fixed;
        overflow: scroll;
    }
    .Cart{
        position: absolute;
        vertical-align: middle;
        z-index: 999999;
        left: 0;
        right: 0;
        width: 80%;
        top:0%;
        border-radius: 8px;
        margin: auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        transform: translate(0,0);
    }
    .GoodsDel{
        left: 56.1%;
    }
    .moredown{
        top:-20%
    }
    .Carttitle{
        display: inherit;
        float: left;
        margin-left: 5%;
    }
    .closeCart{
        display: inline-block;
    }
}
@media (min-width:320px) and (max-width:767px){     /*手机屏幕*/
	html {
		font-size: 25%;
	}
	.center {
		width: 90%;
		overflow: hidden;
	}
    .wrapper_empty{
        height: 0;
    }
    .Cart{
        position: absolute;
        vertical-align: middle;
        z-index: 999999;
        left: 0;
        right: 0;
        width: 100%;
        top:0%;
        border-radius: 8px;
        margin: auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        transform: translate(0,0);
    }
    .tableicon{
        display:inline-block ;
        position: absolute;
        left: 20%;
        top: -20px;
    }

    .store,.sc-ctt,.Navigation{
        display: none;
    }
    .mycart{
        margin-left: 0!important;
        width: 35px;
        height: 65px;
        background: url("../images/icon/Shopping Cart@2x.png") no-repeat;
        background-position: -11px -10px;
        position: relative;
        top:-10px;
    }

    .Navigation{
        margin-top: 3%;
    }
    .lang{
        margin-top: 2.63%;
    }
    .goodsnumber{
        left: -18%;
        font-size: 13px;
        width:18px;
        height: 18px;
        top:-27%;
        z-index: 999999;
    }
    .tfree{
        width: 42px;
        text-align: center;
    }
    .at_web7_app{
        position: fixed;
        overflow: scroll;
    }
    .footer,.footer-two{display: none}
    .phonefooter{display: block}
    .msgbox-01{
        width: 60%;
    }
    .moredown{
       top: -20%
    }
    .Carttitle{
        display: inherit;
        float: left;
        margin-left: 5%;
    }
    .closeCart{
        display: inline-block;
    }
    .con_left,.con_right{
        max-height: 310px;
        width: 100%;
        overflow: auto;
        position: fixed;
    }
    .con_right{
       left:-100%
    }
   .checkout-sure{
        width: 80%;
        position: fixed;
        vertical-align: middle;
        z-index: 999999;
        left: 0;
        right: 0;
        margin: auto;
        bottom:14.5%;
       transform: translate(0,0);
    }
   .f-tishi{
       line-height: 26px;
   }
    .store-sure{
        width: 80%;
        position: fixed;
        vertical-align: middle;
        z-index: 999999;
        left: 0;
        right: 0;
        margin: auto;
        bottom:14.5%;
        transform: translate(0,0);
        display: none;
    }
    .checkcenter{
        width: 100%;
        border-radius: 0px;
        box-shadow: 0px 5px 23px -5px rgba(0,0,0,.4);

    }
    .styler{
        border-right:1px solid #e2dfdf;
        background-color:#efeeee;
        color:#969595;
        width: 35%;!important;
        font-size: 1.2rem;
    }
    .phonecarttitle{
        background-color: #0b73cb;
        color:#FFFFFF
    }
    .delCloseIcon{
        display: block;
        position: absolute;
        right:0
    }
    .GoodsInfo{
        left: 34%;
    }
    .checkout{
        line-height: 450%;
    }
    .gotostore{
        line-height: 440%;
    }
    .pro_list_wrapper ul li {
    	display: block;
    	width: 100%;
    	margin-bottom: 2%;
    }
    .pro_list_wrapper ul li h4 {
    	padding-left: 25%;
    }
    .pro_list_wrapper ul li .msg .text a {
    	margin-top: -4%;
    }
    .pro_list_wrapper ul li .msg .text {
    	padding-left: 3%;
    }
}
/*手机滑动样式*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}