﻿/****************************/
/*       Power By          */
/*      爱上喵科技         */
/*     QQ:1509871176      */
/***************************/
/*Common For Max 1199*/
@media only screen and (max-width: 1600px) {
.dc-m11{border-top-right-radius: 50% 70px; border-top-left-radius: 50% 70px;}

}

@media only screen and (max-width: 1400px) {
.imgtxtList1{margin: 0 auto; width: 90%;}
.dc-m11{border-top-right-radius: 50% 50px; border-top-left-radius: 50% 50px;}

}


@media only screen and (max-width: 1199px) {
.wp{width: 98%;}
.wp1{width: 94%;}
.dc-m1{border-top-right-radius: 50% 3%;border-top-left-radius: 50% 3%; padding-top: 100px;}
.imgtxtList1-m1 .txt1 .mm1 h3{font-size: 30px;}
.imgtxtList1-m1 .txt1 .mm1 small{font-size: 22px;}
.dc-m3{height: 100px;}
.dc-m5,.pgbox3-m2{padding-top: 40px;}
.navList2 li a{height: 35px; line-height: 34px; padding: 0px 10px; min-width: 130px; font-size: 16px;}
.dc-rulebox .box-wd1{width: 94%;}
.dc-pgm8 p{font-size: 14px; line-height: 24px;}
.dc-m11{border-top-right-radius: 50% 30px; border-top-left-radius: 50% 30px;}

}

