@charset "utf-8";




<!--导航开始-->
/*tiaokuan*/



/* header */
.header{position:relative;height:auto;background:#006fe2;width:100%;}
.header .logo{display:block;width:100px;height:50px;/*padding:10px 0 0 10px;*/}
.header .logo img{display:block;height:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;height:50px;text-indent:20px;background:url(../images/icon-user.png) no-repeat center left;background-size:16%;line-height: 50px;color:#fff;padding:0 15px;}

.header .user-icon span{display:block;color:#fff;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:641px){body{width:100%;margin:auto;}}


<!--导航结束-->

.photos{ box-shadow:0 0 3px #999; width:28%; height:180px; padding:5px; margin:1%; float:left; font-size:12px;}

.indexleft{ width:20%; float:left; position:relative; overflow:hidden;}
.indexleft a{ height:40px; width:100%; line-height:40px; text-align:center; display:block; border-bottom:1px #ccc solid; font-size:12px;}
.indexleft a.t{ font-size:13px;}
.indexleft a.active{ background:#ff4900; color:#fff; border-bottom:#ff4900;}
.indexright{ width:80%; float:right; position:relative; overflow:hidden;}

.yhq{ display:block; position:relative; overflow:hidden; margin:30px 0;}
.yhq .ttt{ float:left; margin-right:20px;}
.yhq a{ display:inline-table; border:1px #fff solid; float:left; padding:0 20px; margin-right:20px;}
.yhq a.choose { border:1px #ff4900 solid;}

/* 大转盘样式 */
.banner{display:block;width:90%; margin-top:10%; margin-left:-1.8%;}
.banner .turnplate{display:block;width:100%;position:relative; background-repeat:no-repeat;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:38.6%;top:23%;}
#wheelcanvas{ margin-left:5%;}
.item{margin-top:3%;}

.cjttt{ line-height:50px; text-align:center;}
.cjttt2{ line-height:30px; padding:0 5%; background:#b9b9b9; position:relative; overflow:hidden;}
.cjttt2 span{ float:right;}
.cjttt3{ line-height:30px; padding:0 5%; position:relative; overflow:hidden;}
.cjttt3 span{ float:right;}

.mob{width:90%; margin:30px 5%;}
.mob input{ border:1px #ccc solid; background:#fff; height:40px; line-height:40px; padding:0 5px; width:95%; position:relative;}
.mob input.sen{ height:25px; line-height:25px; width:27%; position:absolute; margin-left:-30%; margin-top:-35px;}
.mob input.mobsub{ background:#ff4900; height:35px; line-height:35px; color:#fff; text-align:center; width:99%; border:none; margin-top:20px;}

#loginmodalsesne{ display:none; position:fixed; width:100%; min-height:600px; left:50%; top:50%; margin-left:-50%; margin-top:-285px; z-index:99999999999;}
.facker{width:100%; min-height:740px; background-color:#fff; margin:50px auto; padding:20px 0;}
.freedom{width:90%; margin:0 5%;}
.people{width:100%; line-height:2; position:relative; overflow:hidden;}
.people a{font-size:14px !important; float:right;}
.people ul{border-bottom:2px solid #ccc; margin-top:-30px;}
.people li{text-align:left; font-size:14px; margin-bottom:15px; position:relative; overflow:hidden;}
.people span{ display:block; float:left; width:60%;}
.people li select{border:1px #ccc solid; width:31%;}
.people li input{width:31%; margin-right:1%; float:left;border: 1px #ccc solid;}
.yello{width:210px; height:45px; background-color:#ceb78a; line-height:45px; margin-top:20px; color:#FFF; text-align:center; cursor:pointer}
input[readonly]{ background:#eee;}
a.second{ float:right;}
a.second div{
    width: 50px;
    height: 50px;
    background: url(themes/default/image/x1.jpg) no-repeat 0px;
	margin-right: 15px;
}
.dnone{ display:none;}

/*购物车*/
.nav2{ width:100%; margin:0 auto; height:37px; line-height:37px; text-align:center; font-size:14px; border-bottom:2px solid #eee}
.btn8{ display:inline-block; text-align:center; line-height:24px; width:57px; height:24px; background:#ff4a00; color:#fff}
.btn8:hover{ color:#FFF}
.ul3{ width:100%; height:auto; margin:0 auto; font-size:12px;}
.diyi{ width:100%; height:38px; line-height:38px}
.diyi li{ text-align:center; float:left}
.dier{ width:100%; height:auto; position:relative; overflow:hidden; border:1px solid #ececec;}
.dier li{ float:left; text-align:center; line-height:30px; overflow:hidden}
.shuliang{ width:70px; height:50px; margin:0 auto; margin-top:10px;}
.quabu{ width:100%; border:1px solid #ececec; margin:0 auto; line-height:48px; font-size:12px;}
.jiesuna{ width:90%; height:35px; line-height:35px; margin:10px 5%; background:#ff4a00; border:none; color:#FFF; text-align:center; position:relative;}
/*订单*/
.oter{ padding:0 15px; text-align:right;}
.oters{ padding:0 15px; text-align:center;}
.xuanze{ width:100%; height:auto; background:#484f59; color:#fff; margin:0 auto; padding-bottom:10px;}
.xuanze2{width:100%; height:110px; margin:0 auto}
.font2{ color:#fff; line-height:30px; margin-top:20px; padding:0 15px; position:relative; overflow:hidden;}
.qingdan{ width:90%; margin:0 5%; margin-top:20px;}
.qingdan p{ padding:5px 0; font-weight:bold}
.ge{ width:100%; height:315px; border:1px solid #eee}
.ge_nav{ width:100%; height:30px; border-bottom:1px solid #eee;line-height:30px;}
.ge_nav div{ width:33%; height:30px; float:left;}
.fours{ width:190px; height:30px; float:left; text-align:center}
.net{ width:100%; position:relative; overflow:hidden;}
.net div{ width:33%; height:124px; float:left;}
.net div img{ width:80%;}
.four2{ width:190px; height:124px; float:left; text-align:center;line-height:124px;color:#ff4a01}
.xiaoji{ width:100%; height:30px; border-top:1px dashed #eee; margin:0 auto; margin-top:5px; text-align:right; line-height:30px; font-weight:bold}
.jies{ width:100%; background:#fff;}
.jifen2{ width:100%; height:30px; text-align:right; line-height:30px; color:#6a6868; border-bottom:1px #ccc solid;}
.jifen2 span{ float:left;}
.btnn{ width:100%; height:32px; line-height:32px; background:#ff4900; border:none; color:#fff; margin:10px 0;}
/*订单完成*/
.zhuti{ width:100%; margin:0 auto}
.gongxi{ width:90%; border:1px solid #ff4a00; margin:50px auto; text-align:center; padding:50px 0;}

.banban tr p{ display:block;}
.banban tr p input[type="text"]{ width:58%; float:right;}
.solo{ width:100%; height:32px; background:#ff4900; border:none; text-align:center; color:#fff; line-height:32px; margin:0 auto; display:block}

.zzsc{ width:100%; height:auto; background:#fff;}
.zzsc .tab{ overflow:hidden; background:#ccc;}
.zzsc .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#3f3e3e;}
.zzsc .tab a:hover{ background:#000000; color:#fff; text-decoration:none;}
.zzsc .tab a.onit{ background:#000000; color:#fff; text-decoration:none;}
.zzsc .content{ overflow:hidden; padding:10px;}
.zzsc .content li{ display:none;opacity:1 !important;}

.ruler{ margin:30px 10%; width:80%;}
.ruler textarea{ border:1px #ccc solid; background:none; width:99%; height:430px;}

/*收货地址*/
.moren{ width:90%; border-bottom:1px #ddd solid; padding-bottom:10px; margin:0 5% 10px; position:relative; overflow:hidden;}
.mormain{ width:100%; height:82px; margin:0 auto; padding-top:10px;}
.mo-NAV{ width:100%; height:25px; border-bottom:1px dashed #efefef; line-height:25px;}
.mormain p{ padding:3px 0}
.moren2{ width:90%; height:124px; background:url(../images/dizhi1_03.jpg) no-repeat; margin:10px 5%; }
.che{ width:64px; height:34px; margin:0 auto; margin-top:30px;}
.btn5{ width:100%; height:32px; background:#ff4900; border:none; text-align:center; color:#fff; line-height:32px; margin:0 auto; display:block}
a.cllan{ color:#ff4900; margin-right:10px;}
/*添加收货地址*/
.tian{ width:90%; margin:20px 5%;}
.qiec{ width:67px; height:60px; margin:0 auto; text-align:center; padding-top:100px;}
.tian ul li{ width:100%; line-height:33px; margin:10px 0}
.zl{ width:100%; height:33px; display:block;}
.yr{ width:100%; min-height:33px; display:block; position:relative; overflow:hidden;}
.inpt{ width:99%; height:31px; border:none; border-bottom:1px solid #ccc}
.xiala{ width:90%; height:32px; border:none; border-bottom:1px solid #ccc; text-align:center; margin:0 5%; display:block;}
.danxuan{ width:16px; height:16px; background:#99cc33; float:left}
.morens{ width:100%; }
.btms{ width:90%; margin:20px 5%;}
.btn6{ width:100%; height:42px; border:none; background:#ff4a00; color:#FFF; text-align:center; line-height:42px; margin-bottom:10px; }
.btn7{ width:100%; height:42px; border:none; background:#57585a; color:#FFF; text-align:center; line-height:42px; }

#user_act{width:80%; height:auto; margin:0 10%;}
#user_act .ttt{ line-height:50px; margin-top:20px; text-align:center;}
#user_act img{ margin:20px 0; width:100%;}

.tab1{width:100%; height:auto;}
.menudiv{width:100%; height:auto; margin:0;}
.menu1{height:35px;border-bottom:#cccccc solid 2px;}
.menu1 li{float:left;width:33%;text-align:center;line-height:35px;height:35px;cursor:pointer;color:#666;font-size:14px;overflow:hidden;}
.menu1 li.off{background:#FFFFFF;color:#ff4a00; border-bottom:2px solid #ff4a00;}
.menudiv .ttt{ line-height:50px;}

.menu2{ position:relative; height:40px; width:100%; padding:0; margin-bottom:10px; overflow:hidden;}
.menu2 li{ float:left; display:inline-table; width:25%; height:30px; margin-top:5px; text-align:center;  }
.menu2 li.onit{ border-bottom:2px #ff4900 solid; color:#333;}

.tables{ width:100%; border-collapse:collapse;}
.tables tr{ height:45px; text-align:center}
.tables tr td{ border:1px solid #ccc; margin:0px; padding:0px}

.biao{ width:90%; padding:10px 5%;}
.biao ul{ width:100%; font-size:12px;}
.biao ul li{ height:32px; line-height:32px; margin:5px 0; background:url(../images/g_17.png) no-repeat right center; background-size:auto 60%; border-bottom:1px #cecece solid; padding-right:5%;}
.biao ul li.n{ background:none;}
.biao .zuo{ width:28%; float:left;}
.biao .you{ width:68%; float:right; text-align:right;}
.biao .you input{ border:none; background:none; height:32px; line-height:32px; text-align:right;}
.biao .you a.clcheng2{ background:#ff4900; color:#fff; width:80px; height:26px; line-height:26px; margin:3px 0; text-align:center; display:inline-block;}
.biao .you input.tie{ background:#6e6e6e; color:#fff; width:80px; height:26px; line-height:26px; margin:3px 0; text-align:center; display:inline-block;}
.biao ul li.img{ line-height:66px; height:66px; background-size:auto 33%;}
.biao li.img .you img{ width:60px; height:60px; margin:3px 0; border:1px #ccc solid; border-radius:50% 50%; display:inline-block;}
.biao li.img .you input[type="file"]{ width:60px; height:60px; margin-left:-60px; position:absolute; opacity:0;}
.biao .you2{ width:8%; float:right; text-align:right;}

a.yuyue{width:90%; margin:20px 5%; line-height:28px; height:28px; background:#ff4a00; color:#fff; display:block; text-align:center;}

#loginmodalsesne{ display:none; position:absolute; width:90%; left:50%; top:50%; margin-left:-45%; margin-top:-285px; z-index:99999999999;}
.facker{width:100%; height:630px; background-color:#fff; margin:50px auto;}
.freedom{width:90%; margin:20px auto;}
.freedom h1{float:left}
.people{float:left; width:100%; line-height:2;}
.people a{font-size:14px !important; float:right;}
.people ul{border-bottom:2px solid #ccc; padding-bottom:20px;}
.people li{text-align:left; font-size:14px; position:relative; overflow:hidden; display:block;}
.people span{ display:block;}
.people li select{border:1px #ccc solid; width:99%;}
.people li input{width:99%;    border: 1px #ccc solid;}
.yello{width:100px; height:30px; background-color:#ceb78a; line-height:30px; color:#FFF; text-align:center; cursor:pointer; margin:20px auto; border:none;}

#tipbox{ position:absolute; width:90%; min-height:400px; background:#fff; border:1px #ccc solid; line-height:30px; top:50%; left:50%; margin-top:-220px; margin-left:-45%; display:none;}
#tipbox .tit{ height:50px; line-height:50px; border-bottom:1px #ccc solid; margin-bottom:10px; font-size:18px;}
#tipbox .in{ overflow-y:auto; overflow-x:hidden; padding:10px; }
#tipbox table{ width:100%;}
#tipbox table td{ border-top:1px #ccc solid;}

.mymian2{ width:100%; margin:0 auto; height:auto; position:relative; overflow:hidden;}
.shou{ width:100%; overflow:hidden; height:auto; position:relative;}
#outer {width:100%; height:auto;}
#qiehuans {overflow:hidden;zoom:1; width:100%; height:35px; border-bottom:1px solid #ececec}
#qiehuans li {float:left;color:#000; width:33%; height:33px;cursor:pointer;	line-height:33px; text-align:center;}
#qiehuans li.current {color:#ff4a00; border-bottom:2px solid #ff4a00}
#content { width:90%; margin:10px 5%; height:auto; position:relative; overflow:hidden;}
#content ul{position:relative; overflow:hidden;}
#content ul li{ width:50%; height:200px; float:left}
#content ul li p{ padding:0 10px; text-align:center;}

.table2{ width:100%; height:auto;border-collapse:collapse; display:block;}
.table2 tbody, .table2 tr{ width:100%; display:block;}
.table2 tr td{ border:1px solid #eee; text-align:center; width:auto;}
.table2 tr td img{ width:100px; height:100px;}

#aduser{ background:url(../images/login.png) center center; background-size:auto 100%; padding:20px; text-align:center;}
#aduser img{ width:75px; height:75px; border-radius:50% 50%;}
#aduser .c1{ color:#ff4800; line-height:30px;}
#aduser .c2{ background:#ff4800; width:40%; height:30px; line-height:30px; text-align:center; color:#fff;}

#aqbaduser{overflow: hidden;  }
#aqbaduser img{ width:100%; }
#aqbaduser .c1{ color:#ff4800; line-height:30px;}
#aqbaduser .c2{ background:#ff4800; width:40%; height:30px; line-height:30px; text-align:center; color:#fff;}


.mmain .teacher{
	display: block;
	width: 100%;
}
.mmain .teacher a{
	display: block;
	font-size: 18px;
	text-align: center;
	padding: 20px 0 30px;
}
.mmain .studan{
	display: block;
	position: relative;
	overflow: hidden;
}
.mmain .studan ul{
	display: block;
	position: relative;
}
.mmain .studan .aimo{
	display: block;
	position: relative;
	text-align: center;
	width:100px;
	height:30px;
	margin:  0 auto;
	border:0 ;
	background:#fb8700;
	color:#fff;
}
.mmain .studan ul li{
	display: block;
	width: 50%;
	height: 30px;
	padding:7px 0 ;
	float: left;
}
.mmain .studan ul li a{
font-size: 12px;
	display: block;
	float: left;
	text-align: right;
}
.mmain .studan ul li input{
	display: block;
	position: relative;
	float: right;
}

.mmain .righting{
	display: block;
	padding: 15px 0;
}

.mmain .righting .aimo{
	display: block;
	position: relative;
	text-align: center;
	width:100px;
	height:30px;
	margin:  0 auto;
	border:0 ;
	background:#fb8700;
	color:#fff;

}
.mmain .studans22{
	display: block;
	position: relative;
	overflow: hidden;

}
.mmain .studans22 li{
	display: block;
	position: relative;
	overflow: hidden;
}
.mmain{width:95%; margin:20px auto;}






.bloglist{ margin:10px 0px; position:relative;}
.bloglist a.title{ color:#000000; font-size:14px; font-weight:bold; line-height:30px; text-indent:25px; display:block;}
.bloglist a.title2{ color:#000000; font-size:14px; font-weight:bold; line-height:18px; padding-left:15px; display:block;}
.bloglist .content{ padding:10px;}
.bloglist .more{background:url(../images/g_17.png) no-repeat right center; background-size:auto 60%;}
.bloglist .lined{ margin:1px auto; height:1px; line-height:1px; border-bottom:1px solid #cfdbe0; display:block;}
.notice1{ display:block; background:url(../images/g_16.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice2{ display:block; background:url(../images/g_17.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice3{ display:block; background:url(../images/g_21.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice4{ display:block; background:url(../images/g_23.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice5{ display:block; background:url(../images/g_25.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice6{ display:block; background:url(../images/g_27.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice7{ display:block; background:url(../images/p_03.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice8{ display:block; background:url(../images/p_07.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice9{ display:block; background:url(../images/p_10.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice10{ display:block; background:url(../images/p_12.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice11{ display:block; background:url(../images/p_15.png) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}

.notice12{ display:block; background:url(../images/byt_03.jpg) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}
.notice13{ display:block; background:url(../images/byt_06.jpg) no-repeat left center; background-size:auto 95%; text-indent:25px; font-size:14px;}

.bbuser{ position:relative; width:90%; padding:30px 5% 10px; height:59px; background:#f5f5f5;}
.bbuser a{ display:inline-block; height:59px; float:left;}
.bbuser a.b1{background:url(../images/g_03.png) no-repeat center center; background-size:auto 100%; width:25%;}
.bbuser a.b2{background:url(../images/g_05.png) no-repeat center center; background-size:auto 100%; width:25%;}
.bbuser a.b3{background:url(../images/g_07.png) no-repeat center center; background-size:auto 100%; width:25%;}
.bbuser a.b4{background:url(../images/g_09.png) no-repeat center center; background-size:auto 100%; width:25%;}

.bbb{ display:block; height:50px; width:100%; position:relative; overflow:hidden;}
.bb{ position:fixed; bottom:0px; left:0px; width:100%; height:49px; border-top:1px #a3a3a3 solid; background:#fff; z-index:100;}
.bb span, .bb a{ display:inline-block; height:49px; float:left;}
.bb a.off{ opacity:0.7;}
.bb a.b1{background:url(../images/bb03.png) no-repeat center center; background-size:auto 100%; width:22%;}
.bb a.b2{background:url(../images/bb05.png) no-repeat center center; background-size:auto 100%; width:22%;}
.bb a.b3{background:url(../images/bb07.png) no-repeat center center; background-size:auto 100%; width:22%;}
.bb a.b4{background:url(../images/bb09.png) no-repeat center center; background-size:auto 100%; width:22%;}
.bb span{background:url(../images/bb.png) no-repeat center center; background-size:auto 100%; width:4%;}

#ttnav{ position:relative; height:40px; width:90%; padding:0 5%; overflow:hidden;}
#ttnav a{ float:left; display:inline-table; width:50%; height:30px; margin-top:5px; text-align:center;}
#ttnav a span{ color:#999999; line-height:30px;}
#ttnav a.onit span{ border-bottom:1px #333 solid; color:#333;}

#changelist{ position:relative; width:90%; padding:0 5%; overflow:hidden;}
#changelist .ttt{ line-height:50px;}
#changelist .ttt strong{ color:#ff4800;}
#changelist img{ float:left; display:inline-table; width:46%; height:auto; margin:10px 1%; border:1px #666 solid;}
#changelist img.r{ float:right;}

#changelists{ position:relative; width:90%; padding:0 5%; overflow:hidden;}
#changelists .ttt{ line-height:50px;}
#changelists .ttt strong{ color:#ff4800;}
#changelists .tttt{ line-height:30px; margin:10px 0; text-align:center; font-size:14px; background:#ddd;}
.shaix{ width:100%; height:auto; border:1px solid #f2f2f2; border-top:none; overflow:hidden; display:none;}
.shaix .fenle{ width:100%; min-height:25px; margin:0 auto; padding:10px 0; border-bottom:1px dashed #ececec; position:relative; overflow:hidden;}
.shaix .fenle li{ line-height:25px; float:left; margin-left:10px;}
.shaix li.fan{ width:230px; height:40px; float:right;}
.shaix .fanchid{ width:230px; height:25px; line-height:25px; margin-top:7px;}
.shaix .input2{ width:67px; height:25px; border:1px solid #d2d2d2; margin:0 3px;}
.shaix .btnns{ width:67px; height:25px; background:#ff4a00; color:#FFF; text-align:center; line-height:20px; float:right}
.fangshi{ width:100%; height:50px; border:1px solid #f2f2f2; background:#f7f7f7; margin-top:12px;}
.fangshi .fs_main{ width:auto; height:32px; line-height:32px; margin-top:10px; margin:0 auto; margin-top:10px;}
.fangshi .paixu{ width:90%; height:30px; padding:0 5%;}
.fangshi .paixu li{ width:24.1%; height:30px; line-height:30px; text-align:center; float:left; background:#fff; border:1px solid #fff; border-right:1px solid #eaeaea;}
.fangshi .paixu li:hover, .paixu li.active{ border:1px solid #ff4a00;}

.uls{ width:100%; height:auto; margin:0 auto; padding:10px 0}
.uls li{ width:49%; height:245px; border:1px solid #eeeeee; float:left; overflow:hidden}
.uls li .img{ width:100%;}
.uls li p{ text-align:center; font-weight:700; display:block;}
.uls .duihua{ width:100%; height:40px; text-align:center; margin:0 auto; margin-top:10px; line-height:15px;}
.uls .duihua span{display:block;}
.anright{ width:16px; height:30px; float:right; line-height:10px; margin-top:3px; margin-right:3px}
.rig{ width:88px; height:24px; background:#ff4a00; border:none; line-height:18px;color:#fff; margin-top:10px;}
.rigs,a.rigs{ width:80px; height:24px; background:#ff4a00; color:#fff; line-height:24px;color:#fff; margin-left:5px; margin-top:5px; border-radius:5px; float:right; border:none; font-size:12px;}
.fenye{ width:100%; min-height:42px; padding:20px 0; position:relative; overflow:hidden;}
.shang{ width:64px; height:28px; border:1px solid #c3c3c3; line-height:28px; text-align:center; float:left; margin-bottom:5px; margin-top:10px;}
.shuzi{ width:auto; height:28px; margin:0 20px; float:left; margin-bottom:5px; margin-top:10px;}
.shuzi li{ float:left; width:28px; height:26px; line-height:26px; text-align:center; border:1px solid #e0e0e0; margin-right:3px}
.shuzi li:hover, .shuzi li.pageon{ width:30px; height:28px; background:#ff4a00;}
.shuzi li.shuzi li:hover a, .shuzi li.pageon a{color:#FFF; margin-bottom:5px; margin-top:10px;}
.rigt{ width:130px; height:30px; float:left; margin-left:10px;}
.inou{ width:38px; height:28px; border:1px solid #d2d2d2; margin:0 5px; text-align:center;}
.buut{ width:54px; height:28px; background:#ff4a00; color:#FFF}
.buut2{width:54px; height:28px; background:#ff4a00; float:left}

.xmainsc{ width:90%; margin:10px 5%; padding:10px 0; position:relative; overflow:hidden;}
.xmainsc img{max-width:100%; margin:5px 0;}
.xmains{ width:80%; margin:10px 5%; padding:10px 5%; border:1px solid #ddd; position:relative; overflow:hidden;}
.xmains img{max-width:100%; margin-bottom:10px;}
.xmains .biaot{ font-size:18px; margin-bottom:10px; display:block;}
.xmains .brief_wx1{ padding:5px 0; font-size:12px; border-bottom:1px #ccc solid;}
.xmains .brief_wx2{ padding:5px 0 10px; font-size:12px; color:#636363;}
.xmains .fenss{ color:#ff4900; padding:5px 0; font-size:16px;}
.xmains .addtocart{ background:#ff4900; height:35px; line-height:35px; color:#fff; text-align:center; font-size:18px; display:block; width:100%; border:none; margin:10px 0;}
.xmains .fenv{ font-size:12px; padding:5px 0; position:relative; overflow:hidden;}
.xmains .fenv p{ float:left; width:50%; color:#ff4900;}
.xmains .mini{ padding:10px;}
.xmains .mini.active{border:1px solid #ff4a00}
.xmains .ov{ overflow:hidden}
.xmains .shui{ width:32px; height:30px; border:1px solid #bfbfbf; text-align:center; line-height:30px;}
.xmains .cal-button{ width:30px; height:32px; border:1px solid #bfbfbf; line-height:30px; text-align:center}
.xmains .shar{ border:1px #c9c9c9 solid; width:40%; height:35px; background:url(../images/s_03.png) no-repeat center center; background-size:auto 100%; float:left;}
.xmains .coll{ border:1px #c9c9c9 solid; width:40%; height:35px; background:url(../images/s_05.png) no-repeat center center; background-size:auto 100%; float:right;}
.xmains a.nnnn{ background:#565656; height:35px; line-height:35px; color:#fff; text-align:center; font-size:16px; display:block; width:100%; border:none; margin:10px 0;}

.loginbox{ margin:30px 50px;}
#loginFormBox .bx{ position:relative; overflow:hidden; margin:10px 0;}
#loginFormBox .bx span{ width:25%; line-height:30px; display:inline-block; float:left;}
#loginFormBox .bx input{ width:74%; height:28px; border:1px #999 solid; float:right;}
#loginFormBox .bx a{ color:#ff4900;}
#loginFormBox .lack{ position:relative; overflow:hidden; margin:10px 0; text-align:center;}
#loginFormBox .lack input{ width:55%; height:35px; line-height:35px; border:none; background:#ff4900; color:#fff;}
#loginFormBox .lack font{ display:block; margin-top:20px;}

.regbox{ margin:30px; font-size:12px;}
#regFormBox .bx{ position:relative; overflow:hidden; margin:10px 0;}
#regFormBox .bx span{ width:25%; line-height:30px; display:inline-block; float:left;}
#regFormBox .bx input{ width:50%; height:28px; border:1px #999 solid; float:right;}
#regFormBox .bx font{ display:inline-block; width:24%; float:right;}
#regFormBox .bx font input{ background:#ff4900; color:#fff; width:100%; height:30px; border:none; font-size:12px;}
#regFormBox .bx a{ color:#ff4900;}
#regFormBox .lack{ position:relative; overflow:hidden; margin:20px 0; text-align:center;}
#regFormBox .lack input{ width:55%; height:35px; line-height:35px; border:none; background:#ff4900; color:#fff;}
#regFormBox .lack font{ display:block; margin-top:20px;}

#actlist{ padding:20px; position:relative; overflow:hidden;}
#actlist img{ float:left; width:33%;}

.scroll{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:90%; z-index:10;}
.mod_01{float:left;width:100%;height:100%;}
.mod_01 img{display:block;width:100%;}
.dotModule_new{width:100%;height:11px;line-height:6px;position:absolute;bottom:10px;left:0;text-align:center;z-index:11;}
#slide_01_dot{text-align:center;margin:3px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#acacac;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#ffffff;}

#bottom{ position:fixed; bottom:0; left:0; width:100%; height:10%; z-index:90; overflow:hidden;}
#bottom a{ background:url(../images/bottom.png) no-repeat right; background-size:auto 100%; float:left; width:34%; height:100%; text-align:center;}
#bottom a.last{ margin-right:-2%;}
#bottom a img{ height:100%;}
.a1{ position:absolute; bottom:10%; left:1%; width:31%; height:auto; z-index:100; display:none;}
.a2{ position:absolute; bottom:10%; left:34%; width:32%; height:auto; z-index:100; display:none;}
.a3{ position:absolute; bottom:10%; left:68%; width:31%; height:auto; z-index:100; display:none;}
.a1 a,.a2 a,.a3 a{ display:block; margin-bottom:1px; background:#4c4c4c; color:#fff; text-align:center; width:100%; height:35px; line-height:35px;}

#productlist{ }
#productlist .inside{ padding:3px 10px; text-align:center; position:relative; overflow:hidden;}
#productlist .inside img{ width:25%; float:left;}
#productlist .ttt{ margin:3px 2%; line-height:30px; font-size:16px; font-weight:bold; color:#333; text-align:left;}
#productlist .list{ min-height:30px; position:relative; overflow:hidden;}
#productlist .list .bigimg{ width:100%; position:relative; z-index:20;}
#productlist .list .tt{ font-size:16px; color:#333; font-weight:bold; position:absolute; left:5px; top:5px; z-index:100; display:none;}
#productlist .list.active .tt{ display:block;}
#productlist .list .prolist{ padding-top:30px; position:relative; overflow:hidden; display:none;}
#productlist .list .prolist a{ display:inline-block; width:31%; margin:1%; line-height:2em; font-size:14px; float:left; text-align:center; position:relative; overflow:hidden;}

#share{ padding:0 10%; color:#616161; line-height:24px; font-size:14px; position:relative; overflow:hidden; margin-bottom:10px;}
#share a.top{ float:left; color:#616161; background:url(../images/p.png) no-repeat left center; background-size:auto 80%; display:inline-block; height:24px; padding-left:30px;}

#bottom2{ background:#616161; padding:0 10%; width:80%; clear:both; position:relative; overflow:hidden;}
#bottom2 li{ width:50%; float:left;}
#bottom2 li a{ display:block; line-height:28px; color:#fff;}

#ad{padding-top:50px;}
#info{ line-height:25px; font-size:14px; }

.divbox{ position:absolute; left:0; top:50px; z-index:1400; width:100%; background:#fff; padding:10px;
box-shadow: 0 0 30px #ccc;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.divbox textarea{ border:1px #ccc solid;}
.divbox label{ font-size:18px; font-weight:bold; padding:10px; display:block}
.box_close{ width:44px; height:40px; cursor:pointer; float:right; display:block; text-align:right}




.tt{ font-size:16px; color:#333333; font-weight:bold; padding:15px 0 10px 0px;}
#info .content{ color:#333333; padding:5px;}
#info .content img{ max-width:100%;}
#info .baojia table{ width:100%; line-height:25px;padding:0px 15px 15px 15px; }
#info .baojia table input{width:15%;}
#info .search{ width:70%; margin:10px auto 50px;}
#info .search .ttt{ font-size:14px; color:#333333; font-weight:bold; padding:10px 0 0 0;}
#info .search .tttt{ font-size:14px; color:#333333; padding:2px 0;}
#info .search input[type="text"]{ width:96%; height:40px; line-height:40px; padding:0 2%; border:1px #999 solid; background:none; color:#666;}
#info .search select{ width:100%; height:40px; line-height:40px; padding:0; border:1px #999 solid; background:none; color:#666;}
#info .search input[type="submit"],#info .search input[type="button"]{ border:none; background:#616161; color:#ffffff; width:100%; height:42px; line-height:42px;}

#info .ttres{ font-size:16px; color:#333333; font-weight:bold; padding:5px; text-align:left;}
#info .searchres{ margin:10px 10% 30px;}
#info .searchres .ttt{ font-size:14px; color:#333333; font-weight:bold; padding:5px; width:30%; float:left;}
#info .searchres select{ width:50%; height:30px; line-height:30px;}

#info .ttress{ font-size:16px; color:#333333; font-weight:bold; padding:5px; text-align:left; position:absolute; margin-top:0; margin-left:0; width:100%; line-height:30px; z-index:100;}
#info .searchlists{ line-height:22px; font-size:12px; margin-top:50px;}
#info .searchlists .tit{ font-weight:bold;}
#info .searchlists a.right{ width:40px; height:20px; line-height:20px; display:inline-block; color:#fff; background:#ff4900; text-align:center; border-radius:3px; float:right; margin-left:10px;}

#info .searchlist{ line-height:22px; font-size:12px;}
#info .searchlist .tit{ font-weight:bold;}
#info .searchlist a.right{ width:40px; height:20px; line-height:20px; display:inline-block; color:#fff; background:#ff4900; text-align:center; border-radius:3px; float:right; margin-left:10px;}

a#viewmore{color:#999999; background:url(../images/pd.jpg) no-repeat left center; display:inline-block; height:16px; line-height:16px; padding-left:16px; float:right;}
a.active#viewmore{ background:url(../images/pu.jpg) no-repeat left center;}
a.pdleft{ display:inline-block; float:left; border:none; background:#616161; color:#ffffff; width:auto; height:30px; line-height:30px; padding:0 10px; text-align:center;}

.viewmore{ display:none;}

#list{ background:#fff; padding-left: 5px;}
#list .ttt{ line-height:30px; font-size:16px; font-weight:bold; color:#333; text-align:left;}
#list a{ display:block; color:#333;  line-height:50px; font-size:16px; position:relative;}
#list a span, #list a img{ display:inline-block; float:left;margin-left: 15px}

.newsli{border-bottom:1px dotted #dbdbdb;clear:both;}
.newsli img{float:left}

#msg{width:70%; height:auto; padding:30px 5%; text-align:center; background:#fff; position:fixed; display:none; top:20%; left:50%; margin-left:-40%; border:1px #ccc solid; z-index:50; border-radius:10px; font-size:1.2em; line-height:2em;}

#menu{ position:fixed; width:20%; height:6%; left:0; top:0; z-index:1000; background:#000; opacity:0.4;}
#menu table{ width:100%; height:60%; border:none; background:none; text-align:center;}
#menu table td img{ max-width:100%; max-height:80%;}
#menu table td.menu1{ padding-bottom:5px;}
.menu{ display:none;}

.flash{ margin:10px 0 30px; position:relative; overflow:hidden;}
.flash .in{ width:100%; height:auto; position:relative; overflow:hidden;}
.flash .in img{ width:100%; position:relative;}
.flash .in img.n{ position:relative;}
.flash .in img.k{ width:100%; position:absolute; left:0; top:0;}

.flash .bd{ height:auto; margin-top:5px; line-height:17px; height:20px; font-size:14px; color:#999;position:relative; overflow:hidden;}
.flash .bd .tit{ color:#333; font-weight:bold; float:left; width:20%;}
.flash .bd div{ float:left; margin:0; width:25px; height:17px; margin-right:-1px; float:left;}
.flash .bd span{ display:block; width:25px; height:17px; border:1px #999 solid; }

.flash .bts{ width:100%; line-height:26px; float:left; margin-top:10px;}
.flash .bts .tit{ color:#333; font-weight:bold; float:left; width:20%;}
.flash .bts span{ display:inline-block; float:left; width:71px; height:26px; line-height:26px; font-size:12px; background:url(../images/a_03.png) no-repeat; border:1px #af2d2d solid; margin-right:3px; text-align:center;}

.flash .bt{ width:100%; line-height:26px; float:left; margin-top:10px;}
.flash .bt .tit{ color:#333; font-weight:bold; float:left; width:20%;}
.flash .bt span{ display:inline-block; float:left; width:71px; height:26px; line-height:26px; font-size:12px; border:1px #999999 solid; margin-right:3px; text-align:center;}
.flash .bt span.active{ background:url(../images/a_03.png) no-repeat; border:1px #af2d2d solid;}

#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
#guide{display:none;position:fixed;right:18px;top:5px;z-index:19999;}
#guide img{width:260px;height:180px;}

.music{position:absolute; width:25px; height:25px; top:3%; right:5%; z-index:999999999; background-size: 100% auto;}
.on{background: url(../images/music_on.png) no-repeat 0 0; background-size:100% 100%; -webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
.off{background: url(../images/music_off.png) no-repeat 0 0; background-size:100% 100%;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.pricetop{ height:40px; line-height:40px;}



.jianjie img{
	width:100%;
}
.baojia{
	width:100%;
	height:auto;
	/*background:url(../../../themes/default/images/baojia1.jpg) no-repeat;*/

}
.baojia>table{border: 1px solid black; width: 100%; text-align: center; margin-bottom: 30px; border-collapse: collapse; font-size: 15px;}
.baojia>table tr{border: 1px solid #e6e6e6;}
.baojia>table tr td:first-of-type{background:#f1f1f1}
.baojia>table tr th{border: 1px solid #e6e6e6; background: #f1f1f1; padding: 15px 0;}
.baojia>table tr td{border: 1px solid #e6e6e6; padding: 15px 0;}





.clear{
	zoom:1;
}
.clear:after{
	content:'';
	display: block;
	clear:both;
}
.fl{
	float:left;
	
}
.fr{
	float:right;
	
}
.peisong li{
	float:left;
	margin-bottom:10px;

}
 .ttt2 a{
	background: none !important;
	color:red !important;
}
.anli{border:1px solid #a8acb1;height:60px;margin-bottom:10px;}
.anli dd{
	width:25%;
	float:left;
	font-size: 16px;
	color:#000;
	height:100%;
}
.anli dd img{
	width:100%;
	height:100%;
}
.anli dt{
	width:63%;
	float:left;
	padding-left: 12px;
	padding-right:15px;
	background: url(../../../themes/default/images/anli-bg2.jpg) no-repeat right ;
}
.anli dt h2{
	color:#413f3d;
	font-size: 16px;
}
.anli dt span{
	color:#b1b4b9;
	font-size: 14px;
	display: block;
	line-height: 14px;
}
.anli dt p{
	background: url(../../../themes/default/images/anli-bg.jpg) no-repeat;
	width:16px;
	height:9px;
	margin-top:5px;
	margin-bottom:5px;

}
.anli .dt2{
	margin-top:10px;
}

#info .search2{ width:70%; margin:10px auto 50px;}
#info .search .select2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    border: 1px #999 solid;
    background: none;
    color: #666;
}
#info .search2 .ttt{
	/*padding:15px 0;*/
}
#info .search2 .sub{
	border-radius: 5px;
	width:60% !important;
	margin:20px auto 0 auto;
	display: block;
	height:36px !important;
	line-height: 36px !important;
	background: #cacdd2 !important;
	border:1px solid #616161 !important;
	color:#000 !important;
}
#info .search2 .sub:hover{
	background: #616161 !important;
	color:#fff !important;
}

.chaxun{padding:0 !important;}
.chaxun td{
	border:0 !important;
	font-size: 12px !important;
	width:45% !important;
	text-align: left !important;
}
/*.chaxun .td2{
	border-bottom:1px solid #5e5c5a !important;
	
}*/
.baojia .top{
	font-size: 14px;
	font-weight: bold;
}

.shangchuan{width:70%;margin:0 auto;}
.shangchuan h3{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.shangchuan p{
	font-size: 14px;
	letter-spacing: 3px;
	margin-top:0px;
	margin:0 auto;
	
}
.shangchuan input{
	width:70%;
	height: 24px;
	line-height: 24px;
}
 .deng{
	border-radius: 5px;
    width: 50% !important;
    margin: 20px auto 0 auto;
    display: block;
    height: 36px !important;
    line-height: 36px !important;
    background: #cacdd2 !important;
    border: 1px solid #616161 !important;
    color: #000 !important;
}

.pho li{
	width:18%;
	background: #cccccc;
	border:1px #585858 solid;
	float:left;
	margin:8px;
	text-align: center;
	height:76px;
	line-height: 76px;
}
.zhibao strong{
	font-size: 15px;
	color:#000;
}
.zhibao p{
	font-size: 14px;
}
.zhibao{
	padding-top:20px;
}
.u1 li{
	width:100%;
	margin-bottom:10px;
}
.u1 li img{
	width:100%;
	height:100%;
}
.u1{
	margin-top:20px;
}
#tiaokwc{position:absolute;left:0;top:0;z-index: 998;background: white;display:none;}
.tiaokw{position: fixed;width:100%;height: 100%;left:0;top:0;display:none;right: 0;bottom: 0;z-index: 999;background: white;}
.tiaokw>a{
    position: absolute;
    right: 6%;
    top: 10px;
    display: block;
    width: 25px;
    height: 25px;
    font-size: 20px;
    text-align: center;
    line-height: 23px;
    border-radius: 100%;
    font-size: 0;
    background-image: url(../images/tclose.png);
    background-size: 100%;
}
.tiaokw>div{
    width: 90%;
    margin: 0 auto;
    height: 95%;
    margin: 5%;
    overflow-y: hidden;
    background: white;
}
.tiaokw>div>p{}
.tiaokw>div>h1{
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}
.tiaokw>div>div.tiaol{
    border: 1px solid #eeeeee;
    height: 65%;
    overflow: scroll;
    padding: 20px;
}
body{position:relative}
.tiaokw>div>div.tiaol>p{
}
.tiaokw>div>div.tx{
    padding: 5%;
    text-align: center;
}
.tiaokw>div>a.tshang{
    background: rgb(254, 144, 144);
    margin: 0 auto;
    width: 80%;
    display: block;
    text-align: center;
    line-height: 30px;
    color: white;
    margin-bottom: 40px;
}
.dqian{
    height: 50px;
}
.dqian>div{
    font-size: 18px;
    width: 50%;
    float: left;
    text-align: center;
}
.dqian>div>span{
    display: inline-block;
    width: 70px;
    text-align: right;
}
.dqian>div>a{
    margin-left: 20px;
    background: #006fe2;
    color: white;
    text-align: center;
    font-size: 15px;
    line-height: 46px;
    display: inline-block;
    width: 80%;
    margin: 0 auto;
}
.qianz{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999;background: white;}
.qianz>div:first-of-type{width:100%;height:100%}
.qianz>div:first-of-type>canvas.jSignature{
}
.qianz>div.ann{
    position: absolute;
    top: 25px;
    right: 0;
}
.qianz>div.ann>a{
    font-size: 20px;
    padding: 5px 20px;
    margin: 10px;
    background: #eeeeee;
    border-radius: 5px;
}