﻿@charset "utf-8";

html{color:#000;background:#fff;  }

body { color:#666;font-size:12px;font-family: "Microsoft Yahei";min-width: 1200px; width: 100%;} /*网站字体颜色*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

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

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:underline;}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

/* -- 购物车外部框架 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}





/* -- 页面整体布局 -- */

.header , .content , .footer { width:1200px; margin:0 auto;  }





/* function */

h2 a:hover{ text-decoration: none;}

input,textarea{ outline:none; }

textarea{ resize:none;}

em{ font-style: normal;}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

.f_cb,.f_cbli li{zoom:1;}

.f_ib{display:inline-block;*display:inline;*zoom:1;}

.f_dn{display:none;}

.f_db{display:block;}

.f_pr{position:relative;}

.f_pa{position:absolute;}

.f_fl{float:left;}

.f_fr{float:right;}

.f_prz{position:relative;zoom:1;}

.f_oh{overflow:hidden;}

.f_fa{font-family:Arial, Helvetica, sans-serif;}

.f_fw{ font-family:"Microsoft Yahei" }



.f_fwn{font-weight:normal;}

.f_fwb{font-weight:bold;}

.f_tal{text-align:left;}

.f_tac{text-align:center;}

.f_tar{text-align:right;}

.f_csp{cursor:pointer;}



/*头部开始*/





/*头部结束*/





/*底部开始*/









/*底部结束*/







/*表单弹框*/

.nsw-modal {

    width: 100%;

    height: 100%;

    background: rgba(225, 225, 225, 0.5);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99999; 

}

.modal-dialog {

    position: fixed;

    color:#000000;

    top: 150px;

    width: 400px;

    border-radius: 3px;

    min-height: 155px;

    overflow: hidden;

    z-index: 99998;

    margin-left: -200px;

    left: 50%; 

}

.modal-dialog .css-icon {

    background-image: url("../images/modal-icons.png"); 

}

.modal-dialog .modal-head {

    height: 30px;

    line-height: 30px;

    padding: 0px 20px;

    background: #F6EFEF;

    font-size: 14px; 

}

.modal-dialog .modal-head .modal-logo {

    width: 15px;

    height: 15px;

    background-position: 1px 0px;

    margin: 8px 5px 0 0;

    float: left; 

}

.modal-dialog .modal-head .close {

    float: right;

    width: 15px;

    height: 15px;

    background-position: -14px 0px;

    margin-top: 8px; 

}

.modal-dialog .modal-body {

    width: 100%;

    min-height: 125px;

    background: #ffffff; 

}

.modal-dialog .modal-body .modal-body-left {

    width: 140px;

    float: left; 

}

.modal-dialog .modal-body .modal-body-left .icon {

    width: 64px;

    height: 64px;

    margin: 30px 0 0 48px; 

}

.modal-dialog .modal-body .modal-body-left .success-message {

    background-position: 0px -14px; 

}

.modal-dialog .modal-body .modal-body-left .warming-message {

    background-position: 0px -78px; 

}

.modal-dialog .modal-body .modal-body-right {

    width: 260px;

    float: right;

    padding-top: 20px; 

}

.modal-dialog .modal-body .modal-body-right .close-btn {

    color: #000;

    text-align: center;

    width: 90px;

    display: inline-block;

    height: 24px;

    line-height: 24px;

    background: #818079; 

}

.modal-dialog .modal-body .modal-body-right p {

    line-height: 30px; 

}