/*Common For Max 959*/
@media only screen and (max-width: 959px) {
.navList1-m1{font-size: 16px; padding: 0px 20px;}
.dc-m1 {border-top-right-radius: 50% 2%; border-top-left-radius: 50% 2%; padding-top: 60px;}
.imgtxtList1-m1 .txt1 .mm1 h3{font-size:26px; }
.imgtxtList1-m1 .txt1 .mm1 small{font-size: 18px;}
.imgtxtList1-m1 .txt1 .mm1{padding-bottom: 25px;}
.dc-m3{height: 50px;}
.dc-dt1 h3{font-size: 26px;}
.dc-m5,.pgbox3-m2{padding-top: 20px;}
.navList2 li a{min-width: 110px; height: 30px; line-height: 28px; font-size: 14px;}
.pgbox4-m1 a.btn1{font-size: 20px;}
.pgbox4-m1 .mm2 h2{font-size: 16px; padding-bottom: 15px;}
.dc-m6{padding-top: 40px;}
.pgbox4-m2 p{font-size: 14px; line-height: 27px;}
.imgtxtList5-m1 .txt1 h3 a{font-size: 16px;}
.imgtxtList5-m1 .txt1 .ct p{font-size: 13px; line-height: 20px;}
.imgtxtList5 li{padding-bottom: 20px;}
.dc-pgm1 p{font-size: 14px; line-height: 26px;}
.dc-more2 a.btn1{width: 255px; height: 40px; line-height: 40px; font-size: 16px;}
.dc-more2{padding-top: 20px;}
.dc-pgm2 li{width: 25%;}
.imgtxtList6-m1 .txt1 a{font-size: 12px;}
.imgtxtList6-m1 .txt1{width: 15%;}
.imgtxtList6-m1 .img1{width: 85%;}
.dc-article2 .at-tt h1{font-size: 16px;}
.dc-article2 .at-ct img{margin-bottom: 20px;}
.dc-m10{padding-top: 20px;}
.pgbox71 p{font-size: 16px; line-height: 23px;}
.pgbox72 p{font-size: 16px;}
.dc-m9{padding-top: 15px;}
.dc-pgm6 h4{font-size: 16px;}
.dc-pgm6 p{padding: 2px 0px;}
.dc-pgm6 p{font-size: 14px;}
.box_skitter {width: 960px; height: 350px; left: 50%; margin-left: -480px; padding: 0px; text-align:center; overflow:hidden;position: relative; }
.box_skitter img {width: 100%;}

/*Common For Max 850*/
@media only screen and (max-width: 850px) {
.hd-top1 .mm1 span{font-size: 12px;}
.imgtxtList3-m1 .txt1 .ct{padding-top: 5px;}
.imgtxtList3-m1 .txt1 .ct .mm1 p{line-height: 22px;}
.imgtxtList3-m1 .txt1 .ct .mm2{padding-top: 3px;}
.dc-btn2{height: 40px; line-height: 40px; padding: 0px 40px;}
.imgtxtList4-m1 .txt1 h3, .imgtxtList4-m1 .txt1 h3 a{font-size: 14px;}
.imgtxtList4-m1 .txt1{padding-top: 3px;}
.imgtxtList4 li{padding-bottom: 10px;}
.dpg-pages2{padding-top: 20px;}
.dpgpages2-m1 a, .dpgpages2-m1 span, .dpgpages2-m1 em.em1{height: 25px; line-height: 25px; font-size: 14px;}
.dpgpages2-m1 a, .dpgpages2-m1 span, .dpgpages2-m1 em.em1{margin: 0px 2px; padding: 0px 8px;}
.navList2 li{padding-bottom: 10px;}
.dc-pgm2 li{width: 33.33%;}
.dc-m11{border-top-right-radius: 50% 20px; border-top-left-radius: 50% 20px;}

}

/*Common For Max 767*/
@media only screen and (max-width: 767px) {
.slick-prev,.slick-next{width: 26px; height: 26px;}
.hd-top1{display: none!important;}
#m-hd{display: block;}
body{padding-top: 45px;}
.imgtxtList1-m1 .txt1 .mm1 h3{font-size: 20px;}
.imgtxtList1-m1 .txt1 .mm1 small{font-size: 14px;}
.dc-m1 {border-top-right-radius: 50% 1%; border-top-left-radius: 50% 1%; padding-top: 40px;}
.dc-m3{height: 30px;}
.dc-dt1 h3{font-size: 22px;}
.dc-dl1 dd{padding-top: 40px;}
.imgtxtList2 li{width: 25%; padding-bottom: 20px;}
.imgtxtList3-m1 .img1{margin-right: 10px;}
.imgtxtList3-m1 .txt1 .tt span.time{font-size: 16px; padding-right: 10px; margin-right: 10px;}
.imgtxtList3-m1 .txt1 .tt h3 a{font-size: 16px; font-weight: bold;}
.imgtxtList3-m1 .txt1 .tt h3 a{position: relative; margin-top: -2px;}
.dc-btn1{padding: 2px 20px; font-size: 13px;}
#fd{padding: 10px 0px;}
.pgbox2-m2 .mm2 a .img1{width: 35px;}
.pgbox2-m2 .mm2 a{margin: 0px 5px;}
.navList2 li{padding-left:3px; padding-right: 3px;}
.navList2 li a{min-width: inherit; font-size: 13px; height: 25px; line-height: 24px;}
.pgbox4-m1 .mm2 h2{font-size: 16px;}
.pgbox4-m1 a.btn1{width: 129px;}
.dc-m6{padding-top: 20px;}
.imgtxtList5-m1 .txt1{padding: 2px;}
.imgtxtList5-m1 .txt1 .ct p{font-size: 12px; line-height: 18px;}
.dc-more2 a.btn1{width: 200px;}
.dc-pgm8{padding: 10px 15px;}
.dc-m7{padding-top: 20px; padding-bottom: 30px;}
.pg-box5-ct{padding: 15px 0px;}
.navList3-m1{font-size: 14px;}
.navList3-m1{width: 85px; height: 30px; line-height: 29px;}
.inputList1 li .txt input[type="text"], .inputList1 li .txt input[type="password"]{height: 30px; line-height: 29px;}
.inputList1 li .tt{margin-top: 3px;}
.inputList1 li{padding-bottom: 10px;}
.inputList1 li .txt .btn1{padding: 5px 10px;}
.dcpgm31 .upload{height: 30px; line-height: 30px; width: 60px;}
.dc-pgm4 p{line-height: 22px;}
.dc-tb1 .td5 p.tg,.dc-tb1 .td5 p.wtg{font-size: 14px;}
.dc-tb1 td p{font-size: 12px; padding: 0px 3px;}
.dc-m9{padding-top: 5px;}
.pgbox71 p{font-size: 14px;}
.pgbox72 p{font-size: 14px; padding: 1px 0px;}
.dc-pgm6 h4{font-size: 14px; padding-bottom: 0px;}
.dc-pgm6 p{font-size: 13px; padding: 1px 0px;}
.dclogin1-tt{font-size: 22px;}
.dclogin1-tt{padding-bottom: 20px;}
.dc-login1{padding: 0px 10px; padding-top: 20px; padding-bottom: 40px;}
body{padding-bottom: 60px;}
.pg-nav1{display: block;}



}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
.imgtxtList1{width: 95%;}
.dc-m2{/* margin-top: -21%; */}
.imgtxtList1-m1 .txt1 .mm1 h3{font-size: 18px;}
.imgtxtList1-m1 .txt1 .mm1 small{font-size: 13px;}
.dc-m3{height: 20px;}
.dc-dt1 h3{font-size: 18px; font-weight: bold;}
.dc-dl1 dd{padding-top: 30px;}
.imgtxtList2-m1 .txt1 span{font-size: 13px;}
.imgtxtList2-m1 .img1{width: 100px; height: 100px;}
.slick1-swf .slick-prev, .slick1-swf .slick-next{width: 12px; height: 26px; top: 28%;}
.imgtxtList3-m1 .txt1 .tt span.time{font-size: 14px;}
.imgtxtList3-m1 .txt1 .tt h3 a{font-size: 14px;}
.imgtxtList3-m1 .txt1 .ct .mm1 p{font-size: 13px; line-height: 20px;}
.dc-btn1{font-size: 12px; padding: 1px 15px;}
.imgtxtList3-m1 .txt1 .ct .mm2{padding-right: 10px;}
.dc-btn2{height: 30px; line-height: 30px; padding: 0px 30px; font-size: 16px;}
.pgbox2-m1 .mm1 p{font-size: 12px;}
.pgbox2-m2 .mm1 span{font-size: 12px;}
.pgbox2-m2 .mm1{padding-right: 10px;}
.pg-box2 .pgbox2-m1{padding-right: 20px;}
.dc-pgm8 p{font-size: 13px; line-height: 20px;}
.dc-pgm2 li label{font-size: 13px;}
.dc-pgm2 li label{padding: 4px 1px;}
.imgtxtList6-m1 .img1{width: 80%;}
.imgtxtList6-m1 .txt1{width: 20%;}
.dc-pgm4 p{font-size: 13px; text-indent:1em;}
.dc-tb1 th{font-size: 13px;}
.dc-tb1 .td1 .img1{width: 90px;}
.box-pos li a{font-size: 14px;}
.dclogin1-ct{padding: 0px 20px;}



}

