/* 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;}

.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: #65009f;height: 158px;}
#monographic .a_02 a{display: block;float: left;margin: 15px 8px 0 0}



/* ��װģ��*/
#monographic .a_suit_box{height: 811px;position: relative;}
#monographic .a_suit_box a.a_suit_box_hover{position: absolute;top: 0;width:980px;height: 790px;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;right: 59px;bottom: 100px;line-height: 50px;height: 50px;z-index: 2}
#monographic .a_suit_price b{font-size: 55px;margin-left: -4px;}
#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: 48px;
    left: 770px;
}
#monographic .a_suit_btn_right{
    right: 15px;
    bottom: 42px;
}
#monographic .a_suit_price_right{
    right: 36px;
    bottom:98px;
}


#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_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_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: 60px;
    margin: 0 auto; 
    text-align:center;
    padding:3px 8px;
    font-size: 16px;
    color: #fff;
    border-radius: 20px; 
    background-color:#43ce60; 
    position:absolute; 
    right:35px;
    bottom:30px;
}

#monographic .aiken_more img{
    margin-bottom: 1px;
    margin-left: 2px;
}

#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 .bottom_brand{
    margin-bottom:15px;
    position: relative;
    clear: both;
}
#monographic .bottom_brand .bottom_brand_link{
    position: absolute;
    width: 120px;
    height: 78px;
    display: inline-block;
    bottom: 0;
    left: 27px;
}
#monographic .bottom_brand .bottom_brand_link2{
    position: absolute;
    width: 120px;
    height: 78px;
    display: inline-block;
    bottom: 0;
    left: 163px;
}
#monographic .bottom_brand .bottom_brand_link3{
    position: absolute;
    width: 120px;
    height: 78px;
    display: inline-block;
    bottom: 0;
    left: 303px;
}
#monographic .bottom_brand .bottom_brand_link4{
    position: absolute;
    width: 120px;
    height: 78px;
    display: inline-block;
    bottom: 0;
    left: 436px;
}
#monographic .bottom_brand .bottom_brand_link5{
    position: absolute;
    width: 120px;
    height: 78px;
    display: inline-block;
    bottom: 0;
    left: 577px;
}
#monographic .bottom_brand .bottom_brand_link6{
    position: absolute;
    width: 120px;
    height: 78px;
    display: inline-block;
    bottom: 0;
    left: 712px;
}


#monographic .a_01{background: url(../image/gt_011.jpg) no-repeat center;height: 355px;}
#monographic .a_left{width: 300px;float: left;}
#monographic .a_right{width: 674px;float: right;}

#monographic .a_box{width: 201px;height: 175px;float: left;background: #fff;margin: 0px 5px 0px 0;position: relative;padding: 10px;display: block;}
#monographic .slide_box{
    width:169px;
}
#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: #ff0066;height: 38px;border-bottom: 1px solid #e00057; color:#fff;}
#floatmenu ul li a{height:38px;line-height: 38px;display: block;color:#fff;}
#floatmenu ul li a:hover{text-decoration:none;color: #fff;background: #990033;}

#floatmenu h5{height:85px;background: url(../image/gt_fix1.png) no-repeat center bottom; background-size: cover;position: absolute; top: -84px; 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: 19.5%;box-sizing: border-box; margin-right:4px; margin-bottom: 5px;}
#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 .recom-header{
    width:967px;
    margin:0 auto;
    overflow: hidden;
    padding:20px 0;
}
#monographic .recom-header h3{
    color:#ffff00;
    float:left;
    font-size:24px;   
}

#monographic .recom-header ul{
    padding-top:35px;
}

#monographic .recom-header li{
    float:right;
    color:#fff;
    padding-left:10px;
}

#monographic .recom-header li a{
    color:#fff;
    font-size:18px;
}

#monographic .recom-header .vertical_split{
    display: inline-block;
    margin-left:10px;
}

#monographic .recom-slide-wrap{
    width:967px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
}


#monographic .outside-link{
    background:#0036ab;
    padding:20px 0;
}
#monographic .outside-link a{
    color:#fff;
    font-weight:600;
    text-align: center;
    width:300px;
    height:48px;
    font-size:16px;
    line-height: 48px;
    border-radius: 999em;
    margin:0 auto;
    display: block;
    background:#057ce0;
}

#monographic .outside-link img{
    margin-bottom:1px;
    margin-left:2px;
}

#monographic .tiaoshi p{
    text-align: center;
}
#monographic .tiaoshi span.danpin{
    text-align: center;
    line-height: 189px;
}

#monographic .tiaoshi ul{
    width:100%;
    box-sizing: border-box;
    background:#e9e9e9;
    padding:7px;
    overflow: hidden;
    padding-right:3px;
}

#monographic .tiaoshi ul li{
    float:left;
    margin-right:5px;
    width:189px;
    height:189px;
    background:#fff;
    text-align: center;
}


#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_right {
    right: 0px;
    left: auto;
}

#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_video {
    width: 208px;
    height: 103px;
    position: absolute;
    left: 212px;
    bottom: 42px;
    border: none;
    z-index: 2
}

#monographic .a_suit_video_right {
    left: 545px;
}


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