@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none;}
img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}


a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#ff0000;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1160px; margin:0 auto}

@media all and (max-width:1500px){
}
@media all and (max-width:1380px){
}

    video::-webkit-media-controls{
        display:none !important;
    }


/* leftsead */



.banner { overflow:hidden}
.banner ul li img { display:block; width:100%} 

body { max-width:750px; margin:0 auto}
.bg1 { background:url(../images/head_bg.png) top no-repeat #f5f5f5; background-size:100% 80%; padding-top:50px}
.bg0 { background:url(../images/index_bg.jpg) center no-repeat #ED014C; background-size:100% auto ; position:relative}



.login { position:absolute; left:0; right:0; top:0; bottom:0;}
.login img { position:absolute; top:20%; left:15%; width:70%; display:block}
.login a { display:block; position:absolute; bottom:15%; left:25%; width:50%; display:block; line-height:40px; color:#ED014C; font-size:16px; text-align:center; background:#fff; border-radius:20px; box-shadow:0 0 3px #D9A140}
.login i { padding-right:5px}

.logo { width:32%; left:34%; position:absolute; bottom:5%}
.logo img { display:block; width:100%}

.index_1 { background:#fff}
.index_1 .top_xx { width:90%; margin:0 auto; font-size:16px; line-height:30px; padding-top:5px}

.index_1 .top_cs { width:90%; margin:0 auto; overflow:hidden; padding-bottom:10px; padding-top:0px}
.index_1 .top_cs .tc_grxx { float:right; text-align:center; font-size:14px; width:40%}
.index_1 .top_cs .tc_grxx font { font-size:16px; display:block; color:#F40044}
.index_1 .top_cs .tc_grxx i { color:#F40044}
.index_1 .top_cs .tc_jfjl { float:left; text-align:center; font-size:14px; width:40%}
.index_1 .top_cs .tc_jfjl font { font-size:18px; display:block; color:#F40044}


.index_2  { background:#fff; padding:10px 0 10px; margin-top:10px}
.index_2 .top_an { overflow:hidden; width:90%; margin:0 auto}
.index_2 .top_an ul li { float:left; width:33.3%; padding:20px 0; text-align:center; font-size:14px}
.index_2 .top_an ul li a { display:block}
.index_2 .top_an ul li img { width:40%; margin:0 auto; padding-bottom:5px; display:block; max-width:52#}


.index_3 { width:90%; margin:0 auto 0 auto; border-bottom:1px #eee solid; line-height:34px; font-size:12px; padding-bottom:5px; margin-bottom:15px}
.index_3 h3 { float:left; padding-left:5px; padding-right:10px; font-size:12px; color:#888}
.index_3 h3 i { color:#333}



.index_4 { width:90%; margin:0 auto}
.index_4 h2 { overflow:hidden; padding-bottom:20px}
.index_4 h2 a { display:block; float:left; padding:0 10px; background:#666; color:#fff; line-height:24px; margin-right:20px; border-radius:3px; font-weight:normal; font-size:12px}
.index_4 h2 a.on { background:#0188FF}

.index_4 ul li { background:#fff; border:1px #eee solid; box-shadow:0 0 5px #eee; overflow:hidden; margin-bottom:15px; position:relative}
.index_4 ul li img { display:block; float:left; width:70px; height:70px; margin:10px 15px}
.index_4 ul li h3 { padding-top:10px; font-size:16px; height:45px}
.index_4 ul li h4 { line-height:20px; color:#888; font-size:12px}
.index_4 ul li h4 font { color:#0188FF; font-size:18px}
.index_4 ul li h5 { position:absolute; right:15px; bottom:10px}
.index_4 ul li h5 i { color:#0188FF; font-size:18px}
.index_4 ul li h5 span { padding:0 10px; display:none}
.index_4 ul li h5 i.fa-minus-square-o { display:none}




.head { height:50px; text-align:center; font-size:18px; line-height:50px; background:url(../images/head_bg.png) top no-repeat; background-size:100% auto; color:#fff; position:relative}
.head i { display:block; position:absolute; left:10px; top:0; line-height:50px; font-size:18px; color:#fff}


.cn { width:90%; margin:0 auto; padding:20px 0}
.cn .cn_title { padding-bottom:15px; border-bottom:1px #ddd solid}
.cn .cn_title h1 { font-size:18px; line-height:24px}
.cn .cn_title h3 { padding-top:5px; font-size:14px; color:#888}


.cn .cn_body { padding-top:20px; font-size:14px; line-height:26px}
.cn .cn_body img { max-width:100%}



.shop_top { position:relative; overflow:hidden}
.shop_top .bd { overflow:hidden}
.shop_top .bd ul li img { display:block; width:100%}
.shop_top .hd { position:absolute; left:0; width:100%; bottom:10px; text-align:center}
.shop_top .hd ul li { padding:0 5px; display:inline;}
.shop_top .hd ul li i { font-size:12px; color:#aaa}
.shop_top .hd ul li.on i { color:#0188FF}



.shop_tit { width:90%; margin:0 auto; padding-bottom:10px; position:relative}
.shop_tit h1 { font-size:16px; padding-top:15px}
.shop_tit h3 { font-size:14px; color:#888}
.shop_tit h3 font { font-size:24px; color:#0188FF; padding-right:5px}
.shop_tit h4 { color:#aaa; text-align:center; line-height:30px; position:absolute; right:0; top:15px}


.shop_xx { border-top:10px #f5f5f5 solid; margin-bottom:80px}
.shop_xx h2 { padding-top:15px; text-align:center; font-size:16px}
.shop_xx h2 a { padding-bottom:10px; border-bottom:1px #0188FF solid}

.shop_xx .xx_body { padding:15px}
.shop_xx .xx_body img { max-width:100%}


.shop_bottom { position:fixed; left:0; right:0; bottom:0; height:60px; border-top:1px #ddd solid; background:#fff; z-index:777}
.shop_bottom a { float:left; line-height:60px; color:#888; padding-left:10px; padding-right:10px; font-size:14px}
.shop_bottom i { color:#888}
.shop_bottom h3 { float:right; padding:0 25px; line-height:60px; font-size:18px; text-align:center; color:#fff; background:#0188FF}
.shop_bottom h3 a { display:block; padding:0; float:none; color:#fff}
.shop_bottom h4 { float:right; padding:0 15px; line-height:60px; font-size:18px; text-align:center; color:#fff; background:#10C5FE}
.shop_bottom h4 a { display:block; padding:0; float:none; color:#fff}
.shop_bottom p { line-height:60px; text-align:right;}
.shop_bottom p font { color:#0188FF; font-size:18px}
.shop_bottom h3 button { display:block; padding:0; float:none; line-height:60px; font-size:18px; color:#fff; display:block; background:#0188FF}




.tishi { position:fixed; z-index:99999; left:0; top:0; right:0; bottom:0; display:none}
.tishi a { position:absolute; left:50%; top:50%; margin-left:-94px; margin-top:-24px; width:188px; height:48px; background:rgba(0,0,0,0.7); text-align:center; font-size:14px; color:#fff; line-height:48px; border-radius:5px}


.user_3 { width:90%; margin:0 auto; padding-top:15px}
.user_3 ul li { overflow:hidden; padding:10px 0; border-bottom:1px #ddd solid; text-align:right}
.user_3 ul li img { width:60px; height:60px; border-radius:50%}
.user_3 ul li h3 { float:left; line-height:30px;}
.user_3 ul li input { float:right; line-height:28px; height:28px; text-align:right; width:60%; background:#f5f5f5}
.user_3 ul li textarea { float:right; height:100px; text-align:right; width:60%; background:#f5f5f5}
.user_3 ul li label input { float:none; width:auto; line-height:20px; height:20px}
.user_3 ul li.u1 h3 { line-height:60px;}

.user_3 .inp_xw2 { width:90%; margin:0 auto; display:block; background:#0188FF; text-align:center; line-height:40px; font-size:18px; color:#fff; border-radius:5px; margin-top:15px}
.user_3 a.inp_xw3 { width:90%; margin:0 auto; display:none; background:#333; text-align:center; line-height:40px; font-size:18px; color:#fff; border-radius:5px; margin-top:15px}





#gotop { position:fixed; right:10px; bottom:80px; width:40px; height:40px; background:#fff; border-radius:50%; box-shadow:0 3px 3px #ccc; line-height:40px; text-align:center; display:none}
#gotop i { font-size:18px; color:#888}





.cart { width:95%; margin:20px auto 80px auto; background:#fff; border-radius:10px; padding:20px 0 5px 0}
.cart.noclass { background:url(../images/emptyCart2.png) center no-repeat #f5f5f5; background-size:80% auto; height:400px}
.cart ul li { border-bottom:1px #ddd solid; padding-bottom:15px; width:90%; margin:0 auto 15px auto; position:relative}
.cart ul li img { display:block; float:left; width:70px; height:70px; margin:0 15px 15px 0}
.cart ul li h3 { font-size:16px;}
.cart ul li h4 { line-height:20px; color:#888; font-size:12px;}
.cart ul li h4 font { color:#0188FF; font-size:18px}
.cart ul li h5 { position:absolute; right:0; bottom:15px; border:1px #ddd solid; width:30%}
.cart ul li h5 a { display:block; width:32%; text-align:center}
.cart ul li h5 a.ft { border-right:1px #ddd solid; font-size:16px; display:block}
.cart ul li h5 a.fr { border-left:1px #ddd solid; font-size:16px; display:block}
.cart ul li h5 i { color:#0188FF; font-size:18px}
.cart ul li h5 font { color:#0188FF; font-size:14px}
.cart ul li h5 span { display:block; float:left; width:32%; text-align:center}
.cart ul li h5 input { display:block; float:left; width:32%; text-align:center; line-height:24px; height:24px}
.cart ul li i.fa-trash-o { float:right; color:#888; line-height:24px; font-size:16px;}
.cart ul li h5.tar { color:#888; text-align:right; border:0 none}
.cart ul li p { font-size:12px; color:#888}


.cart .liuyan { width:90%; margin:0 auto}
.cart .liuyan .quyu { width:100%; height:60px; background:#f5f5f5; margin:10px 0}

.heji { width:95%; margin:0 auto; background:#fff; border-radius:10px; padding:20px 0 20px 0; margin-bottom:80px}
.heji ul { overflow:hidden}
.heji ul li { line-height:30px; text-align:right; width:90%; margin:0 auto; font-size:12px}
.heji ul li h3 { float:left; font-size:12px; color:#888;}
.heji ul li span { color:#0188FF; font-size:18px;}


.qiehuan { width:95%; margin:10px auto 0px auto; background:#fff; border-radius:10px; padding:10px 0 20px 0}
.qiehuan h3 { width:90%; margin:0 auto 0 auto;}
.qiehuan h3 a { float:right; display:block; float:right; color:#888}
.qiehuan h1 { width:90%; margin:0 auto 0 auto; font-size:16px; font-weight:bold; padding-top:5px; line-height:30px}
.qiehuan h4 { width:90%; margin:0 auto 0 auto; color:#666}



.dizhi { position:fixed; left:100%; width:100%; top:0; height:100%; background:#fff; z-index:888}
.dizhi ul { padding:10px 0; width:90%; margin:0 auto}
.dizhi ul li { padding:10px 0; border-bottom:1px #ddd solid}
.dizhi ul li h3 { font-size:16px; font-weight:bold; padding-top:5px; line-height:30px}
.dizhi ul li h4 { color:#666}
.dizhi ul li h5 { text-align:right}
.dizhi ul li h5 a { padding-left:20px}
.dizhi ul li h5 label { float:left}
.dizhi ul li h5 input { display:block; float:left; height:20px; width:20px; margin-right:5px}



.dizhi .tianjia { width:90%; margin:0 auto}
.dizhi .tianjia a { display:block; line-height:36px; text-align:center; font-size:18px; background:#f5f5f5}


.dizhi .tjdz { display:none; padding-top:20px}
.dizhi .tjdz p { padding-bottom:15px; border-bottom:1px #ddd solid; width:90%; margin:0 auto; margin-bottom:15px; text-align:right}
.dizhi .tjdz p span { display:block; float:left; line-height:30px}
.dizhi .tjdz p input { line-height:28px; height:28px; text-align:right}
.dizhi .tjdz .tijiao { padding-top:5px; width:90%; margin:0 auto}
.dizhi .tjdz .tijiao a { display:block; line-height:36px; text-align:center; font-size:18px; background:#0188FF; color:#fff}
.dizhi .tjdz .quxiao { padding-top:5px; text-align:center}
.dizhi .tjdz .quxiao a { color:#888}



.dd_top { height:34px; border-bottom:1px #ddd solid}
.dd_top ul li { float:left; width:20%; text-align:center; line-height:34px}
.dd_top ul li.on a { color:#0188FF}

.dd_top2 { height:34px; border-bottom:1px #ddd solid}
.dd_top2 ul { width:80%; margin:0 auto}
.dd_top2 ul li { float:left; width:33.3%; text-align:center; line-height:34px}
.dd_top2 ul li.on a { color:#0188FF}

.dd_top3 { height:34px; border-bottom:1px #ddd solid}
.dd_top3 ul { width:80%; margin:0 auto}
.dd_top3 ul li { float:left; width:50%; text-align:center; line-height:34px}
.dd_top3 ul li.on a { color:#0188FF}


.dd_list { width:95%; margin:0 auto}
.dd_list ul li { margin-top:10px; background:#fff; border-radius:10px; padding:10px 15px}
.dd_list ul li h4 { border-bottom:1px #ddd solid; line-height:30px; padding-bottom:5px; font-size:12px; color:#888}
.dd_list ul li h4 font { display:block; float:right; font-size:16px; color:#0188FF}
.dd_list ul li h5 { border-top:1px #ddd solid; line-height:30px; padding-top:5px; text-align:right; overflow: hidden}
.dd_list ul li h5 a { display:block; width:80px; border:1px #339900 solid; color:#339900; margin-top:5px; text-align:center; line-height:24px; font-size:12px; float:left; margin-right:10px}
.dd_list ul li h5 font { font-size:16px; color:#0188FF; padding-right:5px}
.dd_list ul li h5 u { display:block; text-align:center; line-height:18px; font-size:12px;padding-top:5px}

.dd_list ul li p { overflow:hidden; background:#fafafa; padding:10px 10px 0 10px; font-size:12px; color:#888; line-height:20px}
.dd_list ul li p a { font-size:14px; color:#343434}
.dd_list ul li p img { display:block; width:90%; margin:0 auto; }
.dd_list ul li p span { float:right}
.dd_list ul li p font { display:block; font-size:14px; color:red; position:absolute; right:10px; top:15px}

.dd_list ul li u { background:#fafafa; display:block; text-align:center; line-height:30px;}

.dd_list ul li .te1 { display:none; width:100%; background:#f5f5f5; margin-top:10px; height:40px}
.dd_list ul li a.qrfh { display:none; width:80px; background:#339900; color:#fff; text-align:center; line-height:24px; font-size:12px; margin:0 auto}


.jifen { width:95%; margin:0 auto; background:#fff; border-radius:10px; margin-top:20px; padding:10px 0}
.jifen ul li { width:90%; margin:0 auto; overflow:hidden; text-align:right; padding:10px 0; border-bottom:1px #ddd dashed; font-size:12px; color:#888}
.jifen ul li h3 { float:left; text-align:left; width:50%; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.jifen ul li h4 { float:left; text-align:left; width:20%; color:#333}
.jifen .yue { width:90%; margin:0 auto; line-height:30px; padding-top:5px; text-align:right; border-bottom:1px #ddd dashed;}
.jifen .yue font { color:red; font-size:18px}


.member { width:95%; margin:0 auto; background:#fff; border-radius:10px; margin-top:20px; padding:10px 0 20px 0}
.member ul li { width:90%; margin:0 auto; overflow:hidden; text-align:right; padding:10px 0; border-bottom:1px #ddd dashed; font-size:12px; color:#888}
.member ul li h3 { text-align:left; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.member ul li h4 { float:left; text-align:left; width:60%; color:#888; font-size:12px}
.member ul li a { color:#0188FF}




.list { overflow:hidden; background:#fafafa; position:relative}
.list h2 { height:42px; background:#f5f5f5; position:fixed; left:0; top:0; width:100%; z-index:333}
.list h2 a { display:block; float:left; background:#0188FF; color:#fff; line-height:42px; padding:0 10px; font-size:14px}

.list .list_left { width:20%; height:90%; overflow-y:scroll; position:fixed; left:0; top:42px; padding-bottom:80px}
.list .list_left ul li { line-height:20px; border-bottom:1px #eee solid; font-size:12px;}
.list .list_left ul li a { display:block; padding:10px}
.list .list_left ul li.left_on { background:#666; color:#fff}
.list .list_left ul li.left_on a { color:#fff}

.list .list_right { float:right; width:80%; box-shadow:0 0 5px #ccc; background:#fff; padding-top:42px; padding-bottom:120px}
.list .list_right ul li { width:90%; margin:0 auto; border-bottom:1px #ddd solid; padding:10px 0; position:relative}
.list .list_right ul li p { float:right; font-size:12px; color:#888;}
.list .list_right ul li p span { color:red; font-size:16px}
.list .list_right ul li h3 { font-size:16px}
.list .list_right ul li h4 { color:#888; font-size:12px}
.list .list_right ul li h4 font { color:red; font-size:12px}
.list .list_right ul li h5 { position:absolute; right:5px; bottom:10px}
.list .list_right ul li h5 i { color:#0188FF; font-size:18px}
.list .list_right ul li h5 span { padding:0 10px; display:none}
.list .list_right ul li h5 i.fa-minus-square-o { display:none}



.chazhao { padding:15px 0; position:relative}
.chazhao input { width:86%; margin:0 auto; padding:0 2%; border:1px #ddd solid; line-height:32px; height:32px; border-radius:15px; margin:0 auto; display:block}
.chazhao i { position:absolute; top:15px; right:10%; line-height:32px}