/*Common For Max 550*/
@media only screen and (max-width: 550px) {
.imgtxtList2 li{width: 33.33%;}
.imgtxtList3-m1 .img1{width: 180px;}
.imgtxtList3-m1 .txt1 .tt{padding-top: 0px;}
.pg-box2 .pgbox2-m1{padding-right: 0px;}
.pg-box2 .pgbox2-m2{float: none; text-align: center;}
.pg-box2 .pgbox2-m1{text-align: center;}
.pg-box2 .pgbox2-m1 .logo{display: none;}
.pgbox2-m2 .mm1 span{text-align: left; padding-left: 25px;}
.pgbox4-m1 a.btn1{width: 100px;}
.pgbox4-m1 a.btn1{font-size: 14px;}
.pgbox4-m1 .mm1 .mm2{padding-left:5px; padding-right: 5px;}
.pgbox4-m1 .mm2 h2{padding-bottom: 10px; font-size: 13px;}
.imgtxtList5-m1 .txt1 h3 a{font-size: 14px; font-weight: bold;}
.imgtxtList5 li{padding-bottom: 10px;}
.dc-pgm2 li{width: 50%;}
.dc-c2 li .txt .btn1{width: 150px;}
.inputList1 li .txt .btn1{font-size: 14px;}
.dc-login1{width: 85%;}
.dclogin1-tt{font-size: 18px; font-weight: bold;}
.dclogin1-ct{padding: 0px 10px;}
.dc-login1{padding-bottom: 10px;}
.loginList1-m1 .txt1 input[type="text"],.loginList1-m1 .btn1,.loginList1-m1 .txt1 .yzm, .loginList1-m1 .txt1 input[type="password"],.loginList1-m1 span.tt{height: 35px; line-height: 35px;}
.loginList1-m1 span.tt{width: 40px;}
.loginList1 li{padding-bottom: 10px;}
.loginList1-m1 .txt1 .yzm img{height: 15px;}
.loginList1-m1 .txt1 .yzm{width: 100px;}
.box-wd1 .dc-close{background-size: 20px auto; width: 20px; height: 20px; top: 5px; right: 5px;}



}

