/* CSS Document */
/* �������� */
html, body, iframe,
h1, h2, h3, h4, h5, h6, p, 
ol, ul, dl, dd, 
input, button, textarea, th, td, form {margin: 0;padding: 0;}

body {color: #666; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; }
ol, ul {list-style: none;}
a {color: #666;text-decoration: none;}

textarea {resize: none;}
a:active, a:focus{text-decoration: none;outline: none;color: #666;}
a:hover {text-decoration: none;}
img {border: none;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center;padding-top:15px;padding-bottom: 8px;}


.ly-banner img {width: 100%; margin:0; padding:0; vertical-align:middle;}


/* ͨ����ʽ */
#monographic .box980{width:980px; margin:0 auto;position: relative;}
#monographic  a.more{position: absolute;right: 50px;  top: 52px;line-height: 22px;font-size: 14px;color: #fff;text-decoration: underline;}
#monographic .blank5{height: 5px;}
#monographic .blank10{height: 10px;}
#monographic .mt-5{margin-top: 5px;}
#monographic .pos-r{position: relative;}

#monographic .video{width: 275px;height: 150px;background: url(../image/video_a.png) center no-repeat;display: block;position: absolute;top: 130px; left:32px}
#monographic .video:hover{background: url(../image/video_hover.png) center no-repeat;}
.clearfix:before{display: table;content: " ";}
.clearfix:after{clear: both;}

#monographic{background:#fff; font-size:14px; line-height:23px; min-width:960px}
#monographic .a_02{background: #08009d;height: 158px;}
#monographic .a_02 a{display: block;float: left;margin: 15px 10px 0 0}

#monographic .a_suit_box{height: 550px;position: relative;}
#monographic .a_suit_box a.a_suit_box_hover{position: absolute;top: 0;width:980px;height: 550px;display: block;z-index: 1;}

#monographic .banner_list {margin: 0 auto;padding:15px 0;}
#monographic .banner_list a{float:left;width: 20%;text-align: center;padding:5px;box-sizing: border-box;}
#monographic .banner_list a{}
#monographic .banner_list .banner_quick{}
#monographic .banner_list .banner_list_wrap{background: #fff;height: 90px;position: relative;}
#monographic .banner_list img {padding-top:10px;}
#monographic .banner_list a:hover{color: #ff6600;}
#monographic .banner_list span{display: block;position: absolute;bottom:10px;left:0;width:100%;}

#monographic .banner_quick {padding-bottom: 20px;}
#monographic .banner_quick a{float:left;width:16.666666%;}
#monographic .banner_quick img{margin-left:-4px;}

/* ģ����� */
#monographic .a_suit_lisheng{width: 140px;height: 95px;position: absolute;top: 0;left: 0;background: #ffff00;color: #e5004f;font-size: 18px;text-align: center;line-height: 40px;z-index: 2}
#monographic .a_suit_lisheng .ls_price{font-size: 44px;font-family: Arial;font-weight: 700;}
#monographic .a_suit_lisheng_right{right: 0;left: auto}
#monographic .a_suit_price{font-size: 22px;font-weight: 700;color: #ffff00;font-family: Arial;position: absolute;left: 45px;bottom: 40px;line-height: 50px;height: 50px;z-index: 2}
#monographic .a_suit_price b{font-size: 55px;margin-left: -8px;}
#monographic .a_suit_btn{width: 173px;height: 45px;line-height: 45px;text-align: center;background: #ff0066;color: #fff;border-radius: 20px;font-size: 20px;position: absolute;bottom: 42px;left: 210px;}
#monographic .a_suit_btn_right{left: 730px;}
#monographic .a_suit_price_right{left: 560px;}

#monographic .a_suit_video{width: 208px;height: 103px;position: absolute;left: 230px;bottom: 42px;border: 3px solid #fff;z-index: 2}
#monographic .a_suit_video_right{left: 545px;}
#monographic .a_play{width: 289px;height: 276px;background: url(../image/a_play.png) no-repeat center;display: block;position: absolute;top: 5px;}
#monographic .a_play:hover{background: url(../image/a_play_hover.png) no-repeat center;}
#monographic .a_play_s{width: 210px;height:122px; }
#monographic .a_play_xs {width: 208px;height: 103px;top: 0}

#monographic .a_suit_video{width: 208px;height: 103px;position: absolute;left: 230px;bottom: 42px;border: 3px solid #fff;z-index: 2}
#monographic .a_suit_video_right{left: 545px;}
#monographic .a_play{width: 289px;height: 276px;background: url(../image/a_play.png) no-repeat center;display: block;position: absolute;top: 5px;}
#monographic .a_play:hover{background: url(../image/a_play_hover.png) no-repeat center;}
#monographic .a_play_s{width: 210px;height:122px; }
#monographic .a_play_xs {width: 208px;height: 103px;top: 0}

/*#monographic .a_suit_line_01{border-bottom: 1px solid #c58ef8}
#monographic .a_suit_line_02{border-bottom: 1px solid #8c8c8c}
#monographic .a_suit_line_03{border-bottom: 1px solid #34bebf}*/


#monographic  .aiken_more{width: 70px;margin: 0 auto;padding:3px 8px;font-size: 16px;color: #fff;border-radius: 20px; background-color:#3ba343; position:absolute; right:10px;bottom:20px;}
#monographic  .aiken_more.kesuosi{ background-color:#c83dd6;}
#monographic  .aiken_more.morebrand{ background-color:#335be1;}
#monographic  .aiken_more.freetiaoshi{ background-color:#ff7d00;}
#monographic  .aiken_more.moneytiaoshi{ background-color:#004fff;}
#monographic  .aiken_more.lexiang{ background-color:#a634e8;}
.clearboth{clear:both;}
.pr{position:relative;}




#monographic .a_01{background: url(../image/gt_01.jpg) no-repeat center;height: 370px;}
#monographic .a_02{background: #e24000;height: 158px;}
#monographic .a_02 a{display: block;float: left;margin: 27px 8px 0 0}
#monographic .a_left{width: 300px;float: left;}
#monographic .a_right{width: 674px;float: right;}

#monographic .a_box{width: 200px;height: 175px;float: left;background: #fff;margin: 0px 7px 0px 0;position: relative;padding: 10px;display: block;}
#monographic a.a_con{text-decoration: none;display: block;width: 100%;height: 100%;}
#monographic .a_box .a_tit{line-height: 20px;height:40px;overflow: hidden;}
#monographic .a_box .a_price{color: #ff5600;font-weight: 700;font-size: 16px;margin-top: 5px;}
#monographic .a_box .img{position: absolute;right: 0;bottom: 0;}
#monographic .a_box .img img{width: 126px;height: 126px;}

#monographic .a_brand{text-align: center;padding:10px 0 0px 0;background: #fff;margin-top: 7px;}
#monographic .a_brand a{width: 140px;height: 78px;float: left;display: block;font-size: 12px;}
#monographic .a_brand a:hover{text-decoration: none;}
#monographic .a_brand img{height: 45px}
#monographic .a_brand .a_more{width: 70px;margin: 0 auto;padding: 2px 5px;font-size: 16px;color: #fff;border-radius: 20px;}



#monographic .slideTxtBox{margin-bottom: 30px;height:270px;overflow: hidden;}
#monographic .slideTxtBox .hd{ height:55px; line-height:55px;position:relative; }
#monographic .slideTxtBox .hd a{color: #fff;}
#monographic .slideTxtBox .hd .on a{color: #e6004f;text-decoration: underline;}
#monographic .slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:0px; height:60px;   }
#monographic .slideTxtBox .hd ul li{ float:left; width:137px;cursor:pointer;  font-size: 20px;text-align: center;height: 55px;line-height: 55px;font-weight: bold;margin-right: 3px;}
#monographic .slideTxtBox .hd ul li.on{  color: #e5004f; background: #fff!important;}
#monographic .slideTxtBox .bd{background: #e9e9e9;color: #333;}
#monographic .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
#monographic .slideTxtBox .bd li{ height:24px; line-height:24px;}

#monographic .a_box_width{width: 168px;margin: 0px 5px 0px 0;}
#monographic .a_box_width img{width: 120px!important;height: 120px!important}

#monographic .gt_more {border:2px solid #f1f1f1;border-radius: 30px;height: 50px;line-height: 50px;width: 220px;margin: 10px auto;display: block;font-size: 20px;color:#fff;text-align: center;}


#monographic .a_vide{background: #fff;height: 337px;position: relative;}
#monographic .a_vide .img{height: 276px;position: relative;padding: 5px;}
#monographic .a_vide .tit{text-align: center;padding: 10px 0; }
#monographic .a_vide .tit a{color:#5700bf;}
#monographic .a_box .a_play_tit{text-align: center;padding: 5px 0; }
#monographic .a_box .a_play_tit a{color:#5700bf;}
#monographic .a_box_w{width: 210px;height: 155px;padding: 5px;}


#monographic .a_sd a{width: 190px;height: 190px;display: block;float: left;position: relative;margin:0px 7px 7px 0;background: #fff;text-align: center;}
#monographic .a_sd .a_tit{height: 23px;overflow: hidden;line-height: 23px;padding: 0 10px;margin-top: 12px}


#monographic .a_zx a{width: 465px;height: 170px;padding:10px;display: block;float: left;position: relative;margin: 0px 10px 10px 0;background: #fff;}
#monographic .a_zx a:nth-child(2n){margin-right: 0}
#monographic .a_lx{background: #fff;margin-bottom: 20px}
#monographic .b_more_1{position: absolute;bottom: 15px;right: 10px;color: #fff;background: #720028;padding: 2px 15px;border-radius: 15px;}


/* �������� */
#floatmenu{text-align: center;width: 138px;left: 50%; margin-left: 500px; z-index: 5;bottom:30%; position: fixed !important;position:absolute;}
#floatmenu ul li{font-size: 14px;background: #339900;height: 38px;border-bottom: 1px solid #53af02; color:#fff;}
#floatmenu ul li a{height:38px;line-height: 38px;display: block;color:#fff;}
#floatmenu ul li a:hover{text-decoration:none;color: #017458;background: #9de308;}

#floatmenu h5{height:70px;background: url(../image/gt_fix.png) no-repeat center bottom;position: absolute; top: -64px; left: 0; width: 100%;}


#monographic .more-brand {
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    margin: 0px 0 15px 0; 
}
#monographic .more-brand a{ color:#ff2e67; text-align:center; font-size:14px;}

#monographic .a_suit_lisheng {
    width: 115px;
    height: 95px;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffff00;
    color: #e5004f;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    z-index: 2;
}
#monographic .a_suit_lisheng .t_tehui {
    background: #cc00cc;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
#monographic .a_suit_lisheng .ls_price {
    font-size: 34px;
    font-family: Arial;
    font-weight: 100;
}

#monographic .a_suit_lisheng_right {
    right: 0px;
    left: auto;
}

#monographic .recommendList {padding-bottom: 25px;}
#monographic .recommendList a {float:left;width: 20%;box-sizing: border-box;height:200px;}
#monographic .recommendList a img{}


#monographic .order_show_list {padding:0 0 30px 0;}
#monographic .order_show_list .show_wrap{float: left;width: 20%;box-sizing: border-box;padding:5px;}
#monographic .order_show_list .show_wrap a{display: block;background: #fff;}
#monographic .order_show_list .show_wrap a:hover span{color:#ff6600;}
#monographic .order_show_list .show_wrap a span{display: block;padding:15px 0;text-align: center;color:#666;}
#monographic .order_show_list .show_wrap a img{width: 100%;}

#monographic .box960 {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
#monographic .section_l {
    height: 398px;
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
}
#monographic .section_l .weizhial1 {
    padding: 0px;
    float: left;
}
#monographic .section_l .weizhial2 {
	padding: 38px 0px 0px 0px;
    float: left;
}
#monographic .section_l .weizhial3 {
    padding: 38px 0px 0px 0px;
    float: right;
}

@media (max-width:1380px){
  #floatmenu{
    right: 32px;
    left: inherit;
  }
}