﻿.index_nav { padding-top: 1.5rem; }
.index_nav ul li { float: left; width: 6.4rem; text-align: center; }
.index_nav ul li p { color: #000000; font-size: 1.2rem; }
.index_box { width: 4px; height: 16px; background: #ff0000; float: left; margin-top: 0.35rem; }
.index_box1 { width: 4px; height: 16px; background: #ff0000; float: left; margin-top: 0.35rem; }
.index_buy { padding-left: 1.1rem; padding-top: 2rem; color: #000000; }
.index_buy p { font-size: 1.6rem; padding-left: 1rem; }
.index_img1 { width: 2.7rem; }
.index_img2 { width: 30rem; text-align: center; padding-top: 1rem; }
.index_integral { padding-left: 1rem; padding-top: 0.5rem; color: #000; }
.index_integral p { color: #000000; font-size: 1.1rem; float: left; padding-top: 0.5rem; padding-right: 0.8rem; }
.index_integral input { color: #000; }
.input { width: 6.5rem; height: 2.5rem; padding-left: 0.5rem; float: left; color: #000; border-radius: 5px; }
.index_line { width: 10px; height: 2px; background: #c7c7c7; float: left; margin: 1rem 0.5rem 0 0.5rem; }
.input_btn { width: 5.5rem; height: 2.7rem; float: left; border-radius: 5px; text-align: center; background: #ff0000; color: #ffffff; line-height: 2.5rem; margin-left: 1rem; font-size: 1.1rem; }

.Poster { padding-top: 45px; }

.index_score { padding-left: 1.1rem; padding-top: 2rem; color: #000000; padding-bottom: 4.5rem; }
.index_score p { font-size: 1.5rem; padding-left: 1rem; }
.index_score1 { padding-left: 1.1rem; padding-top: 2rem; color: #000000; }
.index_score1 p { font-size: 1.5rem; padding-left: 1rem; }
.index_list { padding-top: 0.5rem; }
.index_list ul li { float: left; }
.index_list ul li h1 { font-family: 'Arial'; font-size: 1.4rem; font-weight: 500; padding-top: 0.5rem; }
.index_list ul li h1 span { font-size: 1.2rem; }
.index_list ul li h2 { font-size: 1.1rem; color: #a0a0a0; padding-bottom: 0.2rem; }
.index_img3 { width: 4.5rem; float: left; padding-right: 1rem; }
.index_box2 { width: 14.3rem; border-right: 1px solid #dddddd; padding-right: 1rem; border-bottom: 1px solid #dddddd; padding-bottom: 1rem; padding-bottom: 1.5rem; padding-top: 1rem; }
.index_line1 { width: 1px; height: 7rem; background: #dddddd; margin: 0 1rem; }
.index_line2 { width: 30.5rem; height: 1px; margin: auto; background: #dddddd; }
.index_img4 { width: 4.5rem; float: left; padding-right: 1rem; padding-top: 1.5rem; }
.index_box3 { width: 14rem; border-bottom: 1px solid #dddddd; padding-bottom: 1.5rem; padding-left: 1rem; padding-top: 1rem; }
.index_category { padding-top: 2rem; padding-bottom: 1rem; }
.index_box4 { width: 14.3rem; border-right: 1px solid #dedede; padding-right: 1rem; padding-bottom: 1.5rem; padding-top: 1rem; }
.index_box4:nth-last-of-type(1) { border-right: none; }
.index_box5 { border: 1px solid #e8e8e8; width: 9.5rem; height: 14rem; margin-left: 0.7rem; float: left; }
.index_box5 h1 { font-size: 1.4rem; color: #000000; padding: 0.5rem 0 0 0.6rem; text-align: center; }
.index_box5 h2 { font-size: 1rem; color: #a0a0a0; padding: 0.2rem; letter-spacing: -0.15rem; text-align: center; }
.index_box5 p { font-family: 'Arial'; font-size: 1.4rem; color: #ff0000; padding: 0.2rem 0 0 0.6rem; }
.index_box5 p span { font-size: 1rem; color: #a0a0a0; padding: 0 0 0 0.2rem; }
.index_img5 { width: 7.5rem; margin: auto; display: block; padding-top: 1.5rem; }
.indxe_circle { font-family: 'Arial'; width: 7.5rem; height: 7.5rem; background-color: white; color: black; text-align: center; border-radius: 100px; border: 1px red solid; margin: 1rem auto; line-height: 7.5rem; color: #ff0000; font-size: 1.8rem; font-family:,'微软雅黑'; }
.index_img6 { width: 7rem; margin: auto; display: block; padding-top: 2.5rem; }

/*.index_recommended{}
.index_recommended ul li{ float:left; }
.index_img7 { width:12.9rem;padding-top:1rem;}
.index_recommended ul li h1{ font-size:1.3rem;}
.index_recommended ul li h2{ font-size:1rem;}
.index_recommended ul li h2 span{ font-size:1rem;color:#ff0000}
.index_recommended ul li h3{ font-size:1rem;}
.index_recommended ul li h3 span{ font-size:1rem;color:#909390}
.index_recommended ul li h4{ font-size:1.8rem; color:#ff0000;}
.index_recommended ul li h5{ font-size:1rem; color:#cccccc}
.tuijian{position:relative;width:100%;height:9rem;}
.index_box6 {width: 5rem;height: 2.5rem;color: black;text-align: center;border-radius: 5px;border:1px red solid;
              margin:1rem auto; line-height:2.5rem; color:#ff0000; font-size:1.3rem;font-family:,'微软雅黑';float:left; position:absolute;left:23.5rem;top:4.5rem;}*/

.index_recommended ul li { padding-right: 1rem; padding-top: 1rem; display: -webkit-box; position: relative; }
.index_recommended1 ul li { padding-right: 1rem; padding-top: 1rem; display: -webkit-box; position: relative; }
.index_img7 { height: 9rem; width: 13rem; }
.ziti { -webkit-box-flex: 1; padding-left: 1rem; }
.ziti h1 { font-size: 1.3rem; }
.ziti h2 { font-size: 1rem; }
.ziti h2 span { font-family: 'Arial'; font-size: 1rem; color: #ff0000; }
.ziti h3 { font-size: 1rem; }
.ziti h3 span { font-family: 'Arial'; font-size: 1rem; color: #909390; }
.ziti h4 { font-family: 'Arial'; font-size: 1.8rem; color: #ff0000; }
.ziti h5 { font-family: 'Arial'; font-size: 1rem; color: #cccccc; }
.index_box6 { width: 5rem; height: 2.5rem; color: black; text-align: center; border-radius: 5px; border: 1px red solid; margin: 1rem auto; line-height: 2.5rem; color: #ff0000; font-size: 1.3rem; font-family:,'微软雅黑'; float: left; position: absolute; left: 23.7rem; top: 5rem; }

.C_Receive { width: 92.4%; height: auto; position: fixed; background: url(../chali/images/fixedBG_1.jpg) top center no-repeat #f6ab00; background-size: 100%; border-radius: 24px; top: 20%; left: 3.8%; z-index: 101; display: none; padding: 10px 0; }
.C_Receive .C_close { width: 26px; position: absolute; top: -13px; right: 0%; margin-left: -13px; display: block; }
.C_Receive h1 { text-align: center; font-size: 1.6rem; line-height: 2.4rem; font-weight: normal; margin-top: 0px; color: #d60000; }
.C_Receive p { text-align: center; font-size: 1.2rem; line-height: 2rem; color: #FFF; padding: 0 10px; }
.C_Receive .LinkOther { width: 200px; margin: 20px auto 0; }
.C_Receive .LinkOther a { width: 90px; height: 30px; border-radius: 15px; background: url(../chali/images/fixedBG1.jpg) top center no-repeat; background-size: 100%; color: #fff; font-size: 1.3rem; line-height: 30px; display: block; float: left; text-align: center; text-decoration: none; }
.ReceiveBg { width: 100%; height: 100%; background-color: #000; opacity: 0.6; position: fixed; top: 0; display: none; z-index: 100; }
.C_Receive .line { width: 71.4%; margin: 10px auto; height: 1px; border-top: 1px dotted #d60000; }

.C_ReceiveNav { width: 100%; margin-bottom: 15px; }
.C_ReceiveNav a { width: 50%; float: left; position: relative; cursor: pointer; display: block; }
.C_ReceiveNav a img { width: 100%; display: block; }
.C_ReceiveNav a p { width: 100%; text-align: center; font-size: 1.6rem; position: absolute; top: 50%; margin-top: -8px; left: 0; color: #ffffff; }
.C_ReceiveNav a.navactive p { color: #d10000; }

.ReceiveAdrr #shoplist { width: 100%; border: 0; height: 38px; border-radius: 5px; box-sizing: border-box; padding: 5px; background: none; }
.ReceiveAdrr { width: 100%; margin-top: 22px; font-size: 15px; color: #9f9f9f; }
.ReceiveAdrr p { width: 25%; float: left; height: 40px; line-height: 40px; margin-top: 10px; font-size: 1.5rem; text-align: right; }
.ReceiveAdrr span { width: 70%; height: 40px; border: 1px solid #a5a5a5; border-radius: 5px; -webkit-border-radius: 5px; display: block; margin: auto; }
.ReceiveAdrr input { background: none; border: 0; height: 40px; line-height: 40px; padding: 5px; color: #000; }

.Re_LiPin p { text-align: center; font-size: 1.1rem; line-height: 2rem; margin-top: 0px; color: #FFF; padding: 0 10px; }
.Re_LiPin p span, .Re_LiPin p strong { color: #d60000; }
.Re_LiPin h1 { text-align: left; font-size: 1.1rem; line-height: 1.6rem; font-weight: normal; color: #c8161e; width: 90%; margin: 15px auto 10px; }
.Re_LiPin .LinkOther a { width: 120px; background: #d60000; float: none; margin: auto; }
.Re_LiPin, .Re_LiPin1 { padding-top: 0px; padding-bottom: 20px; }
.Re_LiPin1 p { text-align: center; font-size: 1.1rem; line-height: 2rem; margin-top: 0px; color: #FFF; padding: 0 10px; }
.Re_LiPin1 p span, .Re_LiPin1 p strong { color: #d60000; }
.Re_LiPin1 h1 { text-align: left; font-size: 1.3rem; line-height: 1.6rem; font-weight: normal; color: #c8161e; width: 90%; margin: 10px auto; }
.Re_LiPin1 h1 span { color: #000; }
.Re_LiPin1 ul li { width: 44%; margin: 1% 3% 0; display: block; float: left; cursor: pointer; }
.Re_LiPin1 ul li p { line-height: 32px; color: #a0a0a0; border-radius: 14px; background: #e2d9c6; text-align: left; border: #d60000 1px solid; margin-bottom: 7px; position: relative; text-indent: 12px; }
.Re_LiPin1 ul li p img { width: 14px; display: block; position: absolute; left: 6px; top: 7px; }
.Re_LiPin1 ul li span { color: #000; font-size: 0.9rem; margin-left: 12px; width: 90%; display: block; }
.Re_LiPin1 ul li img { width: 9px; display: block; float: left; margin-top: 3px; }
.Re_LiPin1 ul li.active p { line-height: 32px; color: #ffffff; border-radius: 14px; background: #d60000; text-align: left; border: #d60000 1px solid; }
.Re_LiPin1 ul li.active p img { width: 14px; display: block; position: absolute; right: 6px; top: 7px; }
.Re_LiPin1 .C_Address { width: 94%; margin: auto; display: block; border-radius: 14px; background: #c8161e; line-height: 25px; font-size: 12px; color: #ffffff; padding: 0 10px; position: relative; }
.Re_LiPin1 .C_Address a { color: #FFF; }
.C_Address .Name { width: 50%; float: left; height: 25px; line-height: 25px; color: #ffffff; overflow: hidden; }
.C_Address .Name img { width: 13px; margin: -2px 5px 0 0; vertical-align: middle; }
.C_Address .Phone { width: 50%; float: left; height: 25px; line-height: 25px; color: #ffffff; overflow: hidden; }
.C_Address .Phone img { width: 9px; margin: -2px 5px 0 0; vertical-align: middle; }
.C_Address .Address { width: 100%; float: left; height: auto; line-height: 18px; color: #ffffff; overflow: hidden; }
.C_Address .Address span { width: 80%; display: block; float: left; margin: 3px 0; }
.C_Address .Address img { width: 10px; margin: 5px 5px 0 0; vertical-align: middle; float: left; }
.C_Address .more { width: 8px; display: block; position: absolute; right: 10px; top: 50%; margin-top: -7px; }
.Explain { width: 98%; margin: auto; display: block; margin-top: 10px; color: #000; }
.Explain p { float: left; color: #000; font-size: 1rem; margin: 0; padding: 0 5px 0 0; line-height: 1.8rem; margin-top: 3px; }
.Explain p img { width: 8px; margin-right: 2px; }
.Explain span { width: 85%; float: left; display: block; font-size: 1rem; margin-top: 3px; line-height: 1.8rem; }

.ReceiveBg { width: 100%; height: 100%; background-color: #000; opacity: 0.6; position: fixed; top: 0; display: none; z-index: 100; }

.clear1 { padding-bottom: 4.1rem; }
@media screen and (min-width: 321px) {
    .Explain p, .Explain span { font-size: 1.1rem; }
}

@media screen and (min-width: 376px) {
    .Explain p, .Explain span { font-size: 1rem; }
}