/*Common For Max 479*/
@media only screen and (max-width: 479px) {
.dc-m2{/* margin-top: -25%; */}
.dc-m1{border-top-right-radius: 50% 20px; border-top-left-radius: 50% 20px; padding-top: 30px;}
.imgtxtList1 li{width: 50%; padding-bottom: 10px;}
.imgtxtList1{text-align: left;}
.dc-dt1 h3{font-size: 16px;}
.dc-dl1 dd{padding-top: 20px;}
.imgtxtList2-m1 .img1{width: 90px; height: 90px;}
.imgtxtList2-m1 .txt1 span{font-size: 12px;}
.imgtxtList2-m1 .txt1 span.country{padding-top: 0px;}
.imgtxtList2 li{padding-bottom: 10px;}
.slick1-swf .slick-prev, .slick1-swf .slick-next{padding: 1px 0px; width: 10px;}
.imgtxtList3-m1 .img1{width: 150px; margin-right: 5px;}
.navList2 li{padding-bottom: 10px;}
.pgbox3-m2{padding-top: 10px;}
.dpg-pages2{padding-top: 10px;}
.pgbox4-m2 p{line-height: 22px;}
.imgtxtList5 .li-a,.imgtxtList5 .li-b{width: 100%;}
.dc-pgm1 p{padding-bottom: 10px; text-indent:2em; line-height: 22px;}
.dc-more2 a.btn1{width: 150px; height: 30px; line-height: 30px; font-size: 14px;}
.inputList1{width: 100%; padding: 0px 4%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.inputList1 li .txt{width: auto;}
.inputList1 li .tt{width: 62px; }
.inputList1.dc-c2 li .tt{width: 70px;}
.imgtxtList6-m1 .img1{width: 75%;}
.imgtxtList6-m1 .txt1{width: 25%;}
.dcpgm31 .upload{font-size: 12px;}
.dc-pgm4{padding: 2px;}
.dc-tb1 .td5 p.tg, .dc-tb1 .td5 p.wtg{font-size: 12px;}
.dc-tb1 .td1 .img1{width: 65px;}
.dc-article2 .at-ct img{margin-bottom: 10px;}
.dc-article2 .at-ct p{font-size: 13px; line-height: 20px;}
.dc-article2 .at-ct{padding-top: 10px;}
.h30{height: 10px;}
.dclogin1-tt small{font-size: 12px; color: #888; font-weight: normal;}
.box_skitter {width: 480px; height: 175px; left: 50%; margin-left: -240px; padding: 0px; text-align:center; overflow:hidden;position: relative; }
.box_skitter img {width: 100%;}
}

/*Common For Max 450*/
@media only screen and (max-width: 450px) {

}

/*Common For Max 400*/
@media only screen and (max-width: 400px) {
.dc-m1{border-top-right-radius: 50% 18px; border-top-left-radius: 50% 18px; padding-top: 30px;}
.dc-m3{height: 10px;}
.imgtxtList3-m1 .img1{margin-right: 0px; width: 100%; float: none;}
.imgtxtList3-m1 .txt1{ padding-top: 5px;}
.navList2 li{width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.navList2 li a{width: 100%;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.pgbox4-m1 a.btn1{width: 70px;}
.dc-m6{padding-top: 10px;}
.pgbox4-m2 p{font-size: 13px; line-height: 20px;}
.dc-pgm8 .p1{text-indent:1em;}
.dc-pgm8 p{font-size: 12px; line-height: 18px;}
.pg-box5-tt{padding-left:5px; padding-right: 5px;}
.dc-m7{padding-bottom: 10px;}
.inputList1 li .txt .btn1{font-size: 14px;}
.dc-pgm2 li{width: 100%;}
.imgtxtList6 li{width: 100%;}
.imgtxtList6-m1 .img1{width: 85%;}
.imgtxtList6-m1 .txt1{width: 15%;}
.inputList1 li .tt{float: none; padding-bottom: 5px; width: 100%!important; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.dc-tb1 th{font-size: 12px; padding: 5px 0px;}
.dc-article2 .others{padding-top: 5px;}
.dc-article2 .at-ct{padding-top: 10px;}
.box-pos li a{font-size: 13px;}
.pgbox71 p{line-height: 19px; font-size: 13px;}
.dc-c3 .img2{width: 80px; height: 80px;}
.dclogin1-ct{padding: 0px;}
.dclogin1-tt{font-size: 16px;}
.loginList1-m1 .txt1 input[type="text"], .loginList1-m1 .btn1, .loginList1-m1 .txt1 .yzm, .loginList1-m1 .txt1 input[type="password"], .loginList1-m1 span.tt{height: 30px; line-height: 30px;}
.loginList1-m1 span.tt{width: 32px;}
.loginList1-m1 span.tt img{width: 50%;}
.loginList1-m1 .txt1 .forget, .loginList1-m1 .txt1 .register{font-size: 12px;}
.loginList1 li.btns{padding-bottom: 5px;}
.loginList1-m1 .btn1{font-size: 14px;}
.loginList1-m1 .txt1 .yzm{width: 85px;}
.dc-login1{padding-top: 10px;}
.loginList1-m1 .txt1 input[type="text"], .loginList1-m1 .txt1 input[type="password"]{font-size: 13px;}
.loginList1-m1 .txt1 .yzm img{height: 13px;}
.pgbox2-m2 .mm2{display: block;}
.pgbox2-m2 .mm1 span.iph,.pgbox2-m2 .mm1 span.mail{background: transparent; text-align: center; padding-left: 0px;}



}

/*Common For Max 350*/
@media only screen and (max-width: 350px) {
.dc-m1{border-top-right-radius: 50% 15px; border-top-left-radius: 50% 15px; padding-top: 20px;}
.imgtxtList1 li{width: 100%;}
.dc-dl1 dd{padding-top: 15px;}
.imgtxtList2 li{width: 50%;}
.imgtxtList2-m1 .img1{width: 80px;height: 80px;}
.imgtxtList4 li{width: 50%;}
.dpgpages2-m1 a, .dpgpages2-m1 span, .dpgpages2-m1 em.em1{padding: 0px 5px; margin: 0px 1px; font-size: 13px; height: 22px; line-height: 22px;}
.navList3-m1{font-size: 12px; width: 65px;}
.imgtxtList6-m1 .img1{width: 80%;}
.imgtxtList6-m1 .txt1{width: 20%;}
.dc-c2 li .txt .btn1{width: 100px;}
.dc-article2 .at-tt h1{font-size: 14px;}
.box-pos li a{font-size: 12px;}

}

/*Common For Max 300*/
@media only screen and (max-width: 300px) {
.imgtxtList4 li{width: 100%;}


}
