@charset "utf-8";
/*基础样式*/
*{ padding:0; margin:0;}
ul,li,ol{ list-style:none;}
a:link,a:visited{ color:#666;}
a:hover{ color:#fd4326;}
.stylea{text-decoration:none!important;}
/*公共样式*/

/*背景*/
.bg-white{background: #fff;}
.bg-red{background: #fd4326;}
.bg-defautl{background:#f0f0f0;}
.bg-black{ background:#000;}
.bg-gray{ background:#333;}
.bg-gray2{background:#e3e3e3;}
.bg-one{background-color:#ddd;}
.bg-two{background-color:#fff;}
.bg-mouseimage-1-23{ background:url(/themes/default/img/mouse1.png) no-repeat left 1px;}
.bg-mouseimage-1-23:hover{ background:url(/themes/default/img/mouse1.png) no-repeat left -40px;}
.bg-mouseimage-2-23{ background:url(/themes/default/img/mouse2.png) no-repeat left 1px;}
.bg-mouseimage-2-23:hover{ background:url(/themes/default/img/mouse2.png) no-repeat left -40px;}
.bg-mouseimage-3-23{ background:url(/themes/default/img/mouse3.png) no-repeat left 1px;}
.bg-mouseimage-3-23:hover{ background:url(/themes/default/img/mouse3.png) no-repeat left -40px;}
.bg-mouseimage-4-23{ background:url(/themes/default/img/mouse4.png) no-repeat left 1px;}
.bg-mouseimage-4-23:hover{ background:url(/themes/default/img/mouse4.png) no-repeat left -40px;}
.bg-mouseimage-5-23{ background:url(/themes/default/img/mouse5.png) no-repeat left 1px;}
.bg-mouseimage-5-23:hover{ background:url(/themes/default/img/mouse5.png) no-repeat left -40px;}

/*宽度*/
/*.page{ width:1170px;}*/
.margintop-20{ margin-top:-20px;}
.margintop10{ margin-top:10px;}
.margintop40{ margin-top:40px;}
.margintop20{ margin-top:20px!important;}
.margintop50{margin-top:50px!important;}
.marginbottom10{ margin-bottom:10px!important;}
.marginbottom20{margin-bottom:20px!important;}
.marginbottom50{margin-bottom:50px;}
.marginbottom55{margin-bottom:55px;}
.margin-h-auto{ margin-left:auto; margin-right:auto;}
.marginleft2{ margin-left:2px;}
.marginleft15{ margin-left:15px;}
.marginleft10{ margin-left:10px;}
.marginleft20{ margin-left:20px;}
.marginleft30{margin-left:30px;}
.marginleft35{margin-left:35px;}
.marginleft80{ margin-left: 80px;}
.marginright5{margin-right:5px;}
.marginright15{ margin-right:15px!important;}
.marginright30{margin-right:30px;}
.marginright35{ margin-right:35px;}
.nomargin{margin:0;}
.margincenter{margin:0 auto;}
/*padding*/
.nopadding{ padding:0;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.norightpadding{ padding-right:0;}
.paddingleft1{ padding-left:1px;}
.paddingleft5{ padding-left:10px;}
.paddingleft10{ padding-left:10px;}
.paddingleft18{ padding-left:18px;}
.paddingleft30{ padding-left:30px;}
.paddingleft40{ padding-left:40px;}
.paddingleft100{ padding-left:100px;}
.paddingleft200{ padding-left:200px;}
.paddingleft225{ padding-left:225px;}
.paddingright10{ padding-right:10px;}
.paddingright30{ padding-right:30px;}
.paddingright80{ padding-right:80px;}
.paddingright100{ padding-right:100px;}
.paddingright5{ padding-right:10px;}
.paddingright2{ padding-right:2px;}
.paddingleft2{ padding-left:2px;}
.paddingtop5{ padding-top:5px;}
.paddingtop10{ padding-top:10px;}
.paddingtop15{ padding-top:15px;}
.paddingtop20{ padding-top:20px;}
.paddingtop30{ padding-top:30px;}
.paddingtop40{ padding-top:40px;}
.paddingtop60{ padding-top:60px;}
.paddingbottom10{ padding-bottom:10px;}
.paddingbottom20{ padding-bottom:20px;}
.paddingbottom28{ padding-bottom:28px;}
.paddingbottom30{ padding-bottom:30px;}
.paddingbottom60{ padding-bottom:60px;}
.paddingbottom20{ padding-bottom:20px;}
.paddingbottom35{ padding-bottom:35px;}
.paddingtop1p{ padding-top:1%;}
.nopaddingleft{ padding-left:0;}
/*width*/
.width12p{width: 12%;}
.width19p{width: 19%!important;}
.width20p{width: 20%;}
.width32p{width: 32%;}
.width70{ width:70px;}
.width50{ width:50px;}
.width30{ width:30px;}
.width90{ width:90px;}
.width80{ width:80px;}
.width100{ width:100px;}
.width120{ width:120px;}
.width160{ width:160px;}
.width200{ width:200px!important;}
.width250{ width:250px;}
.width300{ width:300px;}
.width350{ width:350px;}
.width100p{ width:100%;}
.width99p{ width:99%;}
.height185{height:185px;}
.height1{height:1px!important;}
.height158{ height:158px;}
.noborder{ border:none;}
.nobg{ background:none;}
.text-gray{ color:#666;}
.text-black{color:#666;}
.text-bold{ font-weight:700;}
.text-red{ color:#fd4326!important;}
.text-white{ color:#fff;}
.text-orange{ color:#f60;}
.text-yellow{color:#ffc600;}
.text-line-through{ text-decoration:line-through;}
.text-line-height-100p{ line-height:100%;}
.text-line-height-200p{ line-height:200%;}
.text-line-height{ line-height:180%;}
.text-line-height p{ line-height:180%;}
.text-line-height span{ line-height:180%!important;}
.text-line-height-220p{ line-height:220%;}
.text-line-height-260p{ line-height:260%;}
.text-line-height-400p{ line-height:400%;}
/*font*/
.fontsize100p{font-size:100%;}
.fontsize120p{font-size:120%;}
.fontsize110p{font-size:110%;}
.fontsize150p{font-size:150%;}
.fontsize200p{font-size:200%;}
.fontsize400p{font-size:400%;}
.fontsize80p{font-size:80%;}
.fontsize60p{font-size:60%;}
.fontsize5px{ font-size:5px;}
.font-style-italic{ font-style:italic;}
.font12{font-size: 12px;}
/*border*/

.border-bottom-solid{ border-bottom:1px solid #3f3f3f!important;}
.border-top-solid{ border-top:1px solid #ccc;}
.border-bottom{ border-bottom:1px solid #ccc;}
.border-left-solid{ border-left:1px solid #ccc;}
.border-right-solid{ border-right:1px solid #ccc;}
.border-solid-gray{ border:1px solid #ccc;}
.border-solid-white{ border:1px solid #fff;}
.border-width-2{ border-width:2px;}
.border-width-4{ border-width:4px;}
.border-red{ border-color:#fd4326;}
.border-danger{ border:1px solid #e00;}
.border-white{ border-color:#fff;}
.border-white-black{border-color:#ddd;}
.border-black{ border-color:#000;}
.border-gray{ border-color:#ccc;}
.border-gray-white{border:1px solid #3f3f3f;}

/*display/*/
.displaynone{ display:none;}
.displayinlineblock{ display: inline-block}
.displayblock{ display:block;}

/*shape*/
.square17{ width:17px; height:17px;}
.square22{ width:22px; height:22px;}
.square20{ width:20px; height:20px;}
.square31{ width:31px; height:31px;}
.square40{width:40px;height:41px;}
.square50{ width:50px; height:50px;}
.square80{ width:80px; height:80px;}
.square100{ width:100px; height:100px;}
.square90{ width:90px; height:90px;}
.square120{ width:120px; height:120px;}
.square180{width:180px;height:180px;}
.square200{ width:200px; height:200px;}
.circular20{ width:20px; height:20px; border-radius:10px; }
.radius-righttop-leftbottom-50{ border-radius:0 50px 0 50px;}
.radius-righttop-leftbottom-45{ border-radius:0 45px 0 45px;}
.radius-righttop-leftbottom-35{ border-radius:0 35px 0 35px;}
.radius-all-2{ border-radius:2px;}
/*endtime*/
.countDownendTips{line-height:110px;padding-left:40px;}
/*mouse*/
.pointer{ cursor:pointer;}
/*position*/
.absolute{ position:absolute;}
.relative{ position:relative;}
.zindex100{ z-index:100;}
.zindex1{z-index:1;}
/*btn*/
.btn-paypal{ background:#f9bf36; color:black!important;}
.btn-paypal:link,.btn-orange:visited{ background:#f9bf36; color:#fff;}
.btn-paypal:hover{ background:#f9bf36; color:black!important;}

.btn-red{ background:#fd4326; color:#fff;}
.btn-red:link,.btn-red:visited{ color:#fff;}
.btn-red:hover{ background:#333; color:#fff;}

.btn-black{ background:#333; color:#fff!important;}
.btn-black:link,.btn-black:visited{ background:#333; color:#fff;}
.btn-black:hover{ background:#fd4326; color:#fff!important;}



.btn-white{ background:#333; color:#fff;}
.btn-white:link,.btn-white:visited{color:#fff;}
.btn-white:hover{color:#f20;}

.btn-orange{ background:#fd4326; color:#fff;}
.btn-orange:link,.btn-orange:visited{ background:#fd4326; color:#fff;}
.btn-orange:hover{ background:#333; color:#fff;}

/*auto*/
.overauto{overflow: auto;}

/*overfloat*/
.overflowhidden{ overflow:hidden;}

/* middle*/
.middle{ vertical-align: middle!important;}

/*word-break: break-all;*/
.word-break{word-break: break-all;}


/*public font*/

/*OpenSans-Bold*/
body{ font-family:open_sansregular,open_sansbold,open_sanssemibold!important;background-color: #fff;}
@font-face {
    font-family: 'open_sansbold';
    src: url('/themes/default/css/fonts/OpenSans-Bold-webfont.eot');
    src: url('/themes/default/css/fonts/OpenSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('/themes/default/css/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/themes/default/css/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/themes/default/css/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*OpenSans-Regular*/
@font-face {
    font-family: 'open_sansregular';
    src: url('/themes/default/css/fonts/OpenSans-Regular-webfont.eot');
    src: url('/themes/default/css/fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('/themes/default/css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/themes/default/css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/themes/default/css/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*OpenSans-Semibold*/
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/themes/default/css/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/themes/default/css/fonts/OpenSans-Semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('/themes/default/css/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/themes/default/css/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/themes/default/css/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*header*/
.header{ height:76px; color:#ccc; line-height:76px;}
.header ul{ float:left;}
.header ul li{ float:left;}
.header ol{ float:right;}
.header ol li{ float:left; padding:0px 10px;}
.header a:link,.header a:visited{ color:#ccc;}
.header a:hover{ color:#fd4326;}
.header .position{ position:absolute; left:30px; top:28px; line-height:16px; text-align:center;}
.header .relative{ position:relative;}
.header .relative img{ padding-right:2px; margin-top:-2px;}
.header ol li:hover ul{ display:block;}
.header ol li:hover div.cartlist{display:block;}
.header .currencylist{ width:130px; border-top:2px solid #fd4326; left:-20px; top:60px; background:#000; padding:0px; z-index:5; opacity:0.9;}
.header .currencylist li{ width:100%; float:left; padding-right:0px; line-height:40px; text-align:left;}
.header .currencylist li:hover{ background:#000;}
.header .currencylist li img{ margin-right:40px;}
.header .cartlist{ width:250px; border-top:2px solid #fd4326; left:-135px; top:60px; padding:2px 10px; background:#000; z-index:5;}
.header .cartlist dl{ width:100%; border-bottom:1px solid #ccc; padding:10px;}
.header .cartlist dl:hover{ background:#000;}
.header .cartlist dt{ width:50px; height:50px; overflow:hidden; float:left;}
.header .cartlist dt img{ width:50px; margin-top:1px;}
.header .cartlist dd{ line-height:23px; text-align:left;padding-left: 66px;}
.header .cartlist .headercolor{color:#fd4326;}
.header .carticon{ position:absolute; left:26px; top:30px; width:18px; line-height:14px;  text-align:center;height:16px;color:#fd4326;border-bottom: 1px solid #fd4326;font-size: 16px;}

/*导航*/
.mainnav{ height:110px;}
.mainnav img{ float:left; margin-top:30px;}
.mainnav ul{ float:right;}
.mainnav ul li{ line-height:108px; height:108px; padding:0px 10px; float:left;}
.mainnav li a{ text-decoration:none; display:block;}
.mainnav ul li a:link,.mainnav ul li a:visited{ color:#fff;}
.mainnav ul li a:hover{ color:#fd4326; border-bottom:2px solid #f20;}
.mainnav ul li:hover div.subnav{ display:block;}
.mainnav ul li .subnav{ width:740px; border-top:2px solid #f20; left:-650px; top:105px; background:#000; padding:0px 20px; opacity:0.9; z-index:10;}
.mainnav ul li .subnav dl{ width:220px; float:left; margin-left:10px; border:none; padding-top:10px;}
.mainnav ul li .subnav dl dt{ border-bottom:2px solid #ccc; width:190px; line-height:30px; text-align:left; border-bottom:1px solid #ccc; color:#fff; line-height:40px;margin-bottom: 10px;}
.mainnav ul li .subnav dl dd{ line-height:30px; text-align:left; line-height:40px;}
.mainnav ul li .subnav dl dd a:hover{border:none;}

/*轮播图*/
.carousel .carousel-control{ font-size:50px; line-height:600px; border:none;}

/*quest*/
.questbtn{ position:relative;}
.questdetail{ background:#000; position:absolute; left:-200px; width:400px; top:20px; border-top:4px solid #f00; padding-top:10px; z-index:2000; color:#fff;font-family: open_sansregular,open_sansbold,open_sanssemibold;}
.questdetail p{line-height:140%;}
.questbtn:hover .questdetail{ display:block;}

/*页脚*/
.footer{ color: #ccc;}
.footer a:link,.footer a:visited{ color:#888888;}
.footer a:hover{ color:#fd4326;}
.footer li{ line-height:30px; font-size:12px;}
.footerpfont{color:#888888!important;}


/*pages*/
.pages{ text-align:center;}
.pages span,.pages a{ padding:2px 5px;}
.jspage a{color:#fd4326;}
/*购物车*/
.cart{ color:#333; margin:0 auto;}
.cart a{ text-decoration:none; font-size:100%;}
/*jsnews*/
.jsnews a{color:#fd4326;}

/*会员*/

.icon_header{ width:50px; height:50px; border:2px solid #f60; border-radius:25px; margin-left:20px;}
/*pagination*/
.pagination a{color:#333!important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #fd4326;
    border-color: #fd4326;
    cursor: default;
}
/*
     */
/*
*